@searchcraft/javascript-sdk 0.4.2 → 0.5.1
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/cjs/{index-6916cc47.js → index-b76bece0.js} +11 -41
- package/dist/cjs/index-b76bece0.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/searchcraft-base-search-result.cjs.entry.js +2 -2
- package/dist/cjs/searchcraft-base-search-results.cjs.entry.js +2 -2
- package/dist/cjs/{searchcraft-button.cjs.entry.js → searchcraft-button_2.cjs.entry.js} +22 -3
- package/dist/cjs/searchcraft-button_2.cjs.entry.js.map +1 -0
- package/dist/cjs/{searchcraft-spinner-light.cjs.entry.js → searchcraft-error-message.cjs.entry.js} +9 -8
- package/dist/cjs/searchcraft-error-message.cjs.entry.js.map +1 -0
- package/dist/cjs/searchcraft-facet-list_3.cjs.entry.js +20 -14
- package/dist/cjs/searchcraft-facet-list_3.cjs.entry.js.map +1 -1
- package/dist/cjs/searchcraft-filter-panel.cjs.entry.js +3 -3
- package/dist/cjs/searchcraft-filter-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/searchcraft-input-form.cjs.entry.js +200 -0
- package/dist/cjs/searchcraft-input-form.cjs.entry.js.map +1 -0
- package/dist/cjs/searchcraft-javascript-sdk.cjs.js +2 -2
- package/dist/cjs/searchcraft-popover-form.cjs.entry.js +25 -0
- package/dist/cjs/searchcraft-popover-form.cjs.entry.js.map +1 -0
- package/dist/cjs/searchcraft-popover-list-view.cjs.entry.js +26 -0
- package/dist/cjs/searchcraft-popover-list-view.cjs.entry.js.map +1 -0
- package/dist/cjs/searchcraft-popover-result.cjs.entry.js +25 -0
- package/dist/cjs/searchcraft-popover-result.cjs.entry.js.map +1 -0
- package/dist/cjs/searchcraft-results-info.cjs.entry.js +2 -2
- package/dist/cjs/{store-afa727af.js → store-f2faf5d3.js} +9 -6
- package/dist/cjs/{store-afa727af.js.map → store-f2faf5d3.js.map} +1 -1
- package/dist/collection/collection-manifest.json +4 -10
- package/dist/collection/components/searchcraft-button/searchcraft-button.js +1 -1
- package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.js +1 -1
- package/dist/collection/components/searchcraft-error-message/searchcraft-error-message.module.css +1 -0
- package/dist/collection/components/searchcraft-facet-list/searchcraft-facet-list.js +13 -5
- package/dist/collection/components/searchcraft-facet-list/searchcraft-facet-list.js.map +1 -1
- package/dist/collection/components/searchcraft-filter-panel/searchcraft-filter-panel.js +1 -1
- package/dist/collection/components/searchcraft-filter-panel/searchcraft-filter-panel.js.map +1 -1
- package/dist/collection/components/searchcraft-input-form/searchcraft-input-form.js +377 -0
- package/dist/collection/components/searchcraft-input-form/searchcraft-input-form.js.map +1 -0
- package/dist/collection/components/{searchcraft-input/searchcraft-input.module.css → searchcraft-input-form/searchcraft-input-form.module.css} +64 -11
- package/dist/collection/components/searchcraft-input-label/searchcraft-input-label.js +2 -1
- package/dist/collection/components/searchcraft-input-label/searchcraft-input-label.js.map +1 -1
- package/dist/collection/components/searchcraft-popover-form/searchcraft-popover-form.js +87 -0
- package/dist/collection/components/searchcraft-popover-form/searchcraft-popover-form.js.map +1 -0
- package/dist/collection/components/searchcraft-popover-form/searchcraft-popover-form.module.css +0 -0
- package/dist/collection/components/searchcraft-popover-list-view/searchcraft-popover-list-view.js +49 -0
- package/dist/collection/components/searchcraft-popover-list-view/searchcraft-popover-list-view.js.map +1 -0
- package/dist/collection/components/searchcraft-popover-list-view/searchcraft-popover-list-view.module.css +0 -0
- package/dist/collection/components/searchcraft-popover-result/searchcraft-popover-result.js +21 -0
- package/dist/collection/components/searchcraft-popover-result/searchcraft-popover-result.js.map +1 -0
- package/dist/collection/components/searchcraft-popover-result/searchcraft-popover-result.module.css +0 -0
- package/dist/collection/components/searchcraft-slider/searchcraft-slider.js +2 -2
- package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js +4 -4
- package/dist/collection/components/searchcraft-toggle-button/searchcraft-toggle-button.js.map +1 -1
- package/dist/collection/index.js +0 -9
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/provider/store.js +8 -5
- package/dist/collection/provider/store.js.map +1 -1
- package/dist/collection/types/index.js +1 -0
- package/dist/collection/types/index.js.map +1 -1
- package/dist/collection/types/searchcraft-popover-form.types.js +2 -0
- package/dist/collection/types/searchcraft-popover-form.types.js.map +1 -0
- package/dist/components/index.js +10 -22
- package/dist/components/index.js.map +1 -1
- package/dist/components/{p-ace4e6a0.js → p-16983367.js} +4 -4
- package/dist/components/p-16983367.js.map +1 -0
- package/dist/components/{p-7bb734f3.js → p-193cf280.js} +19 -23
- package/dist/components/p-193cf280.js.map +1 -0
- package/dist/components/{p-3e8d3586.js → p-5380505b.js} +4 -4
- package/dist/components/{p-3e8d3586.js.map → p-5380505b.js.map} +1 -1
- package/dist/components/{p-9b9df0ca.js → p-596ceccc.js} +7 -7
- package/dist/components/p-596ceccc.js.map +1 -0
- package/dist/components/p-672354c0.js +38 -0
- package/dist/components/p-672354c0.js.map +1 -0
- package/dist/{esm/store-8d82e948.js → components/p-86911576.js} +9 -6
- package/dist/components/p-86911576.js.map +1 -0
- package/dist/components/{p-37f54c0b.js → p-9cb3d38b.js} +4 -10
- package/dist/components/p-9cb3d38b.js.map +1 -0
- package/dist/components/{p-415f7b11.js → p-b180ba11.js} +3 -3
- package/dist/components/{p-415f7b11.js.map → p-b180ba11.js.map} +1 -1
- package/dist/components/{p-c8bc1e4f.js → p-bd5fede3.js} +4 -3
- package/dist/components/p-bd5fede3.js.map +1 -0
- package/dist/components/{p-5639be85.js → p-e4846fa2.js} +12 -36
- package/dist/components/p-e4846fa2.js.map +1 -0
- package/dist/components/searchcraft-base-search-result.js +1 -1
- package/dist/components/searchcraft-base-search-results.js +4 -4
- package/dist/components/searchcraft-button.js +1 -1
- package/dist/components/searchcraft-error-message.js +1 -1
- package/dist/components/searchcraft-facet-list.js +2 -2
- package/dist/components/searchcraft-filter-panel.js +7 -19
- package/dist/components/searchcraft-filter-panel.js.map +1 -1
- package/dist/components/searchcraft-input-form.d.ts +11 -0
- package/dist/components/searchcraft-input-form.js +245 -0
- package/dist/components/searchcraft-input-form.js.map +1 -0
- package/dist/components/searchcraft-input-label.js +1 -1
- package/dist/components/searchcraft-popover-form.d.ts +11 -0
- package/dist/components/searchcraft-popover-form.js +48 -0
- package/dist/components/searchcraft-popover-form.js.map +1 -0
- package/dist/components/searchcraft-popover-list-view.d.ts +11 -0
- package/dist/components/searchcraft-popover-list-view.js +8 -0
- package/dist/components/searchcraft-popover-list-view.js.map +1 -0
- package/dist/components/searchcraft-popover-result.d.ts +11 -0
- package/dist/components/searchcraft-popover-result.js +38 -0
- package/dist/components/searchcraft-popover-result.js.map +1 -0
- package/dist/components/searchcraft-results-info.js +2 -2
- package/dist/components/searchcraft-slider.js +1 -1
- package/dist/components/searchcraft-toggle-button.js +1 -1
- package/dist/esm/{index-921fe029.js → index-be042742.js} +12 -41
- package/dist/esm/index-be042742.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/searchcraft-base-search-result.entry.js +2 -2
- package/dist/esm/searchcraft-base-search-results.entry.js +2 -2
- package/dist/esm/{searchcraft-button.entry.js → searchcraft-button_2.entry.js} +22 -4
- package/dist/esm/searchcraft-button_2.entry.js.map +1 -0
- package/dist/esm/{searchcraft-spinner-light.entry.js → searchcraft-error-message.entry.js} +9 -8
- package/dist/esm/searchcraft-error-message.entry.js.map +1 -0
- package/dist/esm/searchcraft-facet-list_3.entry.js +20 -14
- package/dist/esm/searchcraft-facet-list_3.entry.js.map +1 -1
- package/dist/esm/searchcraft-filter-panel.entry.js +3 -3
- package/dist/esm/searchcraft-filter-panel.entry.js.map +1 -1
- package/dist/esm/searchcraft-input-form.entry.js +196 -0
- package/dist/esm/searchcraft-input-form.entry.js.map +1 -0
- package/dist/esm/searchcraft-javascript-sdk.js +3 -3
- package/dist/esm/searchcraft-popover-form.entry.js +21 -0
- package/dist/esm/searchcraft-popover-form.entry.js.map +1 -0
- package/dist/esm/searchcraft-popover-list-view.entry.js +22 -0
- package/dist/esm/searchcraft-popover-list-view.entry.js.map +1 -0
- package/dist/esm/searchcraft-popover-result.entry.js +21 -0
- package/dist/esm/searchcraft-popover-result.entry.js.map +1 -0
- package/dist/esm/searchcraft-results-info.entry.js +2 -2
- package/dist/{components/p-3c181808.js → esm/store-0c6c43cc.js} +234 -231
- package/dist/esm/{store-8d82e948.js.map → store-0c6c43cc.js.map} +1 -1
- package/dist/searchcraft-javascript-sdk/index.esm.js +1 -1
- package/dist/searchcraft-javascript-sdk/p-04300412.entry.js +2 -0
- package/dist/searchcraft-javascript-sdk/p-04300412.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/{p-efb41d6d.entry.js → p-09c7fbef.entry.js} +2 -2
- package/dist/searchcraft-javascript-sdk/p-09c7fbef.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/{p-d4a7d8bd.entry.js → p-51eb71bd.entry.js} +2 -2
- package/dist/searchcraft-javascript-sdk/p-61cf9d6c.entry.js +2 -0
- package/dist/searchcraft-javascript-sdk/p-61cf9d6c.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/p-64eadc05.entry.js +2 -0
- package/dist/searchcraft-javascript-sdk/p-64eadc05.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/{p-676e2eef.entry.js → p-6579c3b2.entry.js} +2 -2
- package/dist/searchcraft-javascript-sdk/{p-a56af0b0.entry.js → p-8574b83f.entry.js} +2 -2
- package/dist/searchcraft-javascript-sdk/p-8574b83f.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/{p-a2801518.js → p-86911576.js} +2 -2
- package/dist/searchcraft-javascript-sdk/p-86911576.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/p-9d7eb732.entry.js +2 -0
- package/dist/searchcraft-javascript-sdk/p-9d7eb732.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/p-a7a7b4e0.entry.js +2 -0
- package/dist/searchcraft-javascript-sdk/p-a7a7b4e0.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/p-adadf38a.entry.js +2 -0
- package/dist/searchcraft-javascript-sdk/p-adadf38a.entry.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/{p-fb239507.entry.js → p-ca022b18.entry.js} +2 -2
- package/dist/searchcraft-javascript-sdk/p-d7d0b88c.js +3 -0
- package/dist/searchcraft-javascript-sdk/p-d7d0b88c.js.map +1 -0
- package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js +1 -1
- package/dist/searchcraft-javascript-sdk/searchcraft-javascript-sdk.esm.js.map +1 -1
- package/dist/types/components/searchcraft-facet-list/searchcraft-facet-list.d.ts +4 -2
- package/dist/types/components/searchcraft-filter-panel/searchcraft-filter-panel.d.ts +0 -4
- package/dist/types/components/searchcraft-input-form/searchcraft-input-form.d.ts +76 -0
- package/dist/types/components/searchcraft-popover-form/searchcraft-popover-form.d.ts +8 -0
- package/dist/types/components/searchcraft-popover-list-view/searchcraft-popover-list-view.d.ts +8 -0
- package/dist/types/components/searchcraft-popover-result/searchcraft-popover-result.d.ts +6 -0
- package/dist/types/components.d.ts +158 -233
- package/dist/types/types/index.d.ts +1 -0
- package/dist/types/types/searchcraft-popover-form.types.d.ts +7 -0
- package/package.json +18 -4
- package/dist/cjs/index-6916cc47.js.map +0 -1
- package/dist/cjs/package-2005293c.js +0 -68
- package/dist/cjs/package-2005293c.js.map +0 -1
- package/dist/cjs/searchcraft-auto-search-form.cjs.entry.js +0 -143
- package/dist/cjs/searchcraft-auto-search-form.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-base-search-form.cjs.entry.js +0 -69
- 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.map +0 -1
- package/dist/cjs/searchcraft-check-icon_2.cjs.entry.js +0 -28
- package/dist/cjs/searchcraft-check-icon_2.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-clear-icon-set.cjs.entry.js +0 -30
- package/dist/cjs/searchcraft-clear-icon-set.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-error-message_3.cjs.entry.js +0 -95
- package/dist/cjs/searchcraft-error-message_3.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-search-icon-set.cjs.entry.js +0 -33
- package/dist/cjs/searchcraft-search-icon-set.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-spinner-dark.cjs.entry.js +0 -22
- package/dist/cjs/searchcraft-spinner-dark.cjs.entry.js.map +0 -1
- package/dist/cjs/searchcraft-spinner-light.cjs.entry.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-check-icon.js +0 -9
- package/dist/collection/assets/searchcraft-check-icon.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-dash-icon.js +0 -9
- package/dist/collection/assets/searchcraft-dash-icon.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/components/searchcraft-auto-search-form/searchcraft-auto-search-form.js +0 -338
- 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 -104
- package/dist/collection/components/searchcraft-base-search-form/searchcraft-base-search-form.js +0 -190
- 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 -104
- package/dist/collection/components/searchcraft-input/searchcraft-input.js +0 -266
- package/dist/collection/components/searchcraft-input/searchcraft-input.js.map +0 -1
- 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 -134
- 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 -125
- package/dist/components/p-0468a9eb.js +0 -82
- package/dist/components/p-0468a9eb.js.map +0 -1
- package/dist/components/p-04d13314.js +0 -29
- package/dist/components/p-04d13314.js.map +0 -1
- package/dist/components/p-37f54c0b.js.map +0 -1
- package/dist/components/p-3c181808.js.map +0 -1
- package/dist/components/p-5639be85.js.map +0 -1
- package/dist/components/p-7bb734f3.js.map +0 -1
- package/dist/components/p-9b9df0ca.js.map +0 -1
- package/dist/components/p-9f2b8375.js +0 -33
- package/dist/components/p-9f2b8375.js.map +0 -1
- package/dist/components/p-ace4e6a0.js.map +0 -1
- package/dist/components/p-c8bc1e4f.js.map +0 -1
- package/dist/components/p-c994d722.js +0 -66
- package/dist/components/p-c994d722.js.map +0 -1
- package/dist/components/p-de50441f.js +0 -29
- package/dist/components/p-de50441f.js.map +0 -1
- package/dist/components/searchcraft-auto-search-form.d.ts +0 -11
- package/dist/components/searchcraft-auto-search-form.js +0 -189
- package/dist/components/searchcraft-auto-search-form.js.map +0 -1
- package/dist/components/searchcraft-base-search-form.d.ts +0 -11
- package/dist/components/searchcraft-base-search-form.js +0 -121
- package/dist/components/searchcraft-base-search-form.js.map +0 -1
- package/dist/components/searchcraft-button-icon.d.ts +0 -11
- package/dist/components/searchcraft-button-icon.js +0 -32
- package/dist/components/searchcraft-button-icon.js.map +0 -1
- package/dist/components/searchcraft-check-icon.d.ts +0 -11
- package/dist/components/searchcraft-check-icon.js +0 -8
- package/dist/components/searchcraft-check-icon.js.map +0 -1
- package/dist/components/searchcraft-clear-icon-set.d.ts +0 -11
- package/dist/components/searchcraft-clear-icon-set.js +0 -46
- package/dist/components/searchcraft-clear-icon-set.js.map +0 -1
- package/dist/components/searchcraft-dash-icon.d.ts +0 -11
- package/dist/components/searchcraft-dash-icon.js +0 -8
- package/dist/components/searchcraft-dash-icon.js.map +0 -1
- package/dist/components/searchcraft-input.d.ts +0 -11
- package/dist/components/searchcraft-input.js +0 -8
- package/dist/components/searchcraft-input.js.map +0 -1
- package/dist/components/searchcraft-search-icon-set.d.ts +0 -11
- package/dist/components/searchcraft-search-icon-set.js +0 -51
- package/dist/components/searchcraft-search-icon-set.js.map +0 -1
- package/dist/components/searchcraft-spinner-dark.d.ts +0 -11
- 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.d.ts +0 -11
- package/dist/components/searchcraft-spinner-light.js +0 -36
- package/dist/components/searchcraft-spinner-light.js.map +0 -1
- package/dist/esm/index-921fe029.js.map +0 -1
- package/dist/esm/package-07f53086.js +0 -66
- package/dist/esm/package-07f53086.js.map +0 -1
- package/dist/esm/searchcraft-auto-search-form.entry.js +0 -139
- package/dist/esm/searchcraft-auto-search-form.entry.js.map +0 -1
- package/dist/esm/searchcraft-base-search-form.entry.js +0 -65
- package/dist/esm/searchcraft-base-search-form.entry.js.map +0 -1
- package/dist/esm/searchcraft-button-icon.entry.js +0 -14
- 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-check-icon_2.entry.js +0 -23
- package/dist/esm/searchcraft-check-icon_2.entry.js.map +0 -1
- package/dist/esm/searchcraft-clear-icon-set.entry.js +0 -26
- package/dist/esm/searchcraft-clear-icon-set.entry.js.map +0 -1
- package/dist/esm/searchcraft-error-message_3.entry.js +0 -89
- package/dist/esm/searchcraft-error-message_3.entry.js.map +0 -1
- package/dist/esm/searchcraft-search-icon-set.entry.js +0 -29
- package/dist/esm/searchcraft-search-icon-set.entry.js.map +0 -1
- package/dist/esm/searchcraft-spinner-dark.entry.js +0 -18
- package/dist/esm/searchcraft-spinner-dark.entry.js.map +0 -1
- package/dist/esm/searchcraft-spinner-light.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-1720b612.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-1720b612.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-3292e706.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-3292e706.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-491ae071.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-491ae071.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-4a2d1f44.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-4a2d1f44.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-80e3f29f.js +0 -3
- package/dist/searchcraft-javascript-sdk/p-80e3f29f.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-83a074b6.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-83a074b6.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-8a9b0762.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-8a9b0762.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-a2801518.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-a56af0b0.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-bcc68b15.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-bcc68b15.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-c70b31ae.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-c70b31ae.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-c994d722.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-c994d722.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-d08d0b15.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-d08d0b15.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-e8a96dca.entry.js +0 -2
- package/dist/searchcraft-javascript-sdk/p-e8a96dca.entry.js.map +0 -1
- package/dist/searchcraft-javascript-sdk/p-efb41d6d.entry.js.map +0 -1
- package/dist/types/assets/searchcraft-button-icons.d.ts +0 -3
- package/dist/types/assets/searchcraft-check-icon.d.ts +0 -3
- package/dist/types/assets/searchcraft-clear-icon-set.d.ts +0 -8
- package/dist/types/assets/searchcraft-dash-icon.d.ts +0 -3
- package/dist/types/assets/searchcraft-search-icon-set.d.ts +0 -10
- package/dist/types/components/searchcraft-auto-search-form/searchcraft-auto-search-form.d.ts +0 -34
- package/dist/types/components/searchcraft-base-search-form/searchcraft-base-search-form.d.ts +0 -21
- package/dist/types/components/searchcraft-input/searchcraft-input.d.ts +0 -22
- package/dist/types/components/searchcraft-spinner-dark/searchcraft-spinner-dark.d.ts +0 -3
- package/dist/types/components/searchcraft-spinner-light/searchcraft-spinner-light.d.ts +0 -3
- /package/dist/searchcraft-javascript-sdk/{p-d4a7d8bd.entry.js.map → p-51eb71bd.entry.js.map} +0 -0
- /package/dist/searchcraft-javascript-sdk/{p-676e2eef.entry.js.map → p-6579c3b2.entry.js.map} +0 -0
- /package/dist/searchcraft-javascript-sdk/{p-fb239507.entry.js.map → p-ca022b18.entry.js.map} +0 -0
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-6916cc47.js');
|
|
6
|
-
const store = require('./store-afa727af.js');
|
|
7
|
-
const utils = require('./utils-a17279a2.js');
|
|
8
|
-
const _package = require('./package-2005293c.js');
|
|
9
|
-
|
|
10
|
-
const searchcraftAutoSearchFormModuleCss = ":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-auto-search-form{display:flex;flex-direction:column;gap:4px}";
|
|
11
|
-
const SearchcraftAutoSearchFormStyle0 = searchcraftAutoSearchFormModuleCss;
|
|
12
|
-
|
|
13
|
-
const SearchcraftAutoSearchForm = class {
|
|
14
|
-
constructor(hostRef) {
|
|
15
|
-
index.registerInstance(this, hostRef);
|
|
16
|
-
this.inputClearedOrNoResults = index.createEvent(this, "inputClearedOrNoResults", 7);
|
|
17
|
-
this.querySubmit = index.createEvent(this, "querySubmit", 7);
|
|
18
|
-
this.debounceTimeout = null;
|
|
19
|
-
this.debounceDelay = 0;
|
|
20
|
-
this.searchStore = store.useSearchcraftStore.getState();
|
|
21
|
-
this.handleInputChange = (event) => {
|
|
22
|
-
const target = event.detail;
|
|
23
|
-
if (target === this.query) {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
this.query = target;
|
|
27
|
-
const performSearchActions = () => {
|
|
28
|
-
if (this.query.trim() === '') {
|
|
29
|
-
this.searchStore.setQuery('');
|
|
30
|
-
this.searchResults = null;
|
|
31
|
-
this.searchStore.setSearchResults(null);
|
|
32
|
-
this.inputClearedOrNoResults.emit();
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
this.searchStore.setQuery(this.query);
|
|
36
|
-
this.querySubmit.emit();
|
|
37
|
-
this.runSearch();
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
// Only set a timeout if debounceDelay > 0
|
|
41
|
-
if (this.debounceDelay > 0) {
|
|
42
|
-
if (this.debounceTimeout) {
|
|
43
|
-
clearTimeout(this.debounceTimeout);
|
|
44
|
-
}
|
|
45
|
-
this.debounceTimeout = setTimeout(performSearchActions, this.debounceDelay);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
// Otherwise just call search actions directly
|
|
49
|
-
performSearchActions();
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
this.handleClearInput = () => {
|
|
53
|
-
if (this.query === '' && !this.searchResults) {
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
this.query = '';
|
|
57
|
-
this.searchResults = null;
|
|
58
|
-
this.searchStore.setQuery('');
|
|
59
|
-
this.searchStore.setSearchResults(null);
|
|
60
|
-
if (typeof this.clearInput === 'function') {
|
|
61
|
-
this.clearInput();
|
|
62
|
-
}
|
|
63
|
-
if (this.debounceTimeout) {
|
|
64
|
-
clearTimeout(this.debounceTimeout);
|
|
65
|
-
}
|
|
66
|
-
this.error = false;
|
|
67
|
-
this.inputClearedOrNoResults.emit();
|
|
68
|
-
};
|
|
69
|
-
this.runSearch = async () => {
|
|
70
|
-
if (this.query.trim() === '') {
|
|
71
|
-
this.error = true;
|
|
72
|
-
this.inputClearedOrNoResults.emit();
|
|
73
|
-
}
|
|
74
|
-
else {
|
|
75
|
-
this.error = false;
|
|
76
|
-
this.searchStore.setQuery(this.query);
|
|
77
|
-
try {
|
|
78
|
-
await this.searchStore.search();
|
|
79
|
-
}
|
|
80
|
-
catch (error) {
|
|
81
|
-
this.error = true;
|
|
82
|
-
this.inputClearedOrNoResults.emit();
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
this.handleFormSubmit = async (event) => {
|
|
87
|
-
event.preventDefault();
|
|
88
|
-
await this.runSearch();
|
|
89
|
-
};
|
|
90
|
-
this.autoSearchFormClass = '';
|
|
91
|
-
this.clearInput = () => { };
|
|
92
|
-
this.config = undefined;
|
|
93
|
-
this.customStylesForInput = {};
|
|
94
|
-
this.inputCaptionValue = '';
|
|
95
|
-
this.labelForInput = '';
|
|
96
|
-
this.placeholderValue = 'Search here';
|
|
97
|
-
this.searchContainerClass = '';
|
|
98
|
-
this.error = false;
|
|
99
|
-
this.isRequesting = false;
|
|
100
|
-
this.query = '';
|
|
101
|
-
this.searchResults = null;
|
|
102
|
-
}
|
|
103
|
-
init() {
|
|
104
|
-
var _a;
|
|
105
|
-
if (this.config) {
|
|
106
|
-
const searchcraft = new store.ie(this.config, {
|
|
107
|
-
sdkName: _package.packageJson.name,
|
|
108
|
-
sdkVersion: _package.packageJson.version,
|
|
109
|
-
});
|
|
110
|
-
this.searchStore.initialize(searchcraft, true);
|
|
111
|
-
(_a = this.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
112
|
-
this.unsubscribe = store.useSearchcraftStore.subscribe((state) => {
|
|
113
|
-
this.isRequesting = state.isRequesting;
|
|
114
|
-
this.searchResults = Object.assign({}, state.searchResults);
|
|
115
|
-
});
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
componentDidLoad() {
|
|
119
|
-
this.init();
|
|
120
|
-
}
|
|
121
|
-
onConfigChange() {
|
|
122
|
-
this.init();
|
|
123
|
-
}
|
|
124
|
-
connectedCallback() { }
|
|
125
|
-
disconnectedCallback() {
|
|
126
|
-
if (this.unsubscribe) {
|
|
127
|
-
this.unsubscribe();
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
render() {
|
|
131
|
-
const parsedCustomStyles = utils.parseCustomStyles(this.customStylesForInput);
|
|
132
|
-
return (index.h("form", { key: '3c1069cbaf543e9b06616d7440eb784010a7b601', class: 'searchcraft-auto-search-form', onSubmit: this.handleFormSubmit }, index.h("searchcraft-input-label", { key: '7ba138f9335b59ee2205a22ef3a8af306db102d1', label: this.labelForInput }), index.h("searchcraft-input", { key: 'a7400629e259ea15cd58d5f2c87f1659c8d6addb', customStyles: parsedCustomStyles, "input-caption-value": this.inputCaptionValue, "is-requesting": this.isRequesting, onClearInput: this.handleClearInput, onInputChange: this.handleInputChange.bind(this), "placeholder-value": this.placeholderValue, query: this.query }), this.error && (index.h("searchcraft-error-message", { key: 'f304152c611d3e8849a9d24b07a9db3d5d71197f', errorMessage: 'Please enter a search query.' }))));
|
|
133
|
-
}
|
|
134
|
-
get element() { return index.getElement(this); }
|
|
135
|
-
static get watchers() { return {
|
|
136
|
-
"config": ["onConfigChange"]
|
|
137
|
-
}; }
|
|
138
|
-
};
|
|
139
|
-
SearchcraftAutoSearchForm.style = SearchcraftAutoSearchFormStyle0;
|
|
140
|
-
|
|
141
|
-
exports.searchcraft_auto_search_form = SearchcraftAutoSearchForm;
|
|
142
|
-
|
|
143
|
-
//# sourceMappingURL=searchcraft-auto-search-form.cjs.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"searchcraft-auto-search-form.entry.cjs.js","mappings":"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","names":["useSearchcraftStore","SearchcraftCore","packageJson","parseCustomStyles","h"],"sources":["src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.module.scss?tag=searchcraft-auto-search-form","src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.tsx"],"sourcesContent":[".searchcraft-auto-search-form {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n","import {\n Component,\n Prop,\n State,\n Event,\n type EventEmitter,\n h,\n Element,\n Watch,\n} from '@stencil/core';\n\nimport {\n type SearchcraftConfig,\n SearchcraftCore,\n type SearchcraftResponse,\n} from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\nimport { parseCustomStyles } from '@utils/utils';\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\nimport packageJson from '../../../package.json';\n\n@Component({\n tag: 'searchcraft-auto-search-form',\n styleUrl: 'searchcraft-auto-search-form.module.scss',\n shadow: false,\n})\nexport class SearchcraftAutoSearchForm {\n @Prop() autoSearchFormClass = '';\n @Prop() clearInput: () => void = () => {};\n @Prop() config: SearchcraftConfig | undefined;\n @Prop() customStylesForInput: string | Record<string, string> = {};\n @Prop() inputCaptionValue = '';\n @Prop() labelForInput = '';\n @Prop() placeholderValue = 'Search here';\n @Prop() searchContainerClass = '';\n\n @Event() inputClearedOrNoResults: EventEmitter<void>;\n @Event() querySubmit: EventEmitter<string>;\n\n @State() error = false;\n @State() isRequesting = false;\n @State() query = '';\n @State() searchResults: SearchcraftResponse | null = null;\n\n @Element() element: HTMLElement;\n\n private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n private debounceDelay = 0;\n private searchStore = useSearchcraftStore.getState();\n unsubscribe: () => void;\n\n init() {\n if (this.config) {\n const searchcraft = new SearchcraftCore(this.config, {\n sdkName: packageJson.name,\n sdkVersion: packageJson.version,\n });\n this.searchStore.initialize(searchcraft, true);\n\n this.unsubscribe?.();\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n this.isRequesting = state.isRequesting;\n this.searchResults = { ...state.searchResults };\n });\n }\n }\n\n componentDidLoad() {\n this.init();\n }\n\n @Watch('config')\n onConfigChange() {\n this.init();\n }\n\n connectedCallback() {}\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n handleInputChange = (event: ScInputCustomEvent<string>) => {\n const target = event.detail;\n if (target === this.query) {\n return;\n }\n this.query = target;\n\n const performSearchActions = () => {\n if (this.query.trim() === '') {\n this.searchStore.setQuery('');\n this.searchResults = null;\n this.searchStore.setSearchResults(null);\n this.inputClearedOrNoResults.emit();\n } else {\n this.searchStore.setQuery(this.query);\n this.querySubmit.emit();\n this.runSearch();\n }\n };\n\n // Only set a timeout if debounceDelay > 0\n if (this.debounceDelay > 0) {\n if (this.debounceTimeout) {\n clearTimeout(this.debounceTimeout);\n }\n this.debounceTimeout = setTimeout(\n performSearchActions,\n this.debounceDelay,\n );\n } else {\n // Otherwise just call search actions directly\n performSearchActions();\n }\n };\n\n handleClearInput = () => {\n if (this.query === '' && !this.searchResults) {\n return;\n }\n this.query = '';\n this.searchResults = null;\n this.searchStore.setQuery('');\n this.searchStore.setSearchResults(null);\n\n if (typeof this.clearInput === 'function') {\n this.clearInput();\n }\n\n if (this.debounceTimeout) {\n clearTimeout(this.debounceTimeout);\n }\n\n this.error = false;\n this.inputClearedOrNoResults.emit();\n };\n\n private runSearch = async () => {\n if (this.query.trim() === '') {\n this.error = true;\n this.inputClearedOrNoResults.emit();\n } else {\n this.error = false;\n this.searchStore.setQuery(this.query);\n\n try {\n await this.searchStore.search();\n } catch (error) {\n this.error = true;\n this.inputClearedOrNoResults.emit();\n }\n }\n };\n\n handleFormSubmit = async (event: Event) => {\n event.preventDefault();\n await this.runSearch();\n };\n\n render() {\n const parsedCustomStyles = parseCustomStyles(this.customStylesForInput);\n return (\n <form\n class='searchcraft-auto-search-form'\n onSubmit={this.handleFormSubmit}\n >\n <searchcraft-input-label label={this.labelForInput} />\n <searchcraft-input\n customStyles={parsedCustomStyles}\n input-caption-value={this.inputCaptionValue}\n is-requesting={this.isRequesting}\n onClearInput={this.handleClearInput}\n onInputChange={this.handleInputChange.bind(this)}\n placeholder-value={this.placeholderValue}\n query={this.query}\n />\n {this.error && (\n <searchcraft-error-message errorMessage='Please enter a search query.' />\n )}\n </form>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-6916cc47.js');
|
|
6
|
-
const store = require('./store-afa727af.js');
|
|
7
|
-
const _package = require('./package-2005293c.js');
|
|
8
|
-
|
|
9
|
-
const searchcraftBaseSearchFormModuleCss = ":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-base-search-form-input-container{align-items:center;display:flex;gap:8px}";
|
|
10
|
-
const SearchcraftBaseSearchFormStyle0 = searchcraftBaseSearchFormModuleCss;
|
|
11
|
-
|
|
12
|
-
const SearchcraftBaseSearchForm = class {
|
|
13
|
-
constructor(hostRef) {
|
|
14
|
-
index.registerInstance(this, hostRef);
|
|
15
|
-
this.clearInput = index.createEvent(this, "clearInput", 7);
|
|
16
|
-
this.clearInput = () => { };
|
|
17
|
-
this.searchStore = store.useSearchcraftStore.getState();
|
|
18
|
-
this.themeStore = store.useThemeStore.getState();
|
|
19
|
-
this.componentDidLoad = () => {
|
|
20
|
-
const searchcraft = new store.ie(this.config, {
|
|
21
|
-
sdkName: _package.packageJson.name,
|
|
22
|
-
sdkVersion: _package.packageJson.version,
|
|
23
|
-
});
|
|
24
|
-
this.searchStore.initialize(searchcraft, true);
|
|
25
|
-
};
|
|
26
|
-
this.handleFormSubmit = async (event) => {
|
|
27
|
-
event.preventDefault();
|
|
28
|
-
if (this.query.trim() === '') {
|
|
29
|
-
this.error = true;
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
this.error = false;
|
|
33
|
-
this.searchStore.setQuery(this.query);
|
|
34
|
-
await this.searchStore.search();
|
|
35
|
-
this.searchResults = JSON.stringify(this.searchStore.searchResults);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
this.handleSearchInputChange = (event) => {
|
|
39
|
-
this.query = event.detail;
|
|
40
|
-
};
|
|
41
|
-
this.handleClearInput = () => {
|
|
42
|
-
this.query = '';
|
|
43
|
-
this === null || this === void 0 ? void 0 : this.clearInput();
|
|
44
|
-
};
|
|
45
|
-
this.toggleTheme = () => {
|
|
46
|
-
this.themeStore.toggleTheme();
|
|
47
|
-
};
|
|
48
|
-
this.config = {
|
|
49
|
-
readKey: '',
|
|
50
|
-
endpointURL: '',
|
|
51
|
-
index: [],
|
|
52
|
-
};
|
|
53
|
-
this.errorMessage = 'Search was unsuccessful';
|
|
54
|
-
this.inputLabel = 'Search';
|
|
55
|
-
this.buttonLabel = 'Find';
|
|
56
|
-
this.buttonPlacement = 'right';
|
|
57
|
-
this.error = false;
|
|
58
|
-
this.query = '';
|
|
59
|
-
this.searchResults = null;
|
|
60
|
-
}
|
|
61
|
-
render() {
|
|
62
|
-
return (index.h("form", { key: '3200182783a9612326e4350beda3e0facc3abd83', class: 'searchcraft-base-search-form', onSubmit: this.handleFormSubmit }, index.h("searchcraft-input-label", { key: '51fbd74cab7f82435b21edcee9855fe570199d5a', label: this.inputLabel }), index.h("div", { key: '245a6e8fd2abf14f379e8dee9a2012a7a0fa7636', class: 'searchcraft-base-search-form-input-container' }, this.buttonPlacement === 'left' && (index.h("searchcraft-button", { key: '53b09c93f5ebaf548b6954923eaa5eb0e8c6ba18', onButtonClick: this.handleFormSubmit, label: this.buttonLabel })), index.h("searchcraft-input", { key: 'b8154b313b93cbd043bf141bdb505f8fc874428b', onClearInput: this.handleClearInput, onInputChange: this.handleSearchInputChange, query: this.query }), this.buttonPlacement === 'right' && (index.h("searchcraft-button", { key: '534fbb59f038a670f2a65293fa5dd6a9a3cba92d', onButtonClick: this.handleFormSubmit, label: this.buttonLabel }))), this.error && (index.h("searchcraft-error-message", { key: '8ed98aa322c4104346ac3dcb578133d8e2758866', errorMessage: this.errorMessage }))));
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
SearchcraftBaseSearchForm.style = SearchcraftBaseSearchFormStyle0;
|
|
66
|
-
|
|
67
|
-
exports.searchcraft_base_search_form = SearchcraftBaseSearchForm;
|
|
68
|
-
|
|
69
|
-
//# sourceMappingURL=searchcraft-base-search-form.cjs.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"searchcraft-base-search-form.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,kCAAkC,GAAG,inGAAinG,CAAC;AAC7pG,wCAAe,kCAAkC;;MCcpC,yBAAyB;;;;QAW3B,eAAU,GAAG,SAAQ,CAAC;QAMvB,gBAAW,GAAGA,yBAAmB,CAAC,QAAQ,EAAE,CAAC;QAC7C,eAAU,GAAGC,mBAAa,CAAC,QAAQ,EAAE,CAAC;QAE9C,qBAAgB,GAAG;YACjB,MAAM,WAAW,GAAG,IAAIC,QAAe,CAAC,IAAI,CAAC,MAAM,EAAE;gBACnD,OAAO,EAAEC,oBAAW,CAAC,IAAI;gBACzB,UAAU,EAAEA,oBAAW,CAAC,OAAO;aAChC,CAAC,CAAC;YACH,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;SAChD,CAAC;QAEF,qBAAgB,GAAG,OAAO,KAAK;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACtC,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;gBAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;aACrE;SACF,CAAC;QAEF,4BAAuB,GAAG,CAAC,KAAiC;YAC1D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;SAC3B,CAAC;QAEF,qBAAgB,GAAG;YACjB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAChB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,EAAE,CAAC;SACpB,CAAC;QAEF,gBAAW,GAAG;YACZ,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;SAC/B,CAAC;sBAlDkC;YAClC,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,EAAE;YACf,KAAK,EAAE,EAAE;SACV;4BACsB,yBAAyB;0BAC3B,QAAQ;2BACP,MAAM;+BACgB,OAAO;qBAIlC,KAAK;qBACL,EAAE;6BACqB,IAAI;;IAsC5C,MAAM;QACJ,QACEC,mEACE,KAAK,EAAC,8BAA8B,EACpC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAE/BA,sFAAyB,KAAK,EAAE,IAAI,CAAC,UAAU,GAAI,EACnDA,kEAAK,KAAK,EAAC,8CAA8C,IACtD,IAAI,CAAC,eAAe,KAAK,MAAM,KAC9BA,iFACE,aAAa,EAAE,IAAI,CAAC,gBAAgB,EACpC,KAAK,EAAE,IAAI,CAAC,WAAW,GACvB,CACH,EACDA,gFACE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,aAAa,EAAE,IAAI,CAAC,uBAAuB,EAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACD,IAAI,CAAC,eAAe,KAAK,OAAO,KAC/BA,iFACE,aAAa,EAAE,IAAI,CAAC,gBAAgB,EACpC,KAAK,EAAE,IAAI,CAAC,WAAW,GACvB,CACH,CACG,EACL,IAAI,CAAC,KAAK,KACTA,wFAA2B,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC/D,CACI,EACP;KACH;;;;;;","names":["useSearchcraftStore","useThemeStore","SearchcraftCore","packageJson","h"],"sources":["src/components/searchcraft-base-search-form/searchcraft-base-search-form.module.scss?tag=searchcraft-base-search-form","src/components/searchcraft-base-search-form/searchcraft-base-search-form.tsx"],"sourcesContent":[".searchcraft-base-search-form {\n\n}\n\n.searchcraft-base-search-form-input-container {\n align-items: center;\n display: flex;\n gap: 8px;\n}","import { Component, h, Event, Prop, State } from '@stencil/core';\n\nimport { type SearchcraftConfig, SearchcraftCore } from '@searchcraft/core';\n\nimport { useSearchcraftStore, useThemeStore } from '@provider/store';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\nimport packageJson from '../../../package.json';\n\n@Component({\n tag: 'searchcraft-base-search-form',\n styleUrl: 'searchcraft-base-search-form.module.scss',\n shadow: false,\n})\nexport class SearchcraftBaseSearchForm {\n @Prop() config: SearchcraftConfig = {\n readKey: '',\n endpointURL: '',\n index: [],\n };\n @Prop() errorMessage = 'Search was unsuccessful';\n @Prop() inputLabel = 'Search';\n @Prop() buttonLabel = 'Find';\n @Prop() buttonPlacement: 'right' | 'left' = 'right';\n\n @Event() clearInput = () => {};\n\n @State() error = false;\n @State() query = '';\n @State() searchResults: string | null = null;\n\n private searchStore = useSearchcraftStore.getState();\n private themeStore = useThemeStore.getState();\n\n componentDidLoad = () => {\n const searchcraft = new SearchcraftCore(this.config, {\n sdkName: packageJson.name,\n sdkVersion: packageJson.version,\n });\n this.searchStore.initialize(searchcraft, true);\n };\n\n handleFormSubmit = async (event) => {\n event.preventDefault();\n if (this.query.trim() === '') {\n this.error = true;\n } else {\n this.error = false;\n this.searchStore.setQuery(this.query);\n await this.searchStore.search();\n this.searchResults = JSON.stringify(this.searchStore.searchResults);\n }\n };\n\n handleSearchInputChange = (event: ScInputCustomEvent<string>) => {\n this.query = event.detail;\n };\n\n handleClearInput = () => {\n this.query = '';\n this?.clearInput();\n };\n\n toggleTheme = () => {\n this.themeStore.toggleTheme();\n };\n\n render() {\n return (\n <form\n class='searchcraft-base-search-form'\n onSubmit={this.handleFormSubmit}\n >\n <searchcraft-input-label label={this.inputLabel} />\n <div class='searchcraft-base-search-form-input-container'>\n {this.buttonPlacement === 'left' && (\n <searchcraft-button\n onButtonClick={this.handleFormSubmit}\n label={this.buttonLabel}\n />\n )}\n <searchcraft-input\n onClearInput={this.handleClearInput}\n onInputChange={this.handleSearchInputChange}\n query={this.query}\n />\n {this.buttonPlacement === 'right' && (\n <searchcraft-button\n onButtonClick={this.handleFormSubmit}\n label={this.buttonLabel}\n />\n )}\n </div>\n {this.error && (\n <searchcraft-error-message errorMessage={this.errorMessage} />\n )}\n </form>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-6916cc47.js');
|
|
6
|
-
|
|
7
|
-
const SearchcraftButtonIcon = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
index.registerInstance(this, hostRef);
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return (index.h("svg", { key: 'f9436b04edcceb412ba9f81dec897e6075f22007', width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'button-icon-title' }, index.h("title", { key: 'a9c430e91b2ab60a128393dda5d788e4de4a0401', id: 'button-icon-title' }, "Searchcraft Button Icon"), index.h("path", { key: '52a99156089e2cbf7de1f355bea2ffafd1b66dde', d: 'M2.725 5.79959L10 10.0079L17.275 5.79959M10 18.3996V9.99959M17.5 13.3329V6.66626C17.4997 6.37399 17.4225 6.08693 17.2763 5.8339C17.13 5.58086 16.9198 5.37073 16.6667 5.22459L10.8333 1.89126C10.58 1.74498 10.2926 1.66797 10 1.66797C9.70744 1.66797 9.42003 1.74498 9.16667 1.89126L3.33333 5.22459C3.08022 5.37073 2.86998 5.58086 2.72372 5.8339C2.57745 6.08693 2.5003 6.37399 2.5 6.66626V13.3329C2.5003 13.6252 2.57745 13.9123 2.72372 14.1653C2.86998 14.4183 3.08022 14.6285 3.33333 14.7746L9.16667 18.1079C9.42003 18.2542 9.70744 18.3312 10 18.3312C10.2926 18.3312 10.58 18.2542 10.8333 18.1079L16.6667 14.7746C16.9198 14.6285 17.13 14.4183 17.2763 14.1653C17.4225 13.9123 17.4997 13.6252 17.5 13.3329Z', stroke: 'white', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
exports.searchcraft_button_icon = SearchcraftButtonIcon;
|
|
17
|
-
|
|
18
|
-
//# sourceMappingURL=searchcraft-button-icon.cjs.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"searchcraft-button-icon.entry.cjs.js","mappings":";;;;;;MAMa,qBAAqB;;;;IAChC,MAAM;QACJ,QACEA,kEACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnCA,oEAAO,EAAE,EAAC,mBAAmB,8BAAgC,EAC7DA,mEACE,CAAC,EAAC,8rBAA8rB,EAChsB,MAAM,EAAC,OAAO,kBACD,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;KACH;;;;;","names":["h"],"sources":["src/assets/searchcraft-button-icons.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-button-icon',\n shadow: true,\n})\nexport class SearchcraftButtonIcon {\n render() {\n return (\n <svg\n width='20'\n height='20'\n viewBox='0 0 20 20'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='button-icon-title'\n >\n <title id='button-icon-title'>Searchcraft Button Icon</title>\n <path\n d='M2.725 5.79959L10 10.0079L17.275 5.79959M10 18.3996V9.99959M17.5 13.3329V6.66626C17.4997 6.37399 17.4225 6.08693 17.2763 5.8339C17.13 5.58086 16.9198 5.37073 16.6667 5.22459L10.8333 1.89126C10.58 1.74498 10.2926 1.66797 10 1.66797C9.70744 1.66797 9.42003 1.74498 9.16667 1.89126L3.33333 5.22459C3.08022 5.37073 2.86998 5.58086 2.72372 5.8339C2.57745 6.08693 2.5003 6.37399 2.5 6.66626V13.3329C2.5003 13.6252 2.57745 13.9123 2.72372 14.1653C2.86998 14.4183 3.08022 14.6285 3.33333 14.7746L9.16667 18.1079C9.42003 18.2542 9.70744 18.3312 10 18.3312C10.2926 18.3312 10.58 18.2542 10.8333 18.1079L16.6667 14.7746C16.9198 14.6285 17.13 14.4183 17.2763 14.1653C17.4225 13.9123 17.4997 13.6252 17.5 13.3329Z'\n stroke='white'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"searchcraft-button.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,0BAA0B,GAAG,soHAAsoH,CAAC;AAC1qH,gCAAe,0BAA0B;;MCe5B,iBAAiB;;;;QAUpB,gBAAW,GAAG;YACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;;wBAViB,KAAK;4BACD,MAAM;qBACb,QAAQ;4BAIA,KAAK;;IAM7B,MAAM;QACJ,QACEA,QAACC,cAAQ,uDACN,IAAI,CAAC,QAAQ,IACZD,oBACE,KAAK,EAAEE,kBAAU,CAAC,oBAAoB,CAAC,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,IAChBF,yCAA4B,KAE5B,IAAI,CAAC,WAAW,CACjB,CACM,KAETA,oBACE,KAAK,EAAEE,kBAAU,CAAC,oBAAoB,CAAC,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjDF,kBAAM,KAAK,EAAEE,kBAAU,CAAC,aAAa,EAAE,0BAA0B,CAAC,IAC/D,IAAI,CAAC,KAAK,CACN,CACA,CACV,CACQ,EACX;KACH;;;;;;","names":["h","Fragment","classNames"],"sources":["src/components/searchcraft-button/searchcraft-button.module.scss?tag=searchcraft-button","src/components/searchcraft-button/searchcraft-button.tsx"],"sourcesContent":[".searchcraft-button {\n @include body-bold;\n\n border-radius: 8px;\n display: flex;\n padding: 12px 20px;\n position: relative;\n\n background-color: var(--sc-surface-brand-primary);\n border: 1px solid var(--sc-border-primary);\n color: var(--sc-content-brand-on-primary);\n\n &:hover {\n cursor: pointer;\n background-color: var(--sc-surface-brand-primary-hover);\n }\n\n &:focus {\n outline: 2px solid var(--sc-surface-brand-primary);\n }\n}\n\n.buttonLabel {\n position: relative;\n}","import {\n Component,\n Event,\n type EventEmitter,\n Prop,\n h,\n State,\n Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n tag: 'searchcraft-button',\n styleUrl: 'searchcraft-button.module.scss',\n shadow: false,\n})\nexport class SearchcraftButton {\n @Prop() iconElement?: Element;\n @Prop() iconOnly = false;\n @Prop() iconPosition = 'left';\n @Prop() label = 'Search';\n\n @Event() buttonClick!: EventEmitter<void>;\n\n @State() isRequesting = false;\n\n private handleClick = () => {\n this.buttonClick.emit();\n };\n\n render() {\n return (\n <Fragment>\n {this.iconOnly ? (\n <button\n class={classNames('searchcraft-button')}\n onClick={this.handleClick}\n type='submit'\n >\n {this.isRequesting ? (\n <searchcraft-spinner-dark />\n ) : (\n this.iconElement\n )}\n </button>\n ) : (\n <button\n class={classNames('searchcraft-button')}\n onClick={this.handleClick}\n type='submit'\n >\n {this.iconPosition === 'left' && this.iconElement}\n <span class={classNames('buttonLabel', 'searchcraft-button-label')}>\n {this.label}\n </span>\n </button>\n )}\n </Fragment>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-6916cc47.js');
|
|
6
|
-
|
|
7
|
-
const SearchcraftCheckIcon = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
index.registerInstance(this, hostRef);
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return (index.h("svg", { key: '3db200942b79612a38293544a029c6854dfa4beb', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none' }, index.h("title", { key: 'b7b6af8651edb5cc0e054ed775b9029c6c93535e' }, "Checkbox Check"), index.h("path", { key: '7c74edc45f007245e4c6e4fd5d37dbc6dad20de0', d: 'M13.9999 2L5.74988 10L1.99988 6.36364', stroke: 'white', "stroke-width": '3', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const SearchcraftDashIcon = class {
|
|
17
|
-
constructor(hostRef) {
|
|
18
|
-
index.registerInstance(this, hostRef);
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return (index.h("svg", { key: '4d0c3ab69a973ec8b1d89f52082e4b98ce17e39d', width: '14', height: '3', viewBox: '0 0 14 3', fill: 'none' }, index.h("title", { key: '99a099dcd6a163ba5b8c1f5b80f9ebfde2152778' }, "Checkbox Dash"), index.h("line", { key: '49f030f69ff1d37139f868ffb94b5f24442dce37', x1: '1.5', y1: '1.5', x2: '12.5', y2: '1.5', stroke: 'white', "stroke-width": '3', "stroke-linecap": 'round' })));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
exports.searchcraft_check_icon = SearchcraftCheckIcon;
|
|
26
|
-
exports.searchcraft_dash_icon = SearchcraftDashIcon;
|
|
27
|
-
|
|
28
|
-
//# sourceMappingURL=searchcraft-check-icon_2.cjs.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"searchcraft-check-icon.searchcraft-dash-icon.entry.cjs.js","mappings":";;;;;;MAMa,oBAAoB;;;;IAC/B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IACzDA,uFAA6B,EAC7BA,mEACE,CAAC,EAAC,uCAAuC,EACzC,MAAM,EAAC,OAAO,kBACD,GAAG,oBACD,OAAO,qBACN,OAAO,GACvB,CACE,EACN;KACH;;;MCdU,mBAAmB;;;;IAC9B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,IACvDA,sFAA4B,EAC5BA,mEACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,MAAM,EAAC,OAAO,kBACD,GAAG,oBACD,OAAO,GACtB,CACE,EACN;KACH;;;;;;","names":["h"],"sources":["src/assets/searchcraft-check-icon.tsx","src/assets/searchcraft-dash-icon.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-check-icon',\n shadow: true,\n})\nexport class SearchcraftCheckIcon {\n render() {\n return (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='none'>\n <title>Checkbox Check</title>\n <path\n d='M13.9999 2L5.74988 10L1.99988 6.36364'\n stroke='white'\n stroke-width='3'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-dash-icon',\n shadow: true,\n})\nexport class SearchcraftDashIcon {\n render() {\n return (\n <svg width='14' height='3' viewBox='0 0 14 3' fill='none'>\n <title>Checkbox Dash</title>\n <line\n x1='1.5'\n y1='1.5'\n x2='12.5'\n y2='1.5'\n stroke='white'\n stroke-width='3'\n stroke-linecap='round'\n />\n </svg>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-6916cc47.js');
|
|
6
|
-
|
|
7
|
-
const SearchcraftClearIconSet = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
index.registerInstance(this, hostRef);
|
|
10
|
-
this.type = 'clear-light';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
switch (this.type) {
|
|
14
|
-
case 'clear-light':
|
|
15
|
-
return (index.h("svg", { width: '22', height: '22', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, index.h("title", { id: 'icon-title' }, "Searchcraft Clear Input Icon Light"), index.h("path", { 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', stroke: 'black', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
16
|
-
case 'clear-dark':
|
|
17
|
-
return (index.h("svg", { width: '22', height: '22', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, index.h("title", { id: 'icon-title' }, "Searchcraft Clear Input Icon Dark"), index.h("path", { 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', stroke: 'white', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
18
|
-
case 'arrow-light':
|
|
19
|
-
return (index.h("svg", { width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, index.h("title", { id: 'icon-title' }, "Searchcraft Arrow Right Icon Light"), index.h("path", { d: 'M7.5 15.0444L12.5 10.0444L7.5 5.04443', stroke: '#737373', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
20
|
-
case 'arrow-dark':
|
|
21
|
-
return (index.h("svg", { width: '8', height: '12', viewBox: '0 0 8 12', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, index.h("title", { id: 'icon-title' }, "Searchcraft Arrow Right Icon Dark"), index.h("path", { d: 'M1.5 11L6.5 6L1.5 1', stroke: '#BFBFBF', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
22
|
-
default:
|
|
23
|
-
return null;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.searchcraft_clear_icon_set = SearchcraftClearIconSet;
|
|
29
|
-
|
|
30
|
-
//# sourceMappingURL=searchcraft-clear-icon-set.cjs.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"searchcraft-clear-icon-set.entry.cjs.js","mappings":";;;;;;MAMa,uBAAuB;;;oBAMhC,aAAa;;IAEf,MAAM;QACJ,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,aAAa;gBAChB,QACEA,iBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,YAAY,IAE5BA,mBAAO,EAAE,EAAC,YAAY,yCAA2C,EACjEA,kBACE,CAAC,EAAC,uIAAuI,EACzI,MAAM,EAAC,OAAO,kBACD,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;YACJ,KAAK,YAAY;gBACf,QACEA,iBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,YAAY,IAE5BA,mBAAO,EAAE,EAAC,YAAY,wCAA0C,EAChEA,kBACE,CAAC,EAAC,uIAAuI,EACzI,MAAM,EAAC,OAAO,kBACD,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;YACJ,KAAK,aAAa;gBAChB,QACEA,iBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,YAAY,IAE5BA,mBAAO,EAAE,EAAC,YAAY,yCAA2C,EACjEA,kBACE,CAAC,EAAC,uCAAuC,EACzC,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;YACJ,KAAK,YAAY;gBACf,QACEA,iBACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,YAAY,IAE5BA,mBAAO,EAAE,EAAC,YAAY,wCAA0C,EAChEA,kBACE,CAAC,EAAC,qBAAqB,EACvB,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;YAEJ;gBACE,OAAO,IAAI,CAAC;SACf;KACF;;;;;","names":["h"],"sources":["src/assets/searchcraft-clear-icon-set.tsx"],"sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-clear-icon-set',\n shadow: true,\n})\nexport class SearchcraftClearIconSet {\n /**\n * Type of the icon to display.\n * Options: 'clear-light', 'clear-dark', 'arrow-light', 'arrow-dark'\n */\n @Prop() type: 'clear-light' | 'clear-dark' | 'arrow-light' | 'arrow-dark' =\n 'clear-light';\n\n render() {\n switch (this.type) {\n case 'clear-light':\n return (\n <svg\n width='22'\n height='22'\n viewBox='0 0 22 22'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='icon-title'\n >\n <title id='icon-title'>Searchcraft Clear Input Icon Light</title>\n <path\n d='M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z'\n stroke='black'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n case 'clear-dark':\n return (\n <svg\n width='22'\n height='22'\n viewBox='0 0 22 22'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='icon-title'\n >\n <title id='icon-title'>Searchcraft Clear Input Icon Dark</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='white'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n case 'arrow-light':\n return (\n <svg\n width='20'\n height='21'\n viewBox='0 0 20 21'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='icon-title'\n >\n <title id='icon-title'>Searchcraft Arrow Right Icon Light</title>\n <path\n d='M7.5 15.0444L12.5 10.0444L7.5 5.04443'\n stroke='#737373'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n case 'arrow-dark':\n return (\n <svg\n width='8'\n height='12'\n viewBox='0 0 8 12'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='icon-title'\n >\n <title id='icon-title'>Searchcraft Arrow Right Icon Dark</title>\n <path\n d='M1.5 11L6.5 6L1.5 1'\n stroke='#BFBFBF'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n\n default:\n return null;\n }\n }\n}\n"],"version":3}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-6916cc47.js');
|
|
6
|
-
const index$1 = require('./index-5b0b9d4c.js');
|
|
7
|
-
const utils = require('./utils-a17279a2.js');
|
|
8
|
-
|
|
9
|
-
const searchcraftErrorMessageModuleCss = ":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-error-message{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-body-small-font-weight);line-height:var(--sc-body-small-line-height);color:var(--sc-content-danger)}";
|
|
10
|
-
const SearchcraftErrorMessageStyle0 = searchcraftErrorMessageModuleCss;
|
|
11
|
-
|
|
12
|
-
const SearchcraftErrorMessage = class {
|
|
13
|
-
constructor(hostRef) {
|
|
14
|
-
index.registerInstance(this, hostRef);
|
|
15
|
-
this.errorMessage = undefined;
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (index.h("p", { key: '07a5a9e83a30988018aa9d3d3ece9d0894923399', class: 'searchcraft-error-message' }, this.errorMessage || 'Search term is required.'));
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
SearchcraftErrorMessage.style = SearchcraftErrorMessageStyle0;
|
|
22
|
-
|
|
23
|
-
const searchcraftInputModuleCss = ":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}searchcraft-input{display:flex;flex:1}.searchcraft-input-wrapper{display:inline-block;position:relative;cursor:text}.searchcraft-input-wrapper-flex{display:flex;flex:1}.searchcraft-input-flex{flex:1}.searchcraft-input{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-body-font-weight);line-height:var(--sc-body-line-height);background-color:var(--sc-surface-neutral-secondary);border:none;border-radius:var(--sc-input-border-radius);color:var(--sc-content-neutral-primary);outline:none;padding-left:var(--sc-input-padding-left);padding-right:var(--sc-input-padding-right);padding-top:12px;padding-bottom:12px}.searchcraft-input::placeholder{color:var(--sc-content-disabled)}.searchcraft-input:focus{outline:var(--sc-border-brand) solid 2px}.searchcraft-input:focus::placeholder{opacity:0}.searchcraft-input.error{color:var(--sc-content-danger);outline:var(--sc-border-danger) solid 2px}.searchcraft-input.error:focus{outline:var(--sc-border-danger) solid 2px}.searchcraft-input-search-icon-wrapper{align-items:center;justify-content:center;display:flex;position:absolute;pointer-events:none;bottom:0;left:0;top:0;width:var(--sc-input-padding-left)}.searchcraft-input-search-icon{pointer-events:none;width:var(--sc-input-search-icon-size);height:var(--sc-input-search-icon-size)}.searchcraft-input-clear-button{all:unset;align-items:center;justify-content:center;cursor:pointer;display:flex;position:absolute;border:none;outline:none;bottom:0;right:0;top:0;width:var(--sc-input-padding-right)}.searchcraft-input-clear-icon{width:var(--sc-input-clear-icon-size);height:var(--sc-input-clear-icon-size)}";
|
|
24
|
-
const SearchcraftInputStyle0 = searchcraftInputModuleCss;
|
|
25
|
-
|
|
26
|
-
const SearchcraftInput = class {
|
|
27
|
-
constructor(hostRef) {
|
|
28
|
-
index.registerInstance(this, hostRef);
|
|
29
|
-
this.clearInput = index.createEvent(this, "clearInput", 7);
|
|
30
|
-
this.inputChange = index.createEvent(this, "inputChange", 7);
|
|
31
|
-
this.handleOnInput = (event) => {
|
|
32
|
-
const input = event.target;
|
|
33
|
-
this.inputValue = input.value;
|
|
34
|
-
this.inputChange.emit(input.value);
|
|
35
|
-
};
|
|
36
|
-
this.handleClearInput = () => {
|
|
37
|
-
this.inputValue = '';
|
|
38
|
-
if (this.clearInput) {
|
|
39
|
-
this.clearInput.emit();
|
|
40
|
-
}
|
|
41
|
-
if (this.inputValue === '') {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
this.customStyles = {};
|
|
46
|
-
this.error = false;
|
|
47
|
-
this.inputCaptionClassName = '';
|
|
48
|
-
this.inputCaptionValue = '';
|
|
49
|
-
this.inputClassName = '';
|
|
50
|
-
this.isRequesting = false;
|
|
51
|
-
this.placeholderValue = 'Enter Search';
|
|
52
|
-
this.query = '';
|
|
53
|
-
this.flex = true;
|
|
54
|
-
this.inputValue = this.query;
|
|
55
|
-
}
|
|
56
|
-
render() {
|
|
57
|
-
const validatedCustomStyles = utils.parseCustomStyles(this.customStyles);
|
|
58
|
-
const inputWrapperClassNames = index$1.classNames('searchcraft-input-wrapper', {
|
|
59
|
-
'searchcraft-input-wrapper-flex': this.flex,
|
|
60
|
-
});
|
|
61
|
-
const inputClassNames = index$1.classNames('searchcraft-input', {
|
|
62
|
-
'searchcraft-input-flex': this.flex,
|
|
63
|
-
error: this.error,
|
|
64
|
-
});
|
|
65
|
-
const isShowingClearButton = this.inputValue.length > 0;
|
|
66
|
-
return (index.h("div", { key: 'ccc37209c67ce2d5faa3ad435f0c303bf23b9355', class: inputWrapperClassNames }, index.h("input", { key: 'd368f669c9e5ab7716502100d27325140a7d4c4e', autoComplete: 'off', class: inputClassNames, onInput: (event) => {
|
|
67
|
-
this.handleOnInput(event);
|
|
68
|
-
}, placeholder: this.placeholderValue, style: validatedCustomStyles, type: 'text', value: this.inputValue }), index.h("div", { key: 'b26c20cf29469f80a072635a4dc23ca8123d2b0b', class: 'searchcraft-input-search-icon-wrapper' }, index.h("svg", { key: '0865511d00e078982fe873e2b6fce30df290cdbd', class: 'searchcraft-input-search-icon', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, index.h("title", { key: '09e89005bc7972729888ed787f579ad18b6886b4', id: 'searchcraft-title' }, "Searchcraft Search Icon Light"), index.h("path", { key: 'fc37d213842b87f26d9d9f89c0708392a197648c', 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', stroke: '#404040', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))), isShowingClearButton && (index.h("button", { key: '779b81efc2ae5e985415edf4f9c02618852c7185', type: 'button', class: 'searchcraft-input-clear-button', onClick: this.handleClearInput }, index.h("svg", { key: '511dd4755fd75ab0a75ecd21ad18eb8726f84c94', class: 'searchcraft-input-clear-icon', viewBox: '0 0 22 22', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'icon-title' }, index.h("title", { key: '97304d272345567dd59ef1c1985663074bd0ed0e', id: 'icon-title' }, "Searchcraft Clear Input Icon Light"), index.h("path", { key: '147f88e2f51d855fbc097e81d32f24c27217f443', 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', stroke: 'black', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' }))))));
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
SearchcraftInput.style = SearchcraftInputStyle0;
|
|
72
|
-
|
|
73
|
-
const searchcraftInputLabelModuleCss = ":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-input-label{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-bold-font-size);font-weight:var(--sc-body-small-bold-font-weight);line-height:var(--sc-body-small-bold-line-height);color:var(--sc-content-neutral-primary);margin-top:4px;margin-bottom:4px}";
|
|
74
|
-
const SearchcraftInputLabelStyle0 = searchcraftInputLabelModuleCss;
|
|
75
|
-
|
|
76
|
-
const SearchcraftInputLabel = class {
|
|
77
|
-
constructor(hostRef) {
|
|
78
|
-
index.registerInstance(this, hostRef);
|
|
79
|
-
this.inputLabelClassName = '';
|
|
80
|
-
this.label = undefined;
|
|
81
|
-
}
|
|
82
|
-
render() {
|
|
83
|
-
if (!this.label) {
|
|
84
|
-
return null;
|
|
85
|
-
}
|
|
86
|
-
return (index.h("label", { class: 'searchcraft-input-label', htmlFor: 'searchcraft-input-id' }, this.label));
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
SearchcraftInputLabel.style = SearchcraftInputLabelStyle0;
|
|
90
|
-
|
|
91
|
-
exports.searchcraft_error_message = SearchcraftErrorMessage;
|
|
92
|
-
exports.searchcraft_input = SearchcraftInput;
|
|
93
|
-
exports.searchcraft_input_label = SearchcraftInputLabel;
|
|
94
|
-
|
|
95
|
-
//# sourceMappingURL=searchcraft-error-message_3.cjs.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"searchcraft-error-message.searchcraft-input.searchcraft-input-label.entry.cjs.js","mappings":"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","names":["h","parseCustomStyles","classNames"],"sources":["src/components/searchcraft-error-message/searchcraft-error-message.module.scss?tag=searchcraft-error-message","src/components/searchcraft-error-message/searchcraft-error-message.tsx","src/components/searchcraft-input/searchcraft-input.module.scss?tag=searchcraft-input","src/components/searchcraft-input/searchcraft-input.tsx","src/components/searchcraft-input-label/searchcraft-input-label.module.scss?tag=searchcraft-input-label","src/components/searchcraft-input-label/searchcraft-input-label.tsx"],"sourcesContent":[".searchcraft-error-message {\n @include body-small();\n color: var(--sc-content-danger);\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-error-message',\n styleUrl: 'searchcraft-error-message.module.scss',\n shadow: false,\n})\nexport class SearchcraftErrorMessage {\n @Prop() errorMessage?: string;\n\n render() {\n return (\n <p class='searchcraft-error-message'>\n {this.errorMessage || 'Search term is required.'}\n </p>\n );\n }\n}\n","searchcraft-input {\n display: flex;\n flex: 1;\n}\n\n.searchcraft-input-wrapper {\n display: inline-block;\n position: relative;\n cursor: text;\n}\n\n.searchcraft-input-wrapper-flex {\n display: flex;\n flex: 1;\n}\n\n.searchcraft-input-flex {\n flex: 1;\n}\n\n.searchcraft-input {\n @include body();\n background-color: var(--sc-surface-neutral-secondary);\n border: none;\n border-radius: var(--sc-input-border-radius);\n color: var(--sc-content-neutral-primary);\n outline: none;\n padding-left: var(--sc-input-padding-left);\n padding-right: var(--sc-input-padding-right);\n padding-top: 12px;\n padding-bottom: 12px;\n\n &::placeholder {\n color: var(--sc-content-disabled);\n }\n\n &:focus {\n outline: var(--sc-border-brand) solid 2px;\n }\n\n &:focus::placeholder {\n opacity: 0;\n }\n}\n\n.searchcraft-input.error {\n color: var(--sc-content-danger);\n outline: var(--sc-border-danger) solid 2px;\n\n &:focus {\n outline: var(--sc-border-danger) solid 2px;\n }\n}\n\n.searchcraft-input-search-icon-wrapper {\n align-items: center;\n justify-content: center;\n display: flex;\n position: absolute;\n pointer-events: none;\n bottom: 0;\n left: 0;\n top: 0;\n width: var(--sc-input-padding-left);\n}\n\n.searchcraft-input-search-icon {\n pointer-events: none;\n width: var(--sc-input-search-icon-size);\n height: var(--sc-input-search-icon-size);\n}\n\n.searchcraft-input-clear-button {\n all: unset;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n display: flex;\n position: absolute;\n border: none;\n outline: none;\n bottom: 0;\n right: 0;\n top: 0;\n width: var(--sc-input-padding-right);\n}\n\n.searchcraft-input-clear-icon {\n width: var(--sc-input-clear-icon-size);\n height: var(--sc-input-clear-icon-size);\n}\n","import {\n Component,\n h,\n Prop,\n State,\n Event,\n type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport { parseCustomStyles } from '@utils/utils';\n\nexport interface ScInputCustomEvent<T> extends CustomEvent<T> {\n detail: T;\n target: HTMLSearchcraftInputElement;\n}\n\n@Component({\n tag: 'searchcraft-input',\n styleUrl: 'searchcraft-input.module.scss',\n shadow: false,\n})\nexport class SearchcraftInput {\n @Prop() customStyles: string | Record<string, string> = {};\n @Prop() error = false;\n @Prop() inputCaptionClassName = '';\n @Prop() inputCaptionValue = '';\n @Prop() inputClassName = '';\n @Prop() isRequesting = false;\n @Prop() placeholderValue = 'Enter Search';\n @Prop() query = '';\n @Prop() flex = true;\n\n @Event() clearInput: EventEmitter<void>;\n @Event() inputChange: EventEmitter<string>;\n\n @State() inputValue = this.query;\n\n handleOnInput = (event: Event) => {\n const input = event.target as HTMLInputElement;\n this.inputValue = input.value;\n this.inputChange.emit(input.value);\n };\n\n handleClearInput = () => {\n this.inputValue = '';\n\n if (this.clearInput) {\n this.clearInput.emit();\n }\n if (this.inputValue === '') {\n return;\n }\n };\n\n render() {\n const validatedCustomStyles = parseCustomStyles(this.customStyles);\n\n const inputWrapperClassNames = classNames('searchcraft-input-wrapper', {\n 'searchcraft-input-wrapper-flex': this.flex,\n });\n\n const inputClassNames = classNames('searchcraft-input', {\n 'searchcraft-input-flex': this.flex,\n error: this.error,\n });\n\n const isShowingClearButton = this.inputValue.length > 0;\n\n return (\n <div class={inputWrapperClassNames}>\n <input\n autoComplete='off'\n class={inputClassNames}\n onInput={(event) => {\n this.handleOnInput(event);\n }}\n placeholder={this.placeholderValue}\n style={validatedCustomStyles}\n type='text'\n value={this.inputValue}\n />\n <div class='searchcraft-input-search-icon-wrapper'>\n <svg\n class='searchcraft-input-search-icon'\n viewBox='0 0 20 20'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='searchcraft-title'\n >\n <title id='searchcraft-title'>Searchcraft Search Icon Light</title>\n <path\n d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n stroke='#404040'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n </div>\n {isShowingClearButton && (\n <button\n type='button'\n class='searchcraft-input-clear-button'\n onClick={this.handleClearInput}\n >\n <svg\n class='searchcraft-input-clear-icon'\n viewBox='0 0 22 22'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='icon-title'\n >\n <title id='icon-title'>Searchcraft Clear Input Icon Light</title>\n <path\n d='M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z'\n stroke='black'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n </button>\n )}\n </div>\n );\n }\n}\n",".searchcraft-input-label {\n @include body-small-bold();\n color: var(--sc-content-neutral-primary);\n margin-top: 4px;\n margin-bottom: 4px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-input-label',\n styleUrl: 'searchcraft-input-label.module.scss',\n shadow: false,\n})\nexport class SearchcraftInputLabel {\n @Prop() inputLabelClassName? = '';\n @Prop() label?: string;\n\n render() {\n if (!this.label) {\n return null;\n }\n return (\n <label class='searchcraft-input-label' htmlFor='searchcraft-input-id'>\n {this.label}\n </label>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-6916cc47.js');
|
|
6
|
-
|
|
7
|
-
const SearchcraftSearchIconSet = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
index.registerInstance(this, hostRef);
|
|
10
|
-
this.type = 'search-dark';
|
|
11
|
-
this.width = 20;
|
|
12
|
-
this.height = 20;
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
const { width, height } = this;
|
|
16
|
-
switch (this.type) {
|
|
17
|
-
case 'search-light':
|
|
18
|
-
return (index.h("svg", { width: width, height: height, viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, index.h("title", { id: 'searchcraft-title' }, "Searchcraft Search Icon Light"), index.h("path", { 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', stroke: '#404040', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
19
|
-
case 'search-dark':
|
|
20
|
-
return (index.h("svg", { width: width, height: height, viewBox: '0 0 18 18', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, index.h("title", { id: 'searchcraft-title' }, "Searchcraft Search Icon Dark"), index.h("path", { d: 'M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z', stroke: '#E6E6E6', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
21
|
-
case 'error-light':
|
|
22
|
-
return (index.h("svg", { width: width, height: height, viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, index.h("title", { id: 'searchcraft-title' }, "Searchcraft Error Search Icon Light"), index.h("path", { 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', stroke: '#737373', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
23
|
-
case 'error-dark':
|
|
24
|
-
return (index.h("svg", { width: width, height: height, viewBox: '0 0 18 18', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'searchcraft-title' }, index.h("title", { id: 'searchcraft-title' }, "Searchcraft Error Search Icon Dark"), index.h("path", { d: 'M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z', stroke: '#BFBFBF', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
|
|
25
|
-
default:
|
|
26
|
-
return null;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
exports.searchcraft_search_icon_set = SearchcraftSearchIconSet;
|
|
32
|
-
|
|
33
|
-
//# sourceMappingURL=searchcraft-search-icon-set.cjs.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"searchcraft-search-icon-set.entry.cjs.js","mappings":";;;;;;MAMa,wBAAwB;;;oBAMjC,aAAa;qBACC,EAAE;sBACD,EAAE;;IAEnB,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAC/B,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,cAAc;gBACjB,QACEA,iBACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnCA,mBAAO,EAAE,EAAC,mBAAmB,oCAAsC,EACnEA,kBACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;YACJ,KAAK,aAAa;gBAChB,QACEA,iBACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnCA,mBAAO,EAAE,EAAC,mBAAmB,mCAAqC,EAClEA,kBACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;YACJ,KAAK,aAAa;gBAChB,QACEA,iBACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnCA,mBAAO,EAAE,EAAC,mBAAmB,0CAErB,EACRA,kBACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;YACJ,KAAK,YAAY;gBACf,QACEA,iBACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnCA,mBAAO,EAAE,EAAC,mBAAmB,yCAErB,EACRA,kBACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;YACJ;gBACE,OAAO,IAAI,CAAC;SACf;KACF;;;;;","names":["h"],"sources":["src/assets/searchcraft-search-icon-set.tsx"],"sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-search-icon-set',\n shadow: true,\n})\nexport class SearchcraftSearchIconSet {\n /**\n * Type of the icon to display.\n * Options: 'search-light', 'search-dark', 'error-light', 'error-dark'\n */\n @Prop() type: 'search-light' | 'search-dark' | 'error-light' | 'error-dark' =\n 'search-dark';\n @Prop() width = 20;\n @Prop() height = 20;\n\n render() {\n const { width, height } = this;\n switch (this.type) {\n case 'search-light':\n return (\n <svg\n width={width}\n height={height}\n viewBox='0 0 20 20'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='searchcraft-title'\n >\n <title id='searchcraft-title'>Searchcraft Search Icon Light</title>\n <path\n d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n stroke='#404040'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n case 'search-dark':\n return (\n <svg\n width={width}\n height={height}\n viewBox='0 0 18 18'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='searchcraft-title'\n >\n <title id='searchcraft-title'>Searchcraft Search Icon Dark</title>\n <path\n d='M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z'\n stroke='#E6E6E6'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n case 'error-light':\n return (\n <svg\n width={width}\n height={height}\n viewBox='0 0 20 20'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='searchcraft-title'\n >\n <title id='searchcraft-title'>\n Searchcraft Error Search Icon Light\n </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='#737373'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n case 'error-dark':\n return (\n <svg\n width={width}\n height={height}\n viewBox='0 0 18 18'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n aria-labelledby='searchcraft-title'\n >\n <title id='searchcraft-title'>\n Searchcraft Error Search Icon Dark\n </title>\n <path\n d='M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z'\n stroke='#BFBFBF'\n stroke-width='1.5'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n default:\n return null;\n }\n }\n}\n"],"version":3}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-6916cc47.js');
|
|
6
|
-
|
|
7
|
-
const searchcraftSpinnerDarkModuleCss = ":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.spinnerContainer{background-color:transparent;height:var(--sc-spinner-size);width:var(--sc-spinner-size)}.spinnerDark{animation:spinning 1s linear infinite;background:conic-gradient(#000 50%, #FFFFFF);clip-path:circle(50%);height:100%;mask-image:radial-gradient(circle at center, rgba(0, 0, 0, 0) calc(var(--sc-spinner-size) / 3), rgb(0, 0, 0) calc(var(--sc-spinner-size) / 3));width:100%}.spinnerLight{animation:spinning 1s linear infinite;background:conic-gradient(#737373 50%, #FFFFFF);clip-path:circle(50%);height:100%;mask-image:radial-gradient(circle at center, rgba(0, 0, 0, 0) calc(var(--sc-spinner-size) / 3), rgb(0, 0, 0) calc(var(--sc-spinner-size) / 3));width:100%}@keyframes spinning{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}";
|
|
8
|
-
const SearchcraftSpinnerDarkStyle0 = searchcraftSpinnerDarkModuleCss;
|
|
9
|
-
|
|
10
|
-
const SearchcraftSpinnerDark = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
return (index.h("div", { key: '8422a3414f343dbcd8f7c90ffc8ad440a52d22d9', class: 'spinnerContainer' }, index.h("div", { key: '06ae9efe8771068a9fec6769c0a614a98ceb8031', class: 'spinnerDark' })));
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
SearchcraftSpinnerDark.style = SearchcraftSpinnerDarkStyle0;
|
|
19
|
-
|
|
20
|
-
exports.searchcraft_spinner_dark = SearchcraftSpinnerDark;
|
|
21
|
-
|
|
22
|
-
//# sourceMappingURL=searchcraft-spinner-dark.cjs.entry.js.map
|