@searchstax-inc/searchstudio-ux-js 1.0.13 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/CHANGELOG.md +0 -20
  3. package/dist/hostedsearch-template.html +0 -965
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@searchstax-inc/searchstudio-ux-js",
3
3
  "private": false,
4
- "version": "1.0.13",
4
+ "version": "1.0.17",
5
5
  "files": [
6
6
  "dist"
7
7
  ],
package/CHANGELOG.md DELETED
@@ -1,20 +0,0 @@
1
- # Change Log
2
-
3
- All notable changes to the "searchstudio-ux-js" project will be documented in this file.
4
-
5
- ## [1.0.3] - 2024-10-08
6
- ### ⚠️ BREAKING CHANGES
7
- - Result template needs to be updated to print variables as HTML because they now will contain html <em> tags if highlighting is enabled
8
- ### Features
9
- - Added support for highlighting controlled via studio UI
10
- - Results per page are now configured through studio UI
11
- ### Bug Fixes
12
- - Tracking calls now use unmodified title of the result
13
-
14
- ## [1.0.10] - 2024-12-05
15
- ### Bug Fixes
16
- - fix & and + symbols causing issues in facet values
17
-
18
- ## [1.0.11] - 2024-12-26
19
- ### Bug Fixes
20
- - fix order of non mapped fields
package/dist/hostedsearch-template.html DELETED
@@ -1,965 +0,0 @@
1
- <meta charset="utf-8" />
2
- <!DOCTYPE html>
3
- <html lang="en">
4
- <head>
5
- <meta charset="utf-8" />
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
7
- <meta name="viewport" content="width=device-width,initial-scale=1" />
8
- <link rel="stylesheet" href="https://static.searchstax.com/studio-js/v4/css/search-ux.css">
9
- <style lang="css">
10
- .searchstax-result-item-link-wrapping:focus-visible{
11
- height: auto;
12
- }
13
-
14
- .searchstax-view-styles-container{
15
- display: inline-block;
16
- margin-top: -5px;
17
- margin-right: 10px;
18
- }
19
- .searchstax-view-styles-container .searchstax-view-styles-text{
20
- display: inline;
21
- font-size: 13px;
22
- }
23
- .searchstax-view-styles-container #toggle-view-style{
24
- background-color: #f5f5f5;
25
- width: 34px;
26
- height: 34px;
27
- display: inline-flex;
28
- align-items: center;
29
- justify-content: center;
30
- cursor: pointer;
31
- }
32
- .searchstax-view-styles-container #toggle-view-style .icon-grid{
33
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTAuNzIiIGhlaWdodD0iMzA5LjM4MSIgdmlld0JveD0iMCAwIDMxMC43MiAzMDkuMzgxIj48ZGVmcz48c3R5bGU+LmR7ZmlsbDojYjNiM2IzO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYyI+PGc+PGc+PHJlY3QgY2xhc3M9ImQiIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgcng9IjgiIHJ5PSI4Ii8+PHJlY3QgY2xhc3M9ImQiIHg9IjExMC4zNiIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiByeD0iOCIgcnk9IjgiLz48cmVjdCBjbGFzcz0iZCIgeD0iMjIwLjcyIiB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHJ4PSI4IiByeT0iOCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iZCIgeT0iMTA5LjY5IiB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHJ4PSI4IiByeT0iOCIvPjxyZWN0IGNsYXNzPSJkIiB4PSIxMTAuMzYiIHk9IjEwOS42OSIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiByeD0iOCIgcnk9IjgiLz48cmVjdCBjbGFzcz0iZCIgeD0iMjIwLjcyIiB5PSIxMDkuNjkiIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgcng9IjgiIHJ5PSI4Ii8+PC9nPjxnPjxyZWN0IGNsYXNzPSJkIiB5PSIyMTkuMzgxIiB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHJ4PSI4IiByeT0iOCIvPjxyZWN0IGNsYXNzPSJkIiB4PSIxMTAuMzYiIHk9IjIxOS4zODEiIHdpZHRoPSI5MCIgaGVpZ2h0PSI5MCIgcng9IjgiIHJ5PSI4Ii8+PHJlY3QgY2xhc3M9ImQiIHg9IjIyMC43MiIgeT0iMjE5LjM4MSIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiByeD0iOCIgcnk9IjgiLz48L2c+PC9nPjwvZz48L3N2Zz4=");
34
- background-size: cover;
35
- height: 15px;
36
- width: 15px;
37
- }
38
- .searchstax-view-styles-container #toggle-view-style .icon-list{
39
- background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTAuNzIiIGhlaWdodD0iMzA5LjM4MSIgdmlld0JveD0iMCAwIDMxMC43MiAzMDkuMzgxIj48ZGVmcz48c3R5bGU+LmR7ZmlsbDojYjNiM2IzO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYyI+PGc+PHBhdGggY2xhc3M9ImQiIGQ9Im0zMDIuNzIsMEg4QzMuNTgyLDAsMCwzLjU4MiwwLDh2NzRjMCw0LjQxOCwzLjU4Miw4LDgsOGgyOTQuNzJjNC40MTgsMCw4LTMuNTgyLDgtOFY4YzAtNC40MTgtMy41ODItOC04LThaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Im0zMDIuNzIsMTA5LjY5SDhjLTQuNDE4LDAtOCwzLjU4Mi04LDh2NzRjMCw0LjQxOCwzLjU4Miw4LDgsOGgyOTQuNzJjNC40MTgsMCw4LTMuNTgyLDgtOHYtNzRjMC00LjQxOC0zLjU4Mi04LTgtOFoiLz48cGF0aCBjbGFzcz0iZCIgZD0ibTMwMi43MiwyMTkuMzgxSDhjLTQuNDE4LDAtOCwzLjU4Mi04LDh2NzRjMCw0LjQxOCwzLjU4Miw4LDgsOGgyOTQuNzJjNC40MTgsMCw4LTMuNTgyLDgtOHYtNzRjMC00LjQxOC0zLjU4Mi04LTgtOFoiLz48L2c+PC9nPjwvc3ZnPg==");
40
- background-size: cover;
41
- height: 15px;
42
- width: 15px;
43
- }
44
-
45
- .searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results {
46
- display: flex;
47
- align-items: stretch;
48
- flex-wrap: wrap;
49
- justify-content: space-between;
50
- }
51
-
52
- .searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-result-item-link{
53
- display: block !important;
54
- height: auto;
55
- flex: 0 0 calc(33.333333% - 30px);
56
- max-width: calc(33.333333% - 30px);
57
- padding-right: 15px !important;
58
- padding-left: 15px !important;
59
- margin-bottom: 30px;
60
- display: table-column;
61
- }
62
-
63
- .searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-search-result{
64
- height: calc(100% - 30px) !important;
65
- padding-bottom: 0 !important;
66
- margin-bottom: 0 !important;
67
- }
68
-
69
- .searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-result-item-link .searchstax-thumbnail{
70
- left: 0;
71
- top: 0;
72
- height: 155px !important;
73
- height: calc(100% - 155px) !important;
74
- width: 100%;
75
- }
76
-
77
- .searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-search-result.has-thumbnail{
78
- padding-left: 10px !important;
79
- padding-top: 155px;
80
- }
81
-
82
- .searchstax-search-result .searchstax-search-result-ribbon{
83
- z-index: 1;
84
- }
85
-
86
- #searchstax-search-input{
87
- background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjQuMzEzcHgiIGhlaWdodD0iNi41ODJweCIgdmlld0JveD0iMCAwIDY0LjMxMyA2LjU4MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQuMzEzIDYuNTgyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMzMzQ3NUEiIGQ9Ik0wLjI3OCwzLjE4N3YxLjQxN0gwVjEuMTg4aDEuMTY0YzAuMzU0LDAsMC42MzIsMC4xMDIsMC44MzQsMC4yNzhDMi4yLDEuNjQ0LDIuMzAxLDEuODk3LDIuMzAxLDIuMg0KCQljMCwwLjMwNC0wLjEwMSwwLjU1Ny0wLjMwMywwLjczM2MtMC4yMDMsMC4xNzctMC40OCwwLjI3OC0wLjgzNCwwLjI3OEgwLjI3OFYzLjE4N3ogTTAuMjc4LDIuOTU5aDAuODg1DQoJCWMwLjI3OCwwLDAuNDgtMC4wNzYsMC42MzItMC4yMDJjMC4xNTItMC4xNTIsMC4yMDMtMC4zMjksMC4yMDMtMC41MzFjMC0wLjIyOC0wLjA3Ni0wLjQwNS0wLjIwMy0wLjU1Ng0KCQlDMS42NjksMS41MTgsMS40NDEsMS40NDEsMS4xNjQsMS40NDFIMC4yNzhWMi45NTl6Ii8+DQoJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTIuNzA2LDMuMzEzYzAtMC4zNzksMC4xMDEtMC42ODMsMC4zMDQtMC45MWMwLjIwMi0wLjIyOCwwLjQ4LTAuMzU0LDAuODA5LTAuMzU0czAuNjA3LDAuMTI2LDAuODA5LDAuMzU0DQoJCWMwLjIwMywwLjIyOCwwLjMwNCwwLjU1NiwwLjMwNCwwLjkxdjAuMDc2YzAsMC4zNzktMC4xMDEsMC42ODMtMC4zMDQsMC45MWMtMC4yMDIsMC4yMjgtMC40OCwwLjM1NC0wLjgwOSwwLjM1NA0KCQlTMy4yMTIsNC41MjcsMy4wMSw0LjI5OWMtMC4yMDMtMC4yMjgtMC4zMDQtMC41NTYtMC4zMDQtMC45MVYzLjMxM3ogTTIuOTg0LDMuMzg5YzAsMC4zMDMsMC4wNzYsMC41MzEsMC4yMjgsMC43MzMNCgkJYzAuMTUyLDAuMjAyLDAuMzU0LDAuMzAzLDAuNjMyLDAuMzAzYzAuMjUzLDAsMC40NTUtMC4xMDEsMC42MDctMC4zMDNDNC42MDMsMy45Miw0LjY3OSwzLjY2Nyw0LjY3OSwzLjM4OVYzLjMxMw0KCQljMC0wLjI3OC0wLjA3Ni0wLjUzMS0wLjIyOC0wLjczM1M0LjA5NywyLjI3NiwzLjg0NCwyLjI3NlMzLjM2NCwyLjM3NywzLjIzNywyLjU4QzMuMDg1LDIuNzgyLDMuMDEsMy4wMzUsMy4wMSwzLjMxM3YwLjA3NkgyLjk4NHoNCgkJIi8+DQoJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTYuMDcsMy43OTNsMC4xMDEsMC40NTVoMC4wMjVsMC4xMjYtMC40NTVsMC41MzEtMS43MmgwLjI1M2wwLjUzMSwxLjcybDAuMTI2LDAuNDU1SDcuNzlsMC4xMDEtMC40NTUNCgkJbDAuNDU1LTEuNzJoMC4zMDRMNy45MTYsNC42MDNINy42ODhMNy4xMzIsMi44NThsLTAuMTAxLTAuNDNINy4wMDVsLTAuMTAxLDAuNDNMNi4zNDgsNC42MDNINi4wOTVMNS4zNjEsMi4wNzRoMC4zMDRMNi4wNywzLjc5M3oiDQoJCS8+DQoJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTEwLjExNiw0LjY1NGMtMC4zMjksMC0wLjU4Mi0wLjEyNy0wLjc4NC0wLjM1NFM5LjAyOCwzLjc2OCw5LjAyOCwzLjQxNFYzLjI4OA0KCQljMC0wLjM1NCwwLjEwMi0wLjY1NywwLjMwNC0wLjkxYzAuMjAyLTAuMjI4LDAuNDU1LTAuMzU0LDAuNzU5LTAuMzU0YzAuMzAzLDAsMC41NTYsMC4xMDEsMC43MzMsMC4zMDMNCgkJYzAuMTc3LDAuMjAyLDAuMjc4LDAuNDU1LDAuMjc4LDAuNzg0djAuMjI4SDkuMzA3djAuMDc2YzAsMC4yNzgsMC4wNzYsMC41MzEsMC4yMjgsMC43MDhDOS42ODYsNC4zMjUsOS44ODgsNC40LDEwLjE0MSw0LjQNCgkJYzAuMTc3LDAsMC4zMjktMC4wMjUsMC40NTYtMC4wNzVjMC4xMjYtMC4wNTEsMC4yMjgtMC4xMjYsMC4zMjktMC4yMDJsMC4xMjYsMC4yMDJjLTAuMTAxLDAuMTAxLTAuMjI4LDAuMTc3LTAuMzU0LDAuMjI4DQoJCUMxMC40OTYsNC42MjgsMTAuMzE4LDQuNjU0LDEwLjExNiw0LjY1NHogTTEwLjA5MSwyLjI1MWMtMC4yMDMsMC0wLjM3OSwwLjA3Ni0wLjUzMSwwLjIyOFM5LjMzMiwyLjgzMyw5LjMwNywzLjA4NWwwLDBoMS40OTJWMy4wMQ0KCQljMC0wLjIyOC0wLjA3Ni0wLjQwNS0wLjIwMi0wLjU1N0MxMC40OTYsMi4zMjcsMTAuMzE4LDIuMjUxLDEwLjA5MSwyLjI1MXoiLz4NCgk8cGF0aCBmaWxsPSIjMzM0NzVBIiBkPSJNMTIuODIyLDIuMzAxaC0wLjIyOGMtMC4xNzcsMC0wLjMyOSwwLjA1MS0wLjQzLDAuMTUycy0wLjIwMiwwLjIyOC0wLjI1MywwLjQwNXYxLjc0NWgtMC4yNzhWMi4wNzRoMC4yNTMNCgkJbDAuMDI1LDAuNDN2MC4wMjVjMC4wNzYtMC4xNTEsMC4xNzctMC4yNzgsMC4zMDMtMC4zNTRjMC4xMjYtMC4wNzYsMC4yNzgtMC4xMjYsMC40My0wLjEyNmMwLjAyNSwwLDAuMDc2LDAsMC4xMDEsMA0KCQlzMC4wNTEsMCwwLjA3NiwwLjAyNVYyLjMwMXoiLz4NCgk8cGF0aCBmaWxsPSIjMzM0NzVBIiBkPSJNMTQuMTg4LDQuNjU0Yy0wLjMyOSwwLTAuNTgyLTAuMTI3LTAuNzg0LTAuMzU0QzEzLjIwMSw0LjA3MiwxMy4xLDMuNzY4LDEzLjEsMy40MTRWMy4yODgNCgkJYzAtMC4zNTQsMC4xMDEtMC42NTcsMC4zMDQtMC45MWMwLjIwMi0wLjIyOCwwLjQ1NS0wLjM1NCwwLjc1OS0wLjM1NGMwLjMwMywwLDAuNTU2LDAuMTAxLDAuNzMzLDAuMzAzDQoJCWMwLjE3NywwLjIwMiwwLjI3OCwwLjQ1NSwwLjI3OCwwLjc4NHYwLjIyOGgtMS44MjF2MC4wNzZjMCwwLjI3OCwwLjA3NiwwLjUzMSwwLjIyOCwwLjcwOEMxMy43MzIsNC4zMjUsMTMuOTM1LDQuNCwxNC4xODgsNC40DQoJCWMwLjE3NywwLDAuMzI5LTAuMDI1LDAuNDU2LTAuMDc1YzAuMTI2LTAuMDUxLDAuMjI4LTAuMTI2LDAuMzI5LTAuMjAybDAuMTI2LDAuMjAyYy0wLjEwMSwwLjEwMS0wLjIyOCwwLjE3Ny0wLjM1NCwwLjIyOA0KCQlDMTQuNTY3LDQuNjI4LDE0LjM5LDQuNjU0LDE0LjE4OCw0LjY1NHogTTE0LjE2MywyLjI1MWMtMC4yMDMsMC0wLjM3OSwwLjA3Ni0wLjUzMSwwLjIyOHMtMC4yMjgsMC4zNTQtMC4yNTMsMC42MDdsMCwwaDEuNDkyVjMuMDENCgkJYzAtMC4yMjgtMC4wNzYtMC40MDUtMC4yMDMtMC41NTdDMTQuNTQyLDIuMzI3LDE0LjM2NSwyLjI1MSwxNC4xNjMsMi4yNTF6Ii8+DQoJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTE1LjYwNCwzLjM2NGMwLTAuNDA1LDAuMDc2LTAuNzMzLDAuMjUzLTAuOTYxYzAuMTc3LTAuMjUzLDAuNDA0LTAuMzU0LDAuNzA4LTAuMzU0DQoJCWMwLjE3NywwLDAuMzI5LDAuMDI1LDAuNDU1LDAuMTAyYzAuMTI2LDAuMDc2LDAuMjI4LDAuMTc3LDAuMzI5LDAuMzI5VjAuOTYxaDAuMjc4djMuNjY3aC0wLjI1M2wtMC4wMjUtMC4zOA0KCQljLTAuMDc2LDAuMTI2LTAuMjAzLDAuMjI4LTAuMzI5LDAuMzA0cy0wLjI3OCwwLjEwMi0wLjQ4LDAuMTAyYy0wLjMwMywwLTAuNTMxLTAuMTAyLTAuNzA4LTAuMzI5DQoJCWMtMC4xNzctMC4yMjgtMC4yNTMtMC41MzEtMC4yNTMtMC45MTF2LTAuMDVIMTUuNjA0eiBNMTUuODgyLDMuNDE0YzAsMC4zMDQsMC4wNSwwLjU1NywwLjE3NywwLjczNA0KCQljMC4xMjYsMC4xNzcsMC4zMDQsMC4yNzcsMC41NTcsMC4yNzdjMC4xNzcsMCwwLjMyOS0wLjA1MSwwLjQ1NS0wLjEyNnMwLjIyOC0wLjIwMiwwLjI3OC0wLjMyOVYyLjc4Mg0KCQljLTAuMDc2LTAuMTUxLTAuMTUyLTAuMjc4LTAuMjc4LTAuMzU0Yy0wLjEyNi0wLjA3Ni0wLjI3OC0wLjEyNi0wLjQ1NS0wLjEyNmMtMC4yNTMsMC0wLjQzLDAuMTAyLTAuNTU3LDAuMzA0DQoJCXMtMC4xNzcsMC40NTUtMC4xNzcsMC43ODRWMy40MTR6Ii8+DQoJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTIxLjU5OCwzLjQxNGMwLDAuMzc5LTAuMDc2LDAuNjgzLTAuMjUzLDAuOTExYy0wLjE3NywwLjIyOC0wLjQwNSwwLjMyOS0wLjcwOCwwLjMyOQ0KCQljLTAuMTc3LDAtMC4zNTQtMC4wMjUtMC40OC0wLjEwMnMtMC4yNTMtMC4xNzgtMC4zMjktMC4zMjhsLTAuMDI1LDAuMzc5aC0wLjI1MlYwLjkzNmgwLjI3OHYxLjUxNw0KCQljMC4wNzYtMC4xNTIsMC4yMDMtMC4yNTMsMC4zMjktMC4zMjljMC4xMjYtMC4wNzYsMC4yNzgtMC4xMjYsMC40OC0wLjEyNmMwLjMwMywwLDAuNTMxLDAuMTI2LDAuNzA4LDAuMzU0DQoJCWMwLjE3NywwLjI1MywwLjI1MywwLjU1NiwwLjI1MywwLjk2MVYzLjQxNHogTTIxLjMxOSwzLjM2NGMwLTAuMzI5LTAuMDUtMC41ODItMC4xNzctMC43ODRzLTAuMzA0LTAuMzAzLTAuNTU3LTAuMzAzDQoJCWMtMC4yMDIsMC0wLjM1NCwwLjA1LTAuNDgsMC4xNTFzLTAuMjAyLDAuMjI4LTAuMjc4LDAuMzc5djEuMTY0YzAuMDUxLDAuMTUyLDAuMTUyLDAuMjUzLDAuMjc4LDAuMzU0DQoJCWMwLjEyNiwwLjA3NSwwLjI3OCwwLjEyNiwwLjQ1NSwwLjEyNmMwLjI1MywwLDAuNDMtMC4xMDEsMC41NTctMC4yNzdjMC4xMjYtMC4xNzgsMC4xNzctMC40MywwLjE3Ny0wLjczNFYzLjM2NEgyMS4zMTl6Ii8+DQoJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTIyLjkxMywzLjkybDAuMTAxLDAuMzA0aDAuMDI1bDAuNzU5LTIuMTVoMC4zMDNsLTEuMTEzLDIuOTM0Yy0wLjA3NiwwLjE3OC0wLjE1MSwwLjMyOS0wLjI1MiwwLjQzDQoJCWMtMC4xMDIsMC4xMjctMC4yNTMsMC4xNzgtMC40NTYsMC4xNzhjLTAuMDI1LDAtMC4wNzYsMC0wLjEyNiwwYy0wLjA1LDAtMC4wNzYtMC4wMjUtMC4xMDEtMC4wMjVsMC4wMjUtMC4yMjkNCgkJYzAuMDI1LDAsMC4wNSwwLDAuMTAxLDBzMC4wNzYsMCwwLjEwMSwwYzAuMTI2LDAsMC4yMjgtMC4wNSwwLjMwNC0wLjEyNmMwLjA3Ni0wLjA3NSwwLjEyNi0wLjIwMiwwLjE3Ny0wLjMyOWwwLjEyNi0wLjM1NA0KCQlsLTAuOTg2LTIuNTA0aDAuMzA0TDIyLjkxMywzLjkyeiIvPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxnIGlkPSJYTUxJRF8xNF8iPg0KCQkJPHBvbHlnb24gZmlsbD0iI0YxNjczNSIgcG9pbnRzPSIyNS42NDQsNC44MzEgMjYuNDAzLDQuNDUxIDI4LjY3OSw1Ljc0MSAzMC45MDQsNC40NTEgMzEuNTg3LDQuODU2IDI4LjY3OSw2LjU3NiAJCQkiLz4NCgkJPC9nPg0KCQk8ZyBpZD0iWE1MSURfMTNfIj4NCgkJCTxwb2x5Z29uIGZpbGw9IiNGMTY3MzUiIHBvaW50cz0iMjUuNjQ0LDMuMjg4IDI2LjQwMywyLjg4MyAyOC42MjgsNC4xNzMgMzAuODc5LDIuODgzIDMwLjg3OSwyLjIgMjguNjc5LDMuNDkgMjUuNjQ0LDEuNzQ1IA0KCQkJCTI4LjYyOCwwIDMwLjQ0OSwxLjAzNyAyOS43NjYsMS40OTIgMjguNjI4LDAuODEgMjcuMTExLDEuNzQ1IDI4LjYyOCwyLjY4MSAzMC44NzksMS4zNjYgMzEuNTg3LDEuNzQ1IDMxLjU4NywzLjI4OCANCgkJCQkyOC42NzksNS4wMzMgCQkJIi8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgaWQ9IkRJTl94NUZfTmV4dF94NUZfTFRfeDVGX1Byb194NUZfTGlnaHRfeDBBX180XyI+DQoJCTxwYXRoIGZpbGw9IiMzMzQ3NUEiIGQ9Ik0zMy42MSw0LjU1MmMtMC4wMjUtMC4wMjUtMC4wMjUtMC4wNTEsMC0wLjA3NmwwLjEwMS0wLjE1MWMwLjAyNS0wLjAyNSwwLjA1LTAuMDI1LDAuMDc2LDANCgkJCWMwLjIwMywwLjE1MSwwLjU1NywwLjMyOSwwLjkxMSwwLjMyOWMwLjUwNiwwLDAuODM0LTAuMjU0LDAuODM0LTAuNjU4YzAtMC4zMDMtMC4xNzctMC41NTYtMC43NTgtMC42MDZsLTAuMTUyLTAuMDI1DQoJCQljLTAuNjMyLTAuMDc2LTAuOTEtMC4zNzktMC45MS0wLjgzNWMwLTAuNTU2LDAuNDA1LTAuODg1LDEuMDEyLTAuODg1YzAuMzU0LDAsMC42ODMsMC4xMDEsMC45MSwwLjI3OA0KCQkJYzAuMDI1LDAsMC4wMjUsMC4wNTEsMCwwLjA3NkwzNS41MzIsMi4xNWMtMC4wMjUsMC4wMjUtMC4wNTEsMC4wMjUtMC4wNzUsMGMtMC4yNTMtMC4xNTItMC41MDYtMC4yMjgtMC43ODQtMC4yMjgNCgkJCWMtMC40NTUsMC0wLjczMywwLjI1My0wLjczMywwLjYzMmMwLDAuMzI5LDAuMjAyLDAuNTMxLDAuNzU5LDAuNjA3aDAuMTUyYzAuNjU3LDAuMDc2LDAuOTM2LDAuMzc5LDAuOTM2LDAuODYNCgkJCWMwLDAuNTMxLTAuMzgsMC45MS0xLjExMywwLjkxQzM0LjI0Myw0LjkzMSwzMy44MzgsNC43NTQsMzMuNjEsNC41NTJ6Ii8+DQoJCTxwYXRoIGZpbGw9IiMzMzQ3NUEiIGQ9Ik0zNi45OTgsMS43NDVjMC0wLjAyNSwwLjAyNS0wLjA1MSwwLjA1MS0wLjA1MWgxLjgyMmMwLjAyNSwwLDAuMDQ5LDAuMDI1LDAuMDQ5LDAuMDUxdjAuMTUyDQoJCQljMCwwLjAyNS0wLjAyMywwLjA1LTAuMDQ5LDAuMDVoLTEuNTk0djEuMTg5aDEuMzkxYzAuMDI1LDAsMC4wNTEsMC4wMjUsMC4wNTEsMC4wNXYwLjE1MmMwLDAuMDI1LTAuMDI1LDAuMDUxLTAuMDUxLDAuMDUxaC0xLjM5MQ0KCQkJdjEuMjM5aDEuNTk0YzAuMDI1LDAsMC4wNDksMC4wMjUsMC4wNDksMC4wNTF2MC4xNTFjMCwwLjAyNS0wLjAyMywwLjA1LTAuMDQ5LDAuMDVoLTEuODIyYy0wLjAyNSwwLTAuMDUxLTAuMDI0LTAuMDUxLTAuMDVWMS43NDUNCgkJCXoiLz4NCgkJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTQwLjg5MywxLjc0NWMwLTAuMDI1LDAuMDI1LTAuMDUxLDAuMDUxLTAuMDUxaDAuMTc4YzAuMDI1LDAsMC4wNTEsMC4wMjUsMC4wNTEsMC4wNTFsMS4xMTMsMy4wODUNCgkJCWMwLDAuMDI1LDAsMC4wNS0wLjAyNSwwLjA1aC0wLjE3OGMtMC4wMjUsMC0wLjA1MSwwLTAuMDUxLTAuMDVsLTAuMjc3LTAuNzg0aC0xLjM5MWwtMC4yNzksMC43ODRjMCwwLjAyNS0wLjAyNSwwLjA1LTAuMDUxLDAuMDUNCgkJCWgtMC4xNzZjLTAuMDI1LDAtMC4wNTEtMC4wMjQtMC4wMjUtMC4wNUw0MC44OTMsMS43NDV6IE00MS42MjcsMy43OTNMNDEuMDIsMi4xMjVsMCwwbC0wLjYwNywxLjY2OUg0MS42Mjd6Ii8+DQoJCTxwYXRoIGZpbGw9IiMzMzQ3NUEiIGQ9Ik00NS4yNDQsNC44OGMtMC4wMjUsMC0wLjA1MSwwLTAuMDUxLTAuMDVsLTAuNjU4LTEuMzkxaC0wLjA3Nkg0My42djEuMzY2DQoJCQljMCwwLjAyNS0wLjAyNSwwLjA1MS0wLjA1MSwwLjA1MWgtMC4xNzhjLTAuMDI1LDAtMC4wNTEtMC4wMjUtMC4wNTEtMC4wNTF2LTMuMDZjMC0wLjAyNSwwLjAyNS0wLjA1MSwwLjA1MS0wLjA1MWgxLjA2Mw0KCQkJYzAuNjA3LDAsMC45NjEsMC4zMjksMC45NjEsMC44ODVjMCwwLjQzLTAuMjUyLDAuNzU5LTAuNjU2LDAuODM0bDAuNjgyLDEuNDE3YzAuMDI1LDAuMDI1LDAsMC4wNS0wLjAyNSwwLjA1SDQ1LjI0NEw0NS4yNDQsNC44OHoNCgkJCSBNNDUuMTY4LDIuNThjMC0wLjQwNS0wLjI1NC0wLjYzMi0wLjcwOS0wLjYzMmgtMC44MzR2MS4yNjVoMC44MzRDNDQuOTE0LDMuMjEyLDQ1LjE2OCwyLjk4NCw0NS4xNjgsMi41OHoiLz4NCgkJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTQ2LjU1OSwzLjI4OGMwLTAuNzA4LDAuMDUxLTAuODYsMC4xMjctMS4wNjJjMC4xMjUtMC4yNzgsMC4zNzktMC41MDYsMC42ODItMC41NTYNCgkJCWMwLjU1Ny0wLjEwMiwxLjAxMiwwLjEwMSwxLjI0LDAuNTU2YzAsMC4wMjUsMCwwLjA1MSwwLDAuMDUxbC0wLjE1MiwwLjA3NmMtMC4wMjUsMC0wLjA1MSwwLTAuMDUxLTAuMDI1DQoJCQljLTAuMTc4LTAuMjI4LTAuNDA0LTAuNDMtMC43NTgtMC40M2MtMC4zODEsMC0wLjYzMywwLjE3Ny0wLjc2LDAuNTMxYy0wLjA1MSwwLjEyNi0wLjA3NiwwLjMyOS0wLjA3NiwwLjg2DQoJCQljMCwwLjUzMSwwLjAyNSwwLjczMywwLjA3NiwwLjg2YzAuMTI3LDAuMzU0LDAuMzU0LDAuNTMxLDAuNzYsMC41MzFjMC4zNTQsMCwwLjU4LTAuMTc4LDAuNzMyLTAuNDU1DQoJCQljMC0wLjAyNSwwLjAyNS0wLjAyNSwwLjA1MS0wLjAyNWwwLjE1MiwwLjA3NWMwLjAyNSwwLDAuMDI1LDAuMDI1LDAsMC4wNTFjLTAuMTc4LDAuMzgtMC41MzEsMC41ODEtMC45NjEsMC41ODENCgkJCWMtMC41MDYsMC0wLjg2MS0wLjIyNy0xLjAxMi0wLjcwN0M0Ni41ODQsNC4wNzIsNDYuNTU5LDMuODQ0LDQ2LjU1OSwzLjI4OHoiLz4NCgkJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTQ5Ljc3LDEuNzQ1YzAtMC4wMjUsMC4wMjUtMC4wNTEsMC4wNTEtMC4wNTFoMC4xNzhjMC4wMjUsMCwwLjA1MSwwLjAyNSwwLjA1MSwwLjA1MXYxLjM5MWgxLjY0M1YxLjc0NQ0KCQkJYzAtMC4wMjUsMC4wMjUtMC4wNTEsMC4wNTEtMC4wNTFoMC4xNzhjMC4wMjUsMCwwLjA1MSwwLjAyNSwwLjA1MSwwLjA1MXYzLjA4NWMwLDAuMDI1LTAuMDI1LDAuMDUtMC4wNTEsMC4wNWgtMC4xNzgNCgkJCWMtMC4wMjUsMC0wLjA1MS0wLjAyNC0wLjA1MS0wLjA1VjMuMzg5aC0xLjY2OHYxLjQ0MWMwLDAuMDI1LTAuMDI1LDAuMDUtMC4wNTEsMC4wNWgtMC4xNzhjLTAuMDI1LDAtMC4wNTEtMC4wMjQtMC4wNTEtMC4wNQ0KCQkJTDQ5Ljc3LDEuNzQ1TDQ5Ljc3LDEuNzQ1eiIvPg0KCQk8cGF0aCBmaWxsPSIjMzM0NzVBIiBkPSJNNTMuMTMzLDQuNTUyYy0wLjAyNS0wLjAyNS0wLjAyNS0wLjA1MSwwLTAuMDc2bDAuMTAyLTAuMTUxYzAuMDI1LTAuMDI1LDAuMDUxLTAuMDI1LDAuMDc2LDANCgkJCWMwLjIwMywwLjE1MSwwLjU1NywwLjMyOSwwLjkxLDAuMzI5YzAuNTA2LDAsMC44MzYtMC4yNTQsMC44MzYtMC42NThjMC0wLjMwMy0wLjE3OC0wLjU1Ni0wLjc2LTAuNjA2bC0wLjE1Mi0wLjAyNQ0KCQkJYy0wLjYzMS0wLjA3Ni0wLjkxLTAuMzc5LTAuOTEtMC44MzVjMC0wLjU1NiwwLjQwNC0wLjg4NSwxLjAxMi0wLjg4NWMwLjM1NCwwLDAuNjg0LDAuMTAxLDAuOTEsMC4yNzgNCgkJCWMwLjAyNSwwLDAuMDI1LDAuMDUxLDAsMC4wNzZsLTAuMSwwLjE1MmMtMC4wMjUsMC4wMjUtMC4wNTEsMC4wMjUtMC4wNzYsMGMtMC4yNTQtMC4xNTItMC41MDYtMC4yMjgtMC43ODUtMC4yMjgNCgkJCWMtMC40NTUsMC0wLjczMiwwLjI1My0wLjczMiwwLjYzMmMwLDAuMzI5LDAuMjAxLDAuNTMxLDAuNzU4LDAuNjA3bDAuMTUyLDAuMDI1YzAuNjU4LDAuMDc2LDAuOTM2LDAuMzc5LDAuOTM2LDAuODYNCgkJCWMwLDAuNTMxLTAuMzc5LDAuOTEtMS4xMTMsMC45MUM1My43OTEsNC45MzEsNTMuMzYxLDQuNzU0LDUzLjEzMyw0LjU1MnoiLz4NCgkJPHBhdGggZmlsbD0iIzMzNDc1QSIgZD0iTTU3LjE4LDQuODhjLTAuMDI1LDAtMC4wNTEtMC4wMjQtMC4wNTEtMC4wNVYxLjk0N2gtMC45MzZjLTAuMDI1LDAtMC4wNTEtMC4wMjUtMC4wNTEtMC4wNVYxLjc0NQ0KCQkJYzAtMC4wMjUsMC4wMjUtMC4wNTEsMC4wNTEtMC4wNTFoMi4xNWMwLjAyNSwwLDAuMDUxLDAuMDI1LDAuMDUxLDAuMDUxdjAuMTUyYzAsMC4wMjUtMC4wMjUsMC4wNS0wLjA1MSwwLjA1aC0wLjkzNnYyLjg4Mw0KCQkJYzAsMC4wMjUtMC4wMjUsMC4wNS0wLjA1MSwwLjA1SDU3LjE4TDU3LjE4LDQuODh6Ii8+DQoJCTxwYXRoIGZpbGw9IiMzMzQ3NUEiIGQ9Ik01OS44ODcsMS43NDVjMC0wLjAyNSwwLjAyNS0wLjA1MSwwLjA1MS0wLjA1MWgwLjE3NmMwLjAyNSwwLDAuMDUxLDAuMDI1LDAuMDUxLDAuMDUxbDEuMTEzLDMuMDg1DQoJCQljMCwwLjAyNSwwLDAuMDUtMC4wMjUsMC4wNWgtMC4xNzhjLTAuMDI1LDAtMC4wNTEsMC0wLjA1MS0wLjA1bC0wLjI3Ny0wLjc4NGgtMS4zOTFsLTAuMjc5LDAuNzg0YzAsMC4wMjUtMC4wMjUsMC4wNS0wLjA1MSwwLjA1DQoJCQlINTguODVjLTAuMDI1LDAtMC4wNTEtMC4wMjQtMC4wMjUtMC4wNUw1OS44ODcsMS43NDV6IE02MC42MTksMy43OTNsLTAuNjA3LTEuNjY5bDAsMGwtMC42MDUsMS42NjlINjAuNjE5eiIvPg0KCQk8cGF0aCBmaWxsPSIjMzM0NzVBIiBkPSJNNjQuMDU5LDQuODhjLTAuMDI1LDAtMC4wNTEsMC0wLjA1MS0wLjA1bC0wLjgwOS0xLjM2NmwwLDBsLTAuODM0LDEuMzY2YzAsMC4wMjUtMC4wMjUsMC4wNS0wLjA1MSwwLjA1DQoJCQloLTAuMjAzYy0wLjAyNSwwLTAuMDI1LTAuMDI0LTAuMDI1LTAuMDVsMC45NjEtMS42MTlsLTAuODg1LTEuNDY3Yy0wLjAyNS0wLjAyNSwwLTAuMDUxLDAuMDI1LTAuMDUxaDAuMjAzDQoJCQljMC4wMjMsMCwwLjA0OSwwLDAuMDQ5LDAuMDUxbDAuNzM0LDEuMjE0bDAsMGwwLjczMi0xLjIxNGMwLjAyNS0wLjAyNSwwLjAyNS0wLjA1MSwwLjA1MS0wLjA1MWgwLjIwMw0KCQkJYzAuMDI1LDAsMC4wMjUsMC4wMjUsMC4wMjUsMC4wNTFsLTAuODg1LDEuNDY3bDAuOTg2LDEuNjE5YzAsMC4wMjUsMCwwLjA1LTAuMDI1LDAuMDVINjQuMDU5TDY0LjA1OSw0Ljg4eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat 98% center;
88
- background-size: 145px;
89
- padding-right: 155px;
90
- }
91
-
92
- @media (max-width:1200px){
93
- .searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-result-item-link{
94
- display: block !important;
95
- flex: 0 0 calc(50% - 30px);
96
- max-width: calc(50% - 30px);
97
- }
98
- }
99
- @media (max-width:767px){
100
- .searchstax-results-container-grid .searchstax-search-results-container .searchstax-search-results .searchstax-result-item-link{
101
- display: block !important;
102
- flex: 0 0 calc(100% - 20px);
103
- max-width: calc(100% - 20px);
104
- }
105
- }
106
-
107
- @media (max-width:500px){
108
- #searchstax-search-input{
109
- background: none !important;
110
- padding-right: 0px !important;
111
- }
112
- }
113
-
114
-
115
- </style>
116
- <title>Search | Searchstax</title>
117
- </head>
118
- <body>
119
- <h1 style="display: none">Search Page</h1>
120
- <main>
121
- <div id="sf-feedback"></div>
122
- <div class="searchstax-page-layout-container">
123
- <div id="searchstax-input-container"></div>
124
-
125
- <div class="search-details-container">
126
- <div id="search-feedback-container"></div>
127
- <div class="searchstax-view-styles-container" style="visibility: hidden;">
128
- <span class="searchstax-view-styles-text">View Style</span>
129
- <div id="toggle-view-style">
130
- <span id="icon-view-style"></span>
131
- <!-- <span class="icon-list"></span> -->
132
- </div>
133
- </div>
134
- <div id="search-sorting-container"></div>
135
- </div>
136
-
137
- <div class="searchstax-page-layout-facet-result-container">
138
- <div class="searchstax-page-layout-facet-container">
139
- <div id="searchstax-facets-container"></div>
140
- </div>
141
-
142
- <div class="searchstax-page-layout-result-container">
143
- <div id="searchstax-external-promotions-layout-container"></div>
144
- <div id="searchstax-results-container"></div>
145
- <div id="searchstax-pagination-container"></div>
146
- <div id="searchstax-related-searches-container"></div>
147
- </div>
148
- </div>
149
- </div>
150
- </main>
151
- <script>
152
- function makeId(length) {
153
- let result = "";
154
- const characters =
155
- "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
156
- const charactersLength = characters.length;
157
- for (let i = 0; i < length; i++) {
158
- result += characters.charAt(
159
- Math.floor(Math.random() * charactersLength)
160
- );
161
- }
162
- return result;
163
- }
164
- const config = {
165
- language: "<!--#$__(language)__$#-->",
166
- searchURL:
167
- "<!--#$__(searchURL)__$#-->",
168
- suggesterURL:
169
- "<!--#$__(suggesterURL)__$#-->",
170
- searchAuth: "<!--#$__(searchAuth)__$#-->",
171
- trackApiKey: "<!--#$__(trackApiKey)__$#-->",
172
- authType: "<!--#$__(authType)__$#-->",
173
- relatedSearchesURL:
174
- "<!--#$__(relatedSearchesURL)__$#-->",
175
- relatedSearchesAPIKey: "<!--#$__(relatedSearchesAPIKey)__$#-->",
176
- analyticsBaseUrl: "<!--#$__(analyticsBaseUrl)__$#-->",
177
- sessionId: makeId(25),
178
- };
179
-
180
- const renderConfig = {
181
- inputWidget: {
182
- },
183
- facetsWidget: {
184
- itemsPerPageDesktop: 3,
185
- itemsPerPageMobile: 99,
186
- facetingType: "and", // "and" | "or" | "showUnavailable" | "tabs"
187
- },
188
- resultsWidget: {
189
- renderMethod: "pagination", //'infiniteScroll' or 'pagination'
190
- },
191
- };
192
-
193
- window.onload = (event) => {
194
- let searchstaxQuery = "";
195
- var script = document.createElement("script");
196
- script.src =
197
- "<!--#$__(searchstax_static_site)__$#-->/studio-js/v4/js/search-ux.js";
198
- script.onload = function (some) {
199
- const searchstax = new window[
200
- "@searchstaxInc/searchstudioUxJs<!--#$__(environment)__$#-->"
201
- ].Searchstax();
202
- searchstax.initialize({
203
- language: config.language,
204
- searchURL: config.searchURL,
205
- suggesterURL: config.suggesterURL,
206
- searchAuth: config.searchAuth,
207
- trackApiKey: config.trackApiKey,
208
- authType: config.authType,
209
- analyticsBaseUrl: config.analyticsBaseUrl,
210
- sessionId: config.sessionId,
211
- hooks: {
212
- beforeSearch: (searchObj) => {
213
- searchstaxQuery = searchObj.query;
214
- return searchObj;
215
- },
216
- afterSearch: (results) => {
217
- var container = document.querySelector(
218
- ".searchstax-view-styles-container"
219
- );
220
- if (container) {
221
- if (results.length === 0) {
222
- container.style.visibility = "hidden";
223
- } else {
224
- container.style.visibility = "visible";
225
- }
226
- }
227
-
228
- return results;
229
- },
230
- },
231
- });
232
-
233
- searchstax.addSearchFeedbackWidget("search-feedback-container", {
234
- templates: {
235
- main: {
236
- template: `
237
- {{#searchExecuted}}
238
- <a href="#searchstax-search-results" data-test-id="searchstax-skip" class="searchstax-skip">Skip to results section</a>
239
- <h4 class="searchstax-feedback-container" data-test-id="searchstax-feedback-container">
240
- {{#hasResults}}
241
- <span> Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> </span> of <b>{{totalResults}}</b> results {{#searchTerm}} for "<b>{{searchTerm}}</b>" {{/searchTerm}}
242
- <div class="searchstax-feedback-container-suggested" data-test-id="searchstax-feedback-container-suggested">
243
- {{#autoCorrectedQuery}}
244
- Search instead for <a href="#" aria-label="Search instead for: {{originalQuery}}" class="searchstax-feedback-original-query" data-test-id="searchstax-feedback-original-query">{{originalQuery}}</a>
245
- {{/autoCorrectedQuery}}
246
- </div>
247
- {{/hasResults}}
248
- </h4>
249
- {{/searchExecuted}}
250
- `,
251
- originalQueryClass: `searchstax-feedback-original-query`,
252
- },
253
- },
254
- });
255
-
256
- searchstax.addSearchInputWidget("searchstax-input-container", {
257
- templates: {
258
- mainTemplate: {
259
- template: `
260
- <div class="searchstax-search-input-container" data-test-id="searchstax-search-input-container">
261
- <div class="searchstax-search-input-wrapper">
262
- <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." aria-label="Search" data-test-id="searchstax-search-input" />
263
- <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button" aria-label="search" role="button" data-test-id="searchstax-search-input-action-button"></button>
264
- </div>
265
- </div>
266
- `,
267
- searchInputId: "searchstax-search-input",
268
- },
269
- autosuggestItemTemplate: {
270
- template: `
271
- <div class="searchstax-autosuggest-item-term-container">{{{term}}}</div>
272
- `,
273
- },
274
- },
275
- });
276
-
277
- searchstax.addFacetsWidget("searchstax-facets-container", {
278
- facetingType: renderConfig.facetsWidget.facetingType,
279
- itemsPerPageDesktop: renderConfig.facetsWidget.itemsPerPageDesktop,
280
- itemsPerPageMobile: renderConfig.facetsWidget.itemsPerPageMobile,
281
- templates: {
282
- mainTemplateDesktop: {
283
- template: `
284
- {{#hasResultsOrExternalPromotions}}
285
- <div class="searchstax-facets-container-desktop"></div>
286
- {{/hasResultsOrExternalPromotions}}
287
- `,
288
- facetsContainerId: "",
289
- },
290
- mainTemplateMobile: {
291
- template: `
292
- <div class="searchstax-facets-pills-container">
293
- <div class="searchstax-facets-pills-selected">
294
- </div>
295
- </div>
296
-
297
- <div class="searchstax-facets-mobile-overlay {{#overlayOpened}} searchstax-show{{/overlayOpened}}" data-test-id="searchstax-facets-mobile-overlay">
298
- <div class="searchstax-facets-mobile-overlay-header">
299
- <div class="searchstax-facets-mobile-overlay-header-title">Filter By</div>
300
- <div class="searchstax-search-close" tabindex="0" aria-label="close overlay" role="button" data-test-id="searchstax-search-close"></div>
301
- </div>
302
- <div class="searchstax-facets-container-mobile"></div>
303
- <button class="searchstax-facets-mobile-overlay-done" data-test-id="searchstax-facets-mobile-overlay-done">Done</button>
304
- </div>
305
- `,
306
- facetsContainerClass: `searchstax-facets-container-mobile`,
307
- closeOverlayTriggerClasses: ["searchstax-facets-mobile-overlay-done","searchstax-search-close",],
308
- filterByContainerClass: `searchstax-facets-pills-container`,
309
- selectedFacetsContainerClass: `searchstax-facets-pills-selected`,
310
- },
311
- showMoreButtonContainerTemplate: {
312
- template: `
313
- <div class="searchstax-facet-show-more-container" data-test-id="searchstax-facet-show-more-container">
314
- {{#showingAllFacets}}
315
- <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-less-button">less</div>
316
- {{/showingAllFacets}}
317
- {{^showingAllFacets}}
318
- <div class="searchstax-facet-show-more-button searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-more-button">more {{onShowMoreLessClick}}</div>
319
- {{/showingAllFacets}}
320
- </div>
321
- `,
322
- showMoreButtonClass: `searchstax-facet-show-more-container`,
323
- },
324
- facetItemContainerTemplate: {
325
- template: `
326
- <div>
327
- <div class="searchstax-facet-title-container" data-test-id="searchstax-facet-title-container">
328
- <div class="searchstax-facet-title" aria-label="Facet group: {{label}}" tabindex="0">
329
- {{label}}
330
- </div>
331
- <div class="searchstax-facet-title-arrow active"></div>
332
- </div>
333
- <div class="searchstax-facet-values-container"></div>
334
- </div>
335
- `,
336
- facetListTitleContainerClass: `searchstax-facet-title-container`,
337
- facetListContainerClass: `searchstax-facet-values-container`,
338
- },
339
- clearFacetsTemplate: {
340
- template: `
341
- {{#shouldShow}}
342
- <div class="searchstax-facets-pill searchstax-clear-filters searchstax-facets-pill-clear-all" tabindex="0" role="button" data-test-id="searchstax-facets-pill-clear-all">
343
- <div class="searchstax-facets-pill-label">Clear Filters</div>
344
- </div>
345
- {{/shouldShow}}
346
- `,
347
- containerClass: `searchstax-facets-pill-clear-all`,
348
- },
349
- facetItemTemplate: {
350
- template: `
351
- <div class="searchstax-facet-input">
352
- <input type="checkbox" class="searchstax-facet-input-checkbox" data-test-id="searchstax-facet-input-checkbox" {{#disabled}}disabled{{/disabled}} {{#isChecked}}checked{{/isChecked}} aria-label="{{value}} {{count}}" tabindex="0"/>
353
- </div>
354
- <div class="searchstax-facet-value-label" data-test-id="searchstax-facet-value-label">{{value}}</div>
355
- <div class="searchstax-facet-value-count" data-test-id="searchstax-facet-value-count">({{count}})</div>
356
- `,
357
- inputCheckboxClass: `searchstax-facet-input-checkbox`,
358
- checkTriggerClasses: ["searchstax-facet-value-label","searchstax-facet-value-count",],
359
- },
360
- filterByTemplate: {
361
- template: `
362
- <div class="searchstax-facets-pill searchstax-facets-pill-filter-by" tabindex="0" role="button" data-test-id="searchstax-facets-pill-filter-by" >
363
- <div class="searchstax-facets-pill-label">Filter By</div>
364
- </div>
365
- `,
366
- containerClass: `searchstax-facets-pill-filter-by`,
367
- },
368
- selectedFacetsTemplate: {
369
- template: `
370
- <div class="searchstax-facets-pill searchstax-facets-pill-facets" tabindex="0" role="button" data-test-id="searchstax-facets-pill-facets">
371
- <div class="searchstax-facets-pill-label">{{value}} ({{count}})</div>
372
- <div class="searchstax-facets-pill-icon-close"></div>
373
- </div>
374
- `,
375
- containerClass: `searchstax-facets-pill-facets`,
376
- },
377
-
378
- }
379
- });
380
-
381
- searchstax.addSearchSortingWidget("search-sorting-container", {
382
- templates: {
383
- main: {
384
- template: `
385
- {{#searchExecuted}}
386
- {{#hasResultsOrExternalPromotions}}
387
- <div class="searchstax-sorting-container" data-test-id="searchstax-sorting-container">
388
- <label class="searchstax-sorting-label" data-test-id="searchstax-sorting-label" for="searchstax-search-order-select">Sort By</label>
389
- <select id="searchstax-search-order-select" class="searchstax-search-order-select" data-test-id="searchstax-search-order-select" >
390
- {{#sortOptions}}
391
- <option value="{{key}}">
392
- {{value}}
393
- </option>
394
- {{/sortOptions}}
395
- </select>
396
- </div>
397
- {{/hasResultsOrExternalPromotions}}
398
- {{/searchExecuted}}
399
- `,
400
- selectId: `searchstax-search-order-select`,
401
- },
402
- },
403
- });
404
-
405
- searchstax.addSearchResultsWidget("searchstax-results-container", {
406
- templates: {
407
- mainTemplate: {
408
- template: `
409
- <div class="searchstax-search-results-container" id="searchstax-search-results-container" data-test-id="searchstax-search-results-container">
410
- <div class="searchstax-search-results" id="searchstax-search-results"></div>
411
- </div>
412
- `,
413
- searchResultsContainerId:
414
- "searchstax-search-results",
415
- },
416
- searchResultTemplate: {
417
- template: `
418
- <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" data-test-id="searchstax-result-item-link" class="searchstax-result-item-link searchstax-result-item-link-wrapping" tabindex="0">
419
- <div class="searchstax-search-result searchstax-search-result-wrapping {{#thumbnail}} has-thumbnail {{/thumbnail}}">
420
- {{#promoted}}
421
- <div class="searchstax-search-result-promoted" data-test-id="searchstax-search-result-promoted"></div>
422
- {{/promoted}}
423
-
424
- {{#ribbon}}
425
- <div class="searchstax-search-result-ribbon" data-test-id="searchstax-search-result-ribbon">
426
- {{{ribbon}}}
427
- </div>
428
- {{/ribbon}}
429
-
430
- {{#thumbnail}}
431
- <img alt="" src="{{thumbnail}}" alt="image" class="searchstax-thumbnail" data-test-id="searchstax-thumbnail">
432
- {{/thumbnail}}
433
- <div class="searchstax-search-result-title-container" data-test-id="searchstax-search-result-title-container">
434
- <h3 class="searchstax-search-result-title">{{{title}}}</h3>
435
- </div>
436
-
437
- {{#paths}}
438
- <p class="searchstax-search-result-common" data-test-id="searchstax-search-result-common">
439
- {{{paths}}}
440
- </p>
441
- {{/paths}}
442
-
443
- {{#description}}
444
- <p class="searchstax-search-result-description searchstax-search-result-common" data-test-id="searchstax-search-result-description">
445
- {{{description}}}
446
- </p>
447
- {{/description}}
448
-
449
- {{#unmappedFields}}
450
- {{#isImage}}
451
- <div class="searchstax-search-result-image-container">
452
- <img alt="" src="{{value}}" alt="image" class="searchstax-result-image" data-test-id="searchstax-result-image">
453
- </div>
454
- {{/isImage}}
455
- {{^isImage}}
456
- <p class="searchstax-search-result-common">
457
- {{{value}}}
458
- </p>
459
- {{/isImage}}
460
- {{/unmappedFields}}
461
- </div>
462
- </a>
463
- `,
464
- searchResultUniqueIdAttribute:
465
- "data-searchstax-unique-result-id",
466
- },
467
- noSearchResultTemplate: {
468
- template: `
469
- {{#searchExecuted}}
470
- <div class="searchstax-no-results-wrap" data-test-id="searchstax-no-results-wrap">
471
- <div class="searchstax-no-results" data-test-id="searchstax-no-results">
472
- Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
473
- <br>
474
- {{#spellingSuggestion}}
475
- <span>&nbsp;Did you mean <a href="#" aria-label="Did you mean: {{originalQuery}}" class="searchstax-suggestion-term" onclick="searchCallback('{{ spellingSuggestion }}')">{{ spellingSuggestion }}</a>?</span>
476
- {{/spellingSuggestion}}
477
- </div>
478
- <ul class="searchstax-no-results-list" data-test-id="searchstax-no-results-list">
479
- <li>Try searching for search related terms or topics. We offer a wide variety of content to help you get the information you need.</li>
480
- <li>Lost? Click on the ‘X” in the Search Box to reset your search.</li>
481
- </ul>
482
- </div>
483
- {{/searchExecuted}}
484
- `,
485
- },
486
- },
487
- renderMethod: renderConfig.resultsWidget.renderMethod,
488
- });
489
-
490
- searchstax.addPaginationWidget("searchstax-pagination-container", {
491
- templates: {
492
- mainTemplate: {
493
- template: `
494
- {{#results.length}}
495
- <div class="searchstax-pagination-container" data-test-id="searchstax-pagination-container">
496
- <div class="searchstax-pagination-content">
497
- <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
498
- <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
499
- {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
500
- </div>
501
- <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
502
- </div>
503
- </div>
504
- {{/results.length}}
505
- `,
506
- previousButtonClass:
507
- "searchstax-pagination-previous",
508
- nextButtonClass: "searchstax-pagination-next",
509
- },
510
- infiniteScrollTemplate: {
511
- template: `
512
- {{#results.length}}
513
- <div class="searchstax-pagination-container" data-test-id="searchstax-pagination-container">
514
- <div class="searchstax-pagination-content">
515
- <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
516
- <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
517
- {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
518
- </div>
519
- <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
520
- </div>
521
- </div>
522
- {{/results.length}}
523
- `,
524
- loadMoreButtonClass:
525
- "searchstax-pagination-load-more",
526
- },
527
- },
528
- });
529
-
530
- searchstax.addRelatedSearchesWidget(
531
- "searchstax-related-searches-container",
532
- {
533
- relatedSearchesURL:
534
- config.relatedSearchesURL,
535
- relatedSearchesAPIKey:
536
- config.relatedSearchesAPIKey,
537
- templates: {
538
- main: {
539
- template: `
540
- {{#hasRelatedSearches}}
541
- <div class="searchstax-related-searches-container" data-test-id="searchstax-related-searches-container" id="searchstax-related-searches-container">
542
- Related searches: <span id="searchstax-related-searches"></span>
543
- {{#relatedSearches}}
544
- <span class="searchstax-related-search">
545
-
546
- </span>
547
- {{/relatedSearches}}
548
- </div>
549
- {{/hasRelatedSearches}}
550
- `,
551
- relatedSearchesContainerClass: `searchstax-related-search`,
552
- },
553
- relatedSearch: {
554
- template: `
555
- <span class="searchstax-related-search searchstax-related-search-item" data-test-id="searchstax-related-search-item" aria-label="Related search: {{related_search}}" tabindex="0">
556
- {{ related_search }}{{^last}}<span>,</span>{{/last}}
557
- </span>
558
- `,
559
- relatedSearchContainerClass: `searchstax-related-search-item`,
560
- },
561
- },
562
- }
563
- );
564
-
565
- searchstax.addExternalPromotionsWidget(
566
- "searchstax-external-promotions-layout-container",
567
- {
568
- templates: {
569
- mainTemplate: {
570
- template: `
571
- {{#hasExternalPromotions}}
572
- <div class="searchstax-external-promotions-container" id="searchstax-external-promotions-container" data-test-id="searchstax-external-promotions-container">
573
- External promotions go here
574
- </div>
575
- {{/hasExternalPromotions}}
576
- `,
577
- externalPromotionsContainerId: `searchstax-external-promotions-container`,
578
- },
579
- externalPromotion: {
580
- template: `
581
- <div class="searchstax-external-promotion searchstax-search-result" data-test-id="searchstax-external-promotion">
582
- <div class="icon-elevated"></div>
583
- {{#url}}
584
- <a href="{{url}}" data-searchstax-unique-result-id="{{uniqueId}}" class="searchstax-result-item-link" data-test-id="searchstax-result-item-link"></a>
585
- {{/url}}
586
- <div class="searchstax-search-result-title-container">
587
- <span class="searchstax-search-result-title" data-test-id="searchstax-search-result-title">{{name}}</span>
588
- </div>
589
- {{#description}}
590
- <p class="searchstax-search-result-description searchstax-search-result-common" data-test-id="searchstax-search-result-description">
591
- {{description}}
592
- </p>
593
- {{/description}}
594
- {{#url}}
595
- <p class="searchstax-search-result-description searchstax-search-result-common">
596
- {{url}}
597
- </p>
598
- {{/url}}
599
- </div>
600
- `,
601
- },
602
- },
603
- }
604
- );
605
- const currentViewStyle = localStorage.getItem("viewStyle") || "list";
606
- console.log('currentViewStyle', currentViewStyle);
607
- const viewStyleElement = document.getElementById("icon-view-style");
608
- viewStyleElement.classList.add(`icon-${currentViewStyle}`);
609
- // add class to .searchstax-results-container
610
- const searchResultsContainer = document.getElementById("searchstax-results-container");
611
- searchResultsContainer.classList.add(`searchstax-results-container-${currentViewStyle}`);
612
-
613
- // on click of #toggle-view-style change the view style
614
- document.getElementById("toggle-view-style").addEventListener("click", function() {
615
- const currentViewStyle = localStorage.getItem("viewStyle") || "list";
616
- const newViewStyle = currentViewStyle === "list" ? "grid" : "list";
617
- localStorage.setItem("viewStyle", newViewStyle);
618
- searchResultsContainer.classList.add(`searchstax-results-container-${newViewStyle}`);
619
- searchResultsContainer.classList.remove(`searchstax-results-container-${currentViewStyle}`);
620
-
621
- viewStyleElement.classList.remove(`icon-${currentViewStyle}`);
622
- viewStyleElement.classList.add(`icon-${newViewStyle}`);
623
- });
624
- };
625
- document.head.appendChild(script);
626
-
627
- };
628
- </script>
629
-
630
- <style type="text/css">
631
- a.sf-open-feedback {
632
- color: #d63202 !important;
633
- }
634
-
635
- #sf-widget-custom {
636
- position: relative;
637
- padding: 0;
638
- margin: 0;
639
- z-index: 99;
640
- height: auto;
641
- text-align: right;
642
- font-family: 'Roboto', sans-serif;
643
- }
644
- #sf-widget-custom p, #sf-widget-custom a, #sf-widget-custom button {
645
- font-family: 'Roboto', sans-serif;
646
- }
647
- #sf-widget-custom *, #sf-widget-custom *:focus, #sf-widget-custom *:hover {
648
- outline: none;
649
- }
650
- #sf-widget-custom *, #sf-widget-custom ::before, #sf-widget-custom ::after {
651
- box-sizing: border-box;
652
- }
653
- #sf-widget-custom .sf-open, #sf-widget-custom .sf-show {
654
- display: block;
655
- }
656
- #sf-widget-custom .sf-close, #sf-widget-custom .sf-hide {
657
- display: none;
658
- }
659
- #sf-widget-custom a.sf-open-feedback {
660
- padding: 0;
661
- margin: 0;
662
- font-size: 14px;
663
- font-family: 'Roboto', sans-serif;
664
- color: #d63202;
665
- }
666
- #sf-widget-custom a.sf-open-feedback:focus-visible {
667
- box-shadow: 0 0 2px 2px #51a7e8;
668
- }
669
- #sf-widget-custom .sf-modal-close {
670
- position: absolute;
671
- right: 10px;
672
- top: 0;
673
- margin: 0;
674
- padding: 12px 0;
675
- line-height: 1;
676
- color: #d63202;
677
- cursor: pointer;
678
- background-color: transparent;
679
- border: 0;
680
- }
681
- #sf-widget-custom .sf-modal-close:focus-visible {
682
- box-shadow: 0 0 2px 2px #51a7e8;
683
- }
684
- #sf-widget-custom .sf-modal-close img {
685
- width: 16px;
686
- height: 16px;
687
- }
688
- #sf-widget-custom .sf-modal-content {
689
- position: absolute;
690
- z-index: 9999999;
691
- top: 100%;
692
- right: 0;
693
- width: 405px;
694
- text-align: left;
695
- background-color: #f2f2f2;
696
- box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
697
- }
698
- @media only screen and (max-width: 500px) {
699
- #sf-widget-custom .sf-modal-content {
700
- width: 100vw;
701
- height: 95vh;
702
- position: fixed;
703
- top: 0;
704
- left: 0;
705
- }
706
- }
707
- #sf-widget-custom .sf-modal-body {
708
- padding: 1.25rem 1rem 1rem 1rem;
709
- }
710
- #sf-widget-custom .sf-modal-header {
711
- position: relative;
712
- padding: 0.9rem 22px;
713
- line-height: 1;
714
- border-radius: 4px 4px 0 0;
715
- background-color: #e4e4e4;
716
- }
717
- #sf-widget-custom .sf-modal-header .sf-title {
718
- margin: 0;
719
- padding: 0;
720
- font-size: 14px;
721
- font-family: 'Roboto', sans-serif;
722
- line-height: 1;
723
- color: #33475a;
724
- text-transform: uppercase;
725
- }
726
- #sf-widget-custom .sf-modal-header .sf-close {
727
- position: absolute;
728
- right: 0;
729
- top: 0;
730
- padding: 7px 22px;
731
- font-size: 36px;
732
- color: #d63202;
733
- }
734
- #sf-widget-custom .sf-modal-footer {
735
- display: flex;
736
- justify-content: space-between;
737
- flex-wrap: wrap;
738
- align-items: center;
739
- padding: 0.75rem;
740
- border-top: 1px solid #dee2e6;
741
- border-bottom-right-radius: 4px;
742
- border-bottom-left-radius: 4px;
743
- }
744
- #sf-widget-custom .sf-modal-footer .sf-foot-logo {
745
- width: 130px;
746
- }
747
- #sf-widget-custom .sf-form-control {
748
- margin-bottom: 8px;
749
- height: calc(2.5em + 1rem + 2px);
750
- display: block;
751
- width: 100%;
752
- padding: 5px;
753
- font-size: 13px;
754
- font-weight: 400;
755
- line-height: 1.5;
756
- font-family: 'Roboto', sans-serif;
757
- color: #495057;
758
- background-color: #fff;
759
- background-clip: padding-box;
760
- border: 1px solid #ced4da;
761
- border-radius: 4px;
762
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
763
- }
764
- #sf-widget-custom .sf-form-control:focus-visible {
765
- box-shadow: 0 0 2px 2px #51a7e8;
766
- }
767
- #sf-widget-custom textarea.sf-form-control {
768
- min-height: 76px;
769
- max-height: 200px;
770
- }
771
- #sf-widget-custom .sf-form-group {
772
- margin-bottom: 1rem;
773
- }
774
- #sf-widget-custom .sf-btn {
775
- display: inline-block;
776
- padding: 10px 37px;
777
- padding-left: 50px;
778
- padding-right: 50px;
779
- font-weight: 400;
780
- color: #212529;
781
- text-align: center;
782
- vertical-align: middle;
783
- font-size: 0.875rem;
784
- line-height: 1.5;
785
- text-transform: uppercase;
786
- letter-spacing: 1px;
787
- border-radius: 4px;
788
- background-color: transparent;
789
- border: 1px solid transparent;
790
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
791
- user-select: none;
792
- }
793
- #sf-widget-custom .sf-btn.sf-btn-primary {
794
- color: #fff;
795
- background-color: #097d76;
796
- border-color: #097d76;
797
- }
798
- #sf-widget-custom .sf-btn.sf-btn-primary:focus-visible {
799
- box-shadow: 0 0 2px 2px #51a7e8;
800
- }
801
- #sf-widget-custom .sf-btn.sf-btn-primary:hover, #sf-widget-custom .sf-btn.sf-btn-primary:focus {
802
- color: #fff;
803
- background-color: #0c8c84;
804
- border-color: #0c8c84;
805
- outline: 0;
806
- }
807
- #sf-widget-custom .sf-btn.sf-btn-success {
808
- color: #fff;
809
- background-color: #097d76;
810
- border-color: #097d76;
811
- }
812
- #sf-widget-custom label {
813
- display: inline-block;
814
- margin-bottom: 4px;
815
- padding: 0;
816
- font-size: 13px;
817
- font-family: 'Roboto', sans-serif;
818
- }
819
- #sf-widget-custom .sf-rate {
820
- display: flex;
821
- flex-wrap: wrap;
822
- justify-content: space-between;
823
- font-size: 12px;
824
- color: #454749;
825
- }
826
- #sf-widget-custom .sf-rate p {
827
- margin: 0;
828
- padding: 0;
829
- line-height: 1;
830
- color: #454749;
831
- }
832
- #sf-widget-custom #sf-rating-form .sf-rate-experience {
833
- display: flex;
834
- justify-content: space-between;
835
- width: 100%;
836
- padding-top: 12px;
837
- }
838
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control {
839
- position: relative;
840
- margin: 0;
841
- padding: 0;
842
- padding-top: 18px;
843
- display: inline-flex;
844
- }
845
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control-input {
846
- position: absolute;
847
- top: 0;
848
- left: 0;
849
- z-index: -1;
850
- margin: 0;
851
- padding: 0;
852
- width: 1rem;
853
- height: 1.25rem;
854
- opacity: 0;
855
- overflow: visible;
856
- box-sizing: border-box;
857
- }
858
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control-input:focus-visible + .sf-custom-control-label:after {
859
- box-shadow: 0 0 2px 2px #51a7e8;
860
- }
861
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control-input:checked ~ .sf-custom-control-label:after {
862
- background-color: #d63202;
863
- border-color: #d63202;
864
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
865
- }
866
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control:hover .sf-custom-control-label:before {
867
- border-color: #d63202;
868
- }
869
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control-label {
870
- position: relative;
871
- margin: 0;
872
- padding-top: 3px;
873
- min-width: 1rem;
874
- font-size: 9px;
875
- text-align: center;
876
- color: #454749;
877
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
878
- cursor: pointer;
879
- }
880
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control-label:before, #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control-label:after {
881
- position: absolute;
882
- content: '';
883
- display: block;
884
- width: 1rem;
885
- height: 1rem;
886
- border-radius: 50%;
887
- }
888
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control-label:before {
889
- top: -18px;
890
- left: 0;
891
- background-color: #fff;
892
- border: 1px solid #adb5bd;
893
- }
894
- #sf-widget-custom #sf-rating-form .sf-rate-experience .sf-custom-control-label:after {
895
- top: -18px;
896
- left: 0;
897
- background: no-repeat 50% / 50% 50%;
898
- }
899
- #sf-widget-custom .alert {
900
- position: relative;
901
- padding: 2px 6px;
902
- margin-bottom: 10px;
903
- margin-top: 10px;
904
- font-size: 12px;
905
- border: 1px solid transparent;
906
- border-radius: 4px;
907
- }
908
- #sf-widget-custom .alert.alert-danger {
909
- color: #721c24;
910
- background-color: #f8d7da;
911
- border-color: #f5c6cb;
912
- }
913
-
914
- </style>
915
-
916
- <script type="text/x-template" id="leave-feedback-template">
917
- <div id="sf-widget-custom" class="sf-main">
918
- <a href="#" class="sf-open-feedback" v-on:click.prevent="toggleFeedback" tabindex="0" aria-label="Open Search Feedback" >[ - ] Search Feedback</a>
919
- <div class="sf-modal-content" v-bind:class="[feedback_open ? 'sf-open' : 'sf-close']">
920
- <div class="sf-modal-header">
921
- <h2 class="sf-title">Search Feedback</h2>
922
- <button class="sf-modal-close" aria-label="Close Search Feedback" v-on:click.prevent="toggleFeedback"><span><img alt="" src="data:image/svg+xml;base64,
923
- PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJDYXBhXzEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM4Ni42NjcgMzg2LjY2NyIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAzODYuNjY3IDM4Ni42NjciIHdpZHRoPSI1MTIiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Im0zODYuNjY3IDQ1LjU2NC00NS41NjQtNDUuNTY0LTE0Ny43NyAxNDcuNzY5LTE0Ny43NjktMTQ3Ljc2OS00NS41NjQgNDUuNTY0IDE0Ny43NjkgMTQ3Ljc2OS0xNDcuNzY5IDE0Ny43NyA0NS41NjQgNDUuNTY0IDE0Ny43NjktMTQ3Ljc2OSAxNDcuNzY5IDE0Ny43NjkgNDUuNTY0LTQ1LjU2NC0xNDcuNzY4LTE0Ny43N3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I2Q2MzIwMiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==" /></span></button>
924
- </div>
925
- <form id="sf-rating-form">
926
- <div class="sf-modal-body ">
927
- <div class="form-group">
928
- <fieldset class="form-group">
929
- <legend>How would you rate your search experience?</legend>
930
- <div class="sf-rate-experience">
931
- <div class="sf-custom-control" v-for='index in 11' :key='index'>
932
- <input type="radio" v-bind:id="'sf-rate-'+(index-1)" tabindex="0" name="sf-rating" class="sf-custom-control-input" v-bind:value="index-1" v-model.number="sf.rating" v-on:change="validateFeedback">
933
- <label :for="'sf-rate-'+(index-1)" class="sf-custom-control-label"></label>
934
- </div>
935
- </div>
936
- </fieldset>
937
- <div class="sf-rate">
938
- <p><small>0 = Very Dissatisfied</small></p>
939
- <p><small>10 = Very Satisfied</small></p>
940
- </div>
941
- <div class="sf-error-rating alert alert-danger" v-bind:class="[errors.rating ? 'sf-show' : 'sf-hide']">Please Rate your
942
- experience.</div>
943
- </div>
944
- <div class="sf-comments sf-form-group">
945
- <label for="sf-comments">Comments <small>( characters remaining)</small></label>
946
- <textarea :maxlength="max_length" class="sf-form-control" id="sf-comments" placeholder="Enter any comments relating to your search experience" v-model="sf.comments"></textarea>
947
- </div>
948
- <div class="sf-email sf-form-group">
949
- <label for="sf-email">Email</label>
950
- <input class="sf-form-control" type="email" id="sf-email" placeholder="Enter an email address if you want a response" v-model="sf.email" v-on:input="validateFeedback">
951
- <div class="sf-error-email alert alert-danger" v-bind:class="[errors.email ? 'sf-show' : 'sf-hide']" >Please enter a valid email id</div>
952
- </div>
953
- </div>
954
- <div class="sf-modal-footer">
955
- <a href="http://searchstax.com/" target="_blank" class="left">
956
- <img alt="Searchstax logo" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzEuNSAzOS44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzEuNSAzOS44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I2Q2MzIwMjt9Cgkuc3Qxe2ZpbGw6IzMzNDc1QTt9Cgkuc3Qye2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgo8Zz4KCTxnIGlkPSJsb2dvX3g1Rl9jb2xvcl8xXyI+CgkJPGc+CgkJCTxnPgoJCQkJPGcgaWQ9IlhNTElEXzhfIj4KCQkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMC4zLDMxLjhMMS44LDMxYzAuMS0wLjEsMC4zLTAuMSwwLjUsMGw3LjQsNC4yYzAuMSwwLjEsMC4zLDAuMSwwLjUsMGw3LjMtNC4yYzAuMi0wLjEsMC4zLTAuMSwwLjUsMAoJCQkJCQlsMS40LDAuOWMwLjMsMC4yLDAuMywwLjYsMCwwLjhsLTkuMiw1LjRjLTAuMSwwLjEtMC4zLDAuMS0wLjUsMGwtOS40LTUuNEMwLDMyLjUsMCwzMiwwLjMsMzEuOHoiLz4KCQkJCTwvZz4KCQkJCTxnIGlkPSJYTUxJRF83XyI+CgkJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAuMywyNi41bDEuNi0wLjljMC4xLTAuMSwwLjMtMC4xLDAuNSwwbDcuMiw0LjJjMC4xLDAuMSwwLjMsMC4xLDAuNSwwbDcuMy00LjJjMC4xLTAuMSwwLjItMC4yLDAuMi0wLjQKCQkJCQkJVjI0YzAtMC40LTAuNC0wLjYtMC43LTAuNGwtNi43LDMuOWMtMC4xLDAuMS0wLjMsMC4xLTAuNSwwTDAuMiwyMmMtMC4zLTAuMi0wLjMtMC42LDAtMC44bDkuMy01LjVjMC4xLTAuMSwwLjMtMC4xLDAuNSwwCgkJCQkJCWw1LjMsM2MwLjMsMC4yLDAuMywwLjYsMCwwLjhsLTEuNCwwLjljLTAuMiwwLjEtMC4zLDAuMS0wLjUsMGwtMy40LTJjLTAuMi0wLjEtMC4zLTAuMS0wLjUsMGwtNC40LDIuN2MtMC4zLDAuMi0wLjMsMC42LDAsMC44CgkJCQkJCWw0LjQsMi42YzAuMSwwLjEsMC4zLDAuMSwwLjUsMGw3LjMtNC4yYzAuMS0wLjEsMC4zLTAuMSwwLjUsMGwyLDEuMWMwLjIsMC4xLDAuMiwwLjIsMC4yLDAuNHY0LjdjMCwwLjItMC4xLDAuMy0wLjIsMC40CgkJCQkJCWwtOS42LDUuN2MtMC4xLDAuMS0wLjMsMC4xLTAuNSwwbC05LjQtNS41Qy0wLjEsMjcuMi0wLjEsMjYuNywwLjMsMjYuNXoiLz4KCQkJCTwvZz4KCQkJPC9nPgoJCQk8ZyBpZD0iRElOX3g1Rl9OZXh0X3g1Rl9MVF94NUZfUHJvX3g1Rl9MaWdodF94MEFfXzFfIj4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNC45LDMxLjNjLTAuMS0wLjEtMC4xLTAuMiwwLTAuMmwwLjQtMC41YzAuMS0wLjEsMC4yLTAuMSwwLjIsMGMwLjcsMC42LDEuOSwxLjEsMy4yLDEuMQoJCQkJCWMxLjgsMCwyLjgtMC45LDIuOC0yLjJjMC0xLjEtMC42LTEuOS0yLjYtMi4xbC0wLjUtMC4xYy0yLjEtMC4zLTMuMi0xLjMtMy4yLTIuOWMwLTEuOSwxLjQtMy4xLDMuNS0zLjFjMS4yLDAsMi40LDAuNCwzLjEsMC45CgkJCQkJYzAuMSwwLDAuMSwwLjEsMCwwLjJsLTAuMywwLjVjLTAuMSwwLjEtMC4xLDAuMS0wLjIsMGMtMC45LTAuNS0xLjctMC44LTIuNy0wLjhjLTEuNiwwLTIuNSwwLjktMi41LDIuMWMwLDEuMSwwLjcsMS44LDIuNiwyLjEKCQkJCQlsMC41LDAuMWMyLjIsMC4zLDMuMiwxLjMsMy4yLDNjMCwxLjktMS4zLDMuMi0zLjksMy4yQzI3LjEsMzIuNiwyNS43LDMyLDI0LjksMzEuM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNi42LDIxLjZjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDYuM2MwLjEsMCwwLjIsMC4xLDAuMiwwLjJ2MC42YzAsMC4xLTAuMSwwLjItMC4yLDAuMmgtNQoJCQkJCWMtMC4zLDAtMC42LDAuMy0wLjYsMC42djNjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDQuMmMwLjEsMCwwLjIsMC4xLDAuMiwwLjJ2MC42YzAsMC4xLTAuMSwwLjItMC4yLDAuMmgtNC4yCgkJCQkJYy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZWMzFjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDVjMC4xLDAsMC4yLDAuMSwwLjIsMC4ydjAuNmMwLDAuMS0wLjEsMC4yLTAuMiwwLjJoLTYuMwoJCQkJCWMtMC4xLDAtMC4yLTAuMS0wLjItMC4yVjIxLjZ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAuMSwyMS42YzAtMC4xLDAuMS0wLjIsMC4yLTAuMmgwLjZjMC4xLDAsMC4yLDAuMSwwLjIsMC4ybDMuOCwxMC43YzAsMC4xLDAsMC4yLTAuMSwwLjJoLTAuNwoJCQkJCWMtMC4xLDAtMC4yLDAtMC4yLTAuMkw1MywyOS45Yy0wLjEtMC4yLTAuMi0wLjMtMC40LTAuM2gtNC4xYy0wLjIsMC0wLjQsMC4xLTAuNCwwLjNsLTAuOSwyLjRjMCwwLjEtMC4xLDAuMi0wLjIsMC4yaC0wLjYKCQkJCQljLTAuMSwwLTAuMS0wLjEtMC4xLTAuMkw1MC4xLDIxLjZ6IE01MS45LDI4LjdjMC4zLDAsMC42LTAuMywwLjQtMC42TDUwLjUsMjNsMCwwbC0xLjgsNWMtMC4xLDAuMywwLjEsMC42LDAuNCwwLjZoMi44VjI4Ljd6IgoJCQkJCS8+CgkJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjUsMzIuNGMtMC4xLDAtMC4xLDAtMC4yLTAuMWwtMi4zLTQuOGgtMC4ySDYwYy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZ2NC4yYzAsMC4xLTAuMSwwLjItMC4yLDAuMmgtMC42CgkJCQkJYy0wLjEsMC0wLjItMC4xLTAuMi0wLjJWMjEuNmMwLTAuMSwwLjEtMC4yLDAuMi0wLjJoMy43YzIuMSwwLDMuNCwxLjIsMy40LDNjMCwxLjMtMC42LDIuMy0xLjgsMi44Yy0wLjMsMC4xLTAuNCwwLjQtMC4yLDAuNgoJCQkJCWwyLjEsNC40YzAuMSwwLjEsMCwwLjItMC4xLDAuMkg2NUw2NSwzMi40eiBNNjQuOCwyNC41YzAtMS40LTAuOS0yLjItMi40LTIuMkg2MGMtMC4zLDAtMC42LDAuMy0wLjYsMC42djMuMgoJCQkJCWMwLDAuMywwLjMsMC42LDAuNiwwLjZoMi4zQzYzLjksMjYuNiw2NC44LDI1LjksNjQuOCwyNC41eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTY5LjYsMjYuOWMwLTAuOCwwLTEuNSwwLjEtMS45YzAuMi0yLjMsMi4zLTQuMSw0LjYtMy42YzEuMSwwLjIsMS45LDAuOSwyLjQsMS45YzAsMC4xLDAsMC4yLDAsMC4yCgkJCQkJbC0wLjUsMC4zYy0wLjEsMC0wLjIsMC0wLjItMC4xYy0wLjUtMC45LTEuMy0xLjYtMi41LTEuNmMtMS4zLDAtMi4yLDAuNi0yLjYsMS44Yy0wLjEsMC40LTAuMiwxLjEtMC4yLDNjMCwxLjgsMC4xLDIuNSwwLjIsMwoJCQkJCWMwLjQsMS4yLDEuMiwxLjgsMi42LDEuOGMxLjIsMCwyLTAuNiwyLjUtMS42YzAtMC4xLDAuMS0wLjEsMC4yLTAuMWwwLjUsMC4zYzAuMSwwLDAuMSwwLjEsMCwwLjJjLTAuNiwxLjMtMS44LDItMy4zLDIKCQkJCQljLTEuNywwLTIuOS0wLjgtMy41LTIuNUM2OS43LDI5LjYsNjkuNiwyOC44LDY5LjYsMjYuOXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04MC42LDIxLjZjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDAuNmMwLjEsMCwwLjIsMC4xLDAuMiwwLjJ2NC4yYzAsMC4zLDAuMywwLjYsMC42LDAuNmg0LjUKCQkJCQljMC4zLDAsMC42LTAuMywwLjYtMC42di00LjJjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDAuNmMwLjEsMCwwLjIsMC4xLDAuMiwwLjJ2MTAuN2MwLDAuMS0wLjEsMC4yLTAuMiwwLjJoLTAuNgoJCQkJCWMtMC4xLDAtMC4yLTAuMS0wLjItMC4ydi00LjRjMC0wLjMtMC4zLTAuNi0wLjYtMC42aC00LjVjLTAuMywwLTAuNiwwLjMtMC42LDAuNnY0LjRjMCwwLjEtMC4xLDAuMi0wLjIsMC4yaC0wLjYKCQkJCQljLTAuMSwwLTAuMi0wLjEtMC4yLTAuMlYyMS42TDgwLjYsMjEuNnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05Mi4zLDMxLjNjLTAuMS0wLjEtMC4xLTAuMiwwLTAuMmwwLjQtMC41YzAuMS0wLjEsMC4yLTAuMSwwLjIsMGMwLjcsMC42LDEuOSwxLjEsMy4yLDEuMQoJCQkJCWMxLjgsMCwyLjgtMC45LDIuOC0yLjJjMC0xLjEtMC42LTEuOS0yLjYtMi4xbC0wLjUtMC4xYy0yLjEtMC4zLTMuMi0xLjMtMy4yLTIuOWMwLTEuOSwxLjQtMy4xLDMuNS0zLjFjMS4yLDAsMi40LDAuNCwzLjEsMC45CgkJCQkJYzAuMSwwLDAuMSwwLjEsMCwwLjJsLTAuMywwLjVjLTAuMSwwLjEtMC4xLDAuMS0wLjIsMGMtMC45LTAuNS0xLjctMC44LTIuNy0wLjhjLTEuNiwwLTIuNSwwLjktMi41LDIuMWMwLDEuMSwwLjcsMS44LDIuNiwyLjEKCQkJCQlsMC41LDAuMWMyLjIsMC4zLDMuMiwxLjMsMy4yLDNjMCwxLjktMS4zLDMuMi0zLjksMy4yQzk0LjUsMzIuNiw5MywzMiw5Mi4zLDMxLjN6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTA2LjIsMzIuNGMtMC4xLDAtMC4yLTAuMS0wLjItMC4ydi05LjRjMC0wLjMtMC4zLTAuNi0wLjYtMC42aC0yLjdjLTAuMSwwLTAuMi0wLjEtMC4yLTAuMnYtMC42CgkJCQkJYzAtMC4xLDAuMS0wLjIsMC4yLTAuMmg3LjRjMC4xLDAsMC4yLDAuMSwwLjIsMC4yVjIyYzAsMC4xLTAuMSwwLjItMC4yLDAuMmgtMi43Yy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZ2OS40CgkJCQkJYzAsMC4xLTAuMSwwLjItMC4yLDAuMkgxMDYuMkwxMDYuMiwzMi40eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTExNS41LDIxLjZjMC0wLjEsMC4xLTAuMiwwLjItMC4yaDAuNmMwLjEsMCwwLjIsMC4xLDAuMiwwLjJsMy44LDEwLjdjMCwwLjEsMCwwLjItMC4xLDAuMmgtMC42CgkJCQkJYy0wLjEsMC0wLjIsMC0wLjItMC4ybC0wLjktMi40Yy0wLjEtMC4yLTAuMi0wLjMtMC40LTAuM0gxMTRjLTAuMiwwLTAuNCwwLjEtMC40LDAuM2wtMC45LDIuNGMwLDAuMS0wLjEsMC4yLTAuMiwwLjJoLTAuNgoJCQkJCWMtMC4xLDAtMC4xLTAuMS0wLjEtMC4yTDExNS41LDIxLjZ6IE0xMTcuNCwyOC43YzAuMywwLDAuNi0wLjMsMC40LTAuNkwxMTYsMjNsMCwwbC0xLjgsNS4xYy0wLjEsMC4zLDAuMSwwLjYsMC40LDAuNkgxMTcuNHoiCgkJCQkJLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMjkuOSwzMi40Yy0wLjEsMC0wLjIsMC0wLjItMC4xbC0yLjgtNC43bDAsMGwtMi44LDQuN2MwLDAuMS0wLjEsMC4xLTAuMiwwLjFoLTAuNwoJCQkJCWMtMC4xLDAtMC4xLTAuMS0wLjEtMC4ybDMuMi01LjNjMC4xLTAuMiwwLjEtMC4zLDAtMC41bC0yLjktNC44Yy0wLjEtMC4xLDAtMC4yLDAuMS0wLjJoMC43YzAuMSwwLDAuMiwwLDAuMiwwLjFsMi41LDQuMmwwLDAKCQkJCQlsMi41LTQuMmMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWgwLjdjMC4xLDAsMC4xLDAuMSwwLjEsMC4ybC0yLjksNC44Yy0wLjEsMC4yLTAuMSwwLjMsMCwwLjVsMy4yLDUuM2MwLDAuMSwwLDAuMi0wLjEsMC4yCgkJCQkJSDEyOS45TDEyOS45LDMyLjR6Ii8+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+Cgk8ZyBjbGFzcz0ic3QyIj4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMS40LDIuMUMyLDIsMi42LDEuOSwzLjUsMS45YzEsMCwxLjgsMC4yLDIuMywwLjdjMC40LDAuNCwwLjcsMSwwLjcsMS43QzYuNCw1LDYuMiw1LjYsNS44LDYKCQkJQzUuMyw2LjYsNC40LDYuOSwzLjMsNi45Yy0wLjMsMC0wLjYsMC0wLjgtMC4xVjEwaC0xVjIuMXogTTIuNSw2QzIuNyw2LDMsNiwzLjQsNmMxLjMsMCwyLTAuNiwyLTEuN2MwLTEuMS0wLjgtMS42LTEuOS0xLjYKCQkJYy0wLjUsMC0wLjgsMC0xLDAuMVY2eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMi44LDcuMWMwLDIuMS0xLjUsMy4xLTIuOSwzLjFjLTEuNiwwLTIuOC0xLjItMi44LTNjMC0xLjksMS4zLTMuMSwyLjktMy4xQzExLjYsNC4xLDEyLjgsNS4zLDEyLjgsNy4xegoJCQkgTTguMSw3LjJjMCwxLjMsMC43LDIuMiwxLjgsMi4yYzEsMCwxLjgtMC45LDEuOC0yLjNjMC0xLTAuNS0yLjItMS43LTIuMkM4LjcsNC45LDguMSw2LDguMSw3LjJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0LjQsNC4ybDAuOCwzYzAuMiwwLjYsMC4zLDEuMiwwLjQsMS44aDBjMC4xLTAuNiwwLjMtMS4yLDAuNS0xLjhsMC45LTNIMThsMC45LDIuOQoJCQljMC4yLDAuNywwLjQsMS4zLDAuNSwxLjloMGMwLjEtMC42LDAuMy0xLjIsMC40LTEuOWwwLjgtMi45aDFMMTkuOSwxMGgtMWwtMC45LTIuOGMtMC4yLTAuNi0wLjQtMS4yLTAuNS0xLjloMAoJCQljLTAuMSwwLjctMC4zLDEuMy0wLjUsMS45TDE2LjEsMTBoLTFsLTEuOC01LjhIMTQuNHoiLz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjMuMyw3LjNjMCwxLjQsMC45LDIsMiwyYzAuOCwwLDEuMi0wLjEsMS42LTAuM2wwLjIsMC44Yy0wLjQsMC4yLTEsMC40LTEuOSwwLjRjLTEuOCwwLTIuOS0xLjItMi45LTIuOQoJCQlzMS0zLjEsMi43LTMuMWMxLjksMCwyLjQsMS43LDIuNCwyLjdjMCwwLjIsMCwwLjQsMCwwLjVIMjMuM3ogTTI2LjQsNi42YzAtMC43LTAuMy0xLjctMS41LTEuN2MtMS4xLDAtMS41LDEtMS42LDEuN0gyNi40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yOC43LDZjMC0wLjcsMC0xLjMsMC0xLjhoMC45bDAsMS4xaDBjMC4zLTAuOCwwLjktMS4zLDEuNi0xLjNjMC4xLDAsMC4yLDAsMC4zLDB2MWMtMC4xLDAtMC4yLDAtMC40LDAKCQkJYy0wLjcsMC0xLjMsMC42LTEuNCwxLjRjMCwwLjEsMCwwLjMsMCwwLjVWMTBoLTFWNnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzMuMSw3LjNjMCwxLjQsMC45LDIsMiwyYzAuOCwwLDEuMi0wLjEsMS42LTAuM2wwLjIsMC44Yy0wLjQsMC4yLTEsMC40LTEuOSwwLjRjLTEuOCwwLTIuOS0xLjItMi45LTIuOQoJCQlzMS0zLjEsMi43LTMuMWMxLjksMCwyLjQsMS43LDIuNCwyLjdjMCwwLjIsMCwwLjQsMCwwLjVIMzMuMXogTTM2LjIsNi42YzAtMC43LTAuMy0xLjctMS41LTEuN2MtMS4xLDAtMS41LDEtMS42LDEuN0gzNi4yeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00My42LDEuNXY3YzAsMC41LDAsMS4xLDAsMS41aC0wLjlsMC0xaDBjLTAuMywwLjYtMSwxLjEtMiwxLjFjLTEuNCwwLTIuNS0xLjItMi41LTNjMC0xLjksMS4yLTMuMSwyLjYtMy4xCgkJCWMwLjksMCwxLjUsMC40LDEuOCwwLjloMFYxLjVINDMuNnogTTQyLjUsNi42YzAtMC4xLDAtMC4zLDAtMC40Yy0wLjItMC43LTAuNy0xLjItMS41LTEuMmMtMS4xLDAtMS43LDEtMS43LDIuMgoJCQljMCwxLjIsMC42LDIuMSwxLjcsMi4xYzAuNywwLDEuNC0wLjUsMS41LTEuM2MwLTAuMSwwLTAuMywwLTAuNVY2LjZ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ3LjgsMTBjMC0wLjQsMC0xLDAtMS41di03aDF2My42aDBjMC40LTAuNiwxLTEuMSwyLTEuMWMxLjQsMCwyLjUsMS4yLDIuNCwzYzAsMi4xLTEuMywzLjEtMi42LDMuMQoJCQljLTAuOCwwLTEuNS0wLjMtMS45LTEuMWgwbDAsMUg0Ny44eiBNNDguOSw3LjdjMCwwLjEsMCwwLjMsMCwwLjRjMC4yLDAuNywwLjgsMS4yLDEuNiwxLjJjMS4xLDAsMS44LTAuOSwxLjgtMi4yCgkJCWMwLTEuMi0wLjYtMi4yLTEuNy0yLjJjLTAuNywwLTEuNCwwLjUtMS42LDEuM2MwLDAuMS0wLjEsMC4zLTAuMSwwLjRWNy43eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NSw0LjJsMS4zLDMuNGMwLjEsMC40LDAuMywwLjgsMC40LDEuMmgwYzAuMS0wLjMsMC4yLTAuOCwwLjQtMS4ybDEuMi0zLjRoMS4xbC0xLjYsNC4xYy0wLjgsMi0xLjMsMy0yLDMuNgoJCQljLTAuNSwwLjUtMSwwLjYtMS4zLDAuN2wtMC4zLTAuOWMwLjMtMC4xLDAuNi0wLjMsMC45LTAuNWMwLjMtMC4yLDAuNi0wLjYsMC45LTEuMkM1NiwxMCw1Niw5LjksNTYsOS45YzAtMC4xLDAtMC4xLTAuMS0wLjMKCQkJbC0yLjEtNS4zSDU1eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MC4zLDUuMmMwLTAuNCwwLjMtMC44LDAuNy0wLjhjMC40LDAsMC43LDAuMywwLjcsMC44YzAsMC40LTAuMywwLjctMC43LDAuN0M2MC42LDUuOSw2MC4zLDUuNiw2MC4zLDUuMnoKCQkJIE02MC4zLDkuNGMwLTAuNCwwLjMtMC44LDAuNy0wLjhjMC40LDAsMC43LDAuMywwLjcsMC44YzAsMC40LTAuMywwLjctMC43LDAuN0M2MC42LDEwLjIsNjAuMyw5LjksNjAuMyw5LjR6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==" class="sf-foot-logo"></a>
957
- <button class="sf-btn sf-btn-primary js-send-feedback" v-on:click.prevent="submitFeedback" v-if="!submitted" type="button" tabindex="0">Send</button>
958
- <span class="sf-btn sf-btn-sent sf-btn-success" v-else>&check; Sent</span>
959
- </div>
960
- </form>
961
- </div>
962
- </div>
963
- </script>
964
- </body>
965
- </html>