@coveops/abi 1.1.0 → 1.2.0

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.
@@ -1149,6 +1149,17 @@ async function initSearch(searchInterface) {
1149
1149
  request.body = JSON.stringify(body);
1150
1150
  }
1151
1151
  return request;
1152
+ },
1153
+ search: {
1154
+ preprocessSearchResponseMiddleware: (response) => {
1155
+ response.body.results.forEach((result) => {
1156
+ if (result.raw.snavatar) {
1157
+ result.raw.resultpicture = 'https://abinbevwwdev.service-now.com/' + result.raw.snavatar;
1158
+ }
1159
+ return result;
1160
+ });
1161
+ return response;
1162
+ },
1152
1163
  }
1153
1164
  });
1154
1165
  searchInterface.executeFirstSearch();
@@ -3189,7 +3200,7 @@ const DocumentsTemplate = "<style>\n /* .field {\n display: inline-flex;\n
3189
3200
 
3190
3201
  const MediaTemplate = "<style>\n .field {\n display: inline-flex;\n align-items: center;\n }\n\n .field-label {\n font-weight: bold;\n margin-right: 0.25rem;\n }\n atomic-result-section-excerpt {\n font-size: 1.3rem !important;\n margin-top: 0.875rem !important;\n max-height: unset !important;\n line-height: normal !important;\n }\n\n atomic-result-section-bottom-metadata {\n margin-top: 2px;\n font-size: 1rem !important;\n color: #A6A6A6 !important;\n }\n\n atomic-result-section-bottom-metadata a {\n color: #A6A6A6 !important;\n }\n\n\n atomic-result-section-title a {\n color: #CAA144 !important;\n font-size: 1.7rem !important;\n max-height: unset !important;\n line-height: normal !important;\n }\n\n atomic-result-section-title a:visited {\n color: black !important;\n }\n atomic-result-section-visual {\n width: 3rem !important;\n height: 5rem !important;\n display: grid;\n align-items: center;\n justify-content: center;\n\n }\n\n atomic-result-section-bottom-metadata {\n margin-top: 2px;\n color: #A6A6A6 !important;\n font-size: 1rem !important;\n margin-right: 3px;\n line-height: 18px !important;\n display: grid;\n grid-template-columns: auto auto auto;\n gap: 1rem;\n align-items: center;\n }\n\n atomic-result-date{\n font-size:1.0rem;\n }\n</style>\n\n<atomic-result-section-visual>\n <atomic-field-condition class=\"field\" must-match-filetype=\"mp4,wmv,avi,MOV,flv,mkv,webm,ogg,ogv,m4v,mpg\">\n <img src=\"https://cdn.jsdelivr.net/npm/@coveops/abi@latest/dist/abi/images/Movies.png\" alt=\"Image\">\n <!-- <atomic-icon class=\"icon\"></atomic-icon>\n <img src=\"https://abiglobal--c.vf.force.com/resource/PP_Coveo/img/Movies.png\" class=\"thumbnail\"> -->\n </atomic-field-condition>\n <atomic-field-condition class=\"field\" must-match-filetype=\"gif,jpeg,jpg,png,bmp,Image\">\n <img src=\"https://cdn.jsdelivr.net/npm/@coveops/abi@latest/dist/abi/images/Images.png\" alt=\"Image\">\n <!-- <atomic-icon class=\"icon\"></atomic-icon>\n <img src=\"https://abiglobal--c.vf.force.com/resource/PP_Coveo/img/Images.png\" class=\"thumbnail\"> -->\n </atomic-field-condition>\n \n</atomic-result-section-visual>\n\n<atomic-result-section-title>\n <atomic-result-link> <a slot=\"attributes\" target=\"_blank\"></a></atomic-result-link>\n</atomic-result-section-title>\n\n\n<atomic-result-section-bottom-metadata>\n <span>\n <atomic-text value=\"Date: &nbsp;\"></atomic-text>\n <atomic-result-date></atomic-result-date>\n </span><span>\n <atomic-text value=\"Source: &nbsp;\"></atomic-text><atomic-result-text field=\"sourcetype\"></atomic-result-text>\n </span><span> <atomic-text value=\"Sharepoint: &nbsp;\"></atomic-text>\n <atomic-result-link><a slot=\"attributes\" target=\"_blank\"></a>\n <atomic-result-text field=\"spsitename\"></atomic-result-text>\n </atomic-result-link>\n </span>\n</atomic-result-section-bottom-metadata>\n";
3191
3202
 
3192
- const PeopleSnowTemplate = "<style>\n .field {\n display: inline-flex;\n align-items: center;\n line-height: normal !important;\n }\n\n .field-label {\n font-weight: bold;\n margin-right: 0.25rem;\n }\n\n atomic-result-section-bottom-metadata {\n display: grid;\n grid-template-columns: 1fr 1fr;\n font-size: 1.3rem !important;\n width: 100%;\n margin-top: 2px;\n max-height: 25rem !important;\n }\n\n atomic-result-section-title{\n color: #CAA144 !important;\n font-size: 1.7rem !important;\n max-height: unset !important;\n line-height: normal !important;\n }\n atomic-result-section-visual {\n width: 3rem !important;\n height: 5rem !important;\n display: grid;\n align-items: center;\n }\n atomic-result-image{\n width: auto !important;\n height: auto !important;\n }\n atomic-result-image img{\n border-radius: 20% !important;\n }\n</style>\n\n<atomic-result-section-visual>\n <atomic-result-image field=\"resultpicture\"></atomic-result-image>\n</atomic-result-section-visual>\n\n<atomic-result-section-title>\n <atomic-result-link href-template=\"/cheers?id=cheers_hub_profile&sys_id=${raw.snsysid}\">\n <a slot=\"attributes\" target=\"_blank\"></a>\n </atomic-result-link>\n</atomic-result-section-title>\n\n<atomic-result-section-bottom-metadata>\n\n <atomic-field-condition class=\"field\" if-defined=\"sntitle\">\n <span class=\"field-label\">\n <atomic-text value=\"Title\"></atomic-text>:\n </span>\n <atomic-result-text field=\"sntitle\"></atomic-result-text>\n </atomic-field-condition>\n <br>\n <atomic-field-condition class=\"field\" if-defined=\"snupreferredzone\">\n <span class=\"field-label\">\n <atomic-text value=\"Zone\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snupreferredzone\"></atomic-result-text>\n </atomic-field-condition>\n \n <atomic-field-condition class=\"field\" if-defined=\"snbuilding\">\n <span class=\"field-label\">\n <atomic-text value=\"OfficeLocation\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snbuilding\"></atomic-result-text>\n </atomic-field-condition>\n <atomic-field-condition class=\"field\" if-defined=\"snufunction\">\n <span class=\"field-label\">\n <atomic-text value=\"Function\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snufunction\"></atomic-result-text>\n </atomic-field-condition>\n\n <atomic-field-condition class=\"field\" if-defined=\"snemail\">\n <span class=\"field-label\">\n <atomic-text value=\"Email\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snemail\"></atomic-result-text>\n </atomic-field-condition>\n\n\n\n</atomic-result-section-bottom-metadata>\n";
3203
+ const PeopleSnowTemplate = "<style>\n .field {\n display: inline-flex;\n align-items: center;\n line-height: normal !important;\n }\n\n .field-label {\n font-weight: bold;\n margin-right: 0.25rem;\n }\n\n atomic-result-section-bottom-metadata {\n display: grid;\n grid-template-columns: 1fr 1fr;\n font-size: 1.3rem !important;\n width: 100%;\n margin-top: 2px;\n max-height: 25rem !important;\n }\n\n atomic-result-section-title{\n color: #CAA144 !important;\n font-size: 1.7rem !important;\n max-height: unset !important;\n line-height: normal !important;\n }\n atomic-result-section-visual {\n width: 3rem !important;\n height: 5rem !important;\n display: grid;\n align-items: center;\n }\n atomic-result-image{\n width: auto !important;\n height: auto !important;\n }\n atomic-result-image img{\n border-radius: 20% !important;\n }\n</style>\n\n<atomic-result-section-visual>\n <atomic-field-condition class=\"field\" if-defined=\"resultpicture\">\n <atomic-result-image field=\"resultpicture\"></atomic-result-image>\n </atomic-field-condition>\n <atomic-field-condition class=\"field\" if-not-defined=\"resultpicture\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d=\"M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z\"/></svg>\n </atomic-field-condition>\n</atomic-result-section-visual>\n\n<atomic-result-section-title>\n <atomic-result-link href-template=\"/cheers?id=cheers_hub_profile&sys_id=${raw.snsysid}\">\n <a slot=\"attributes\" target=\"_blank\"></a>\n </atomic-result-link>\n</atomic-result-section-title>\n\n<atomic-result-section-bottom-metadata>\n\n <atomic-field-condition class=\"field\" if-defined=\"sntitle\">\n <span class=\"field-label\">\n <atomic-text value=\"Title\"></atomic-text>:\n </span>\n <atomic-result-text field=\"sntitle\"></atomic-result-text>\n </atomic-field-condition>\n <br>\n <atomic-field-condition class=\"field\" if-defined=\"snupreferredzone\">\n <span class=\"field-label\">\n <atomic-text value=\"Zone\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snupreferredzone\"></atomic-result-text>\n </atomic-field-condition>\n \n <atomic-field-condition class=\"field\" if-defined=\"snbuilding\">\n <span class=\"field-label\">\n <atomic-text value=\"OfficeLocation\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snbuilding\"></atomic-result-text>\n </atomic-field-condition>\n <atomic-field-condition class=\"field\" if-defined=\"snufunction\">\n <span class=\"field-label\">\n <atomic-text value=\"Function\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snufunction\"></atomic-result-text>\n </atomic-field-condition>\n\n <atomic-field-condition class=\"field\" if-defined=\"snemail\">\n <span class=\"field-label\">\n <atomic-text value=\"Email\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snemail\"></atomic-result-text>\n </atomic-field-condition>\n\n\n\n</atomic-result-section-bottom-metadata>\n";
3193
3204
 
3194
3205
  const ResultsManager$1 = class extends H {
3195
3206
  constructor() {
package/dist/esm/index.js CHANGED
@@ -104,6 +104,17 @@ async function initSearch(searchInterface) {
104
104
  request.body = JSON.stringify(body);
105
105
  }
106
106
  return request;
107
+ },
108
+ search: {
109
+ preprocessSearchResponseMiddleware: (response) => {
110
+ response.body.results.forEach((result) => {
111
+ if (result.raw.snavatar) {
112
+ result.raw.resultpicture = 'https://abinbevwwdev.service-now.com/' + result.raw.snavatar;
113
+ }
114
+ return result;
115
+ });
116
+ return response;
117
+ },
107
118
  }
108
119
  });
109
120
  searchInterface.executeFirstSearch();
@@ -21,7 +21,7 @@ const DocumentsTemplate = "<style>\n /* .field {\n display: inline-flex;\n
21
21
 
22
22
  const MediaTemplate = "<style>\n .field {\n display: inline-flex;\n align-items: center;\n }\n\n .field-label {\n font-weight: bold;\n margin-right: 0.25rem;\n }\n atomic-result-section-excerpt {\n font-size: 1.3rem !important;\n margin-top: 0.875rem !important;\n max-height: unset !important;\n line-height: normal !important;\n }\n\n atomic-result-section-bottom-metadata {\n margin-top: 2px;\n font-size: 1rem !important;\n color: #A6A6A6 !important;\n }\n\n atomic-result-section-bottom-metadata a {\n color: #A6A6A6 !important;\n }\n\n\n atomic-result-section-title a {\n color: #CAA144 !important;\n font-size: 1.7rem !important;\n max-height: unset !important;\n line-height: normal !important;\n }\n\n atomic-result-section-title a:visited {\n color: black !important;\n }\n atomic-result-section-visual {\n width: 3rem !important;\n height: 5rem !important;\n display: grid;\n align-items: center;\n justify-content: center;\n\n }\n\n atomic-result-section-bottom-metadata {\n margin-top: 2px;\n color: #A6A6A6 !important;\n font-size: 1rem !important;\n margin-right: 3px;\n line-height: 18px !important;\n display: grid;\n grid-template-columns: auto auto auto;\n gap: 1rem;\n align-items: center;\n }\n\n atomic-result-date{\n font-size:1.0rem;\n }\n</style>\n\n<atomic-result-section-visual>\n <atomic-field-condition class=\"field\" must-match-filetype=\"mp4,wmv,avi,MOV,flv,mkv,webm,ogg,ogv,m4v,mpg\">\n <img src=\"https://cdn.jsdelivr.net/npm/@coveops/abi@latest/dist/abi/images/Movies.png\" alt=\"Image\">\n <!-- <atomic-icon class=\"icon\"></atomic-icon>\n <img src=\"https://abiglobal--c.vf.force.com/resource/PP_Coveo/img/Movies.png\" class=\"thumbnail\"> -->\n </atomic-field-condition>\n <atomic-field-condition class=\"field\" must-match-filetype=\"gif,jpeg,jpg,png,bmp,Image\">\n <img src=\"https://cdn.jsdelivr.net/npm/@coveops/abi@latest/dist/abi/images/Images.png\" alt=\"Image\">\n <!-- <atomic-icon class=\"icon\"></atomic-icon>\n <img src=\"https://abiglobal--c.vf.force.com/resource/PP_Coveo/img/Images.png\" class=\"thumbnail\"> -->\n </atomic-field-condition>\n \n</atomic-result-section-visual>\n\n<atomic-result-section-title>\n <atomic-result-link> <a slot=\"attributes\" target=\"_blank\"></a></atomic-result-link>\n</atomic-result-section-title>\n\n\n<atomic-result-section-bottom-metadata>\n <span>\n <atomic-text value=\"Date: &nbsp;\"></atomic-text>\n <atomic-result-date></atomic-result-date>\n </span><span>\n <atomic-text value=\"Source: &nbsp;\"></atomic-text><atomic-result-text field=\"sourcetype\"></atomic-result-text>\n </span><span> <atomic-text value=\"Sharepoint: &nbsp;\"></atomic-text>\n <atomic-result-link><a slot=\"attributes\" target=\"_blank\"></a>\n <atomic-result-text field=\"spsitename\"></atomic-result-text>\n </atomic-result-link>\n </span>\n</atomic-result-section-bottom-metadata>\n";
23
23
 
24
- const PeopleSnowTemplate = "<style>\n .field {\n display: inline-flex;\n align-items: center;\n line-height: normal !important;\n }\n\n .field-label {\n font-weight: bold;\n margin-right: 0.25rem;\n }\n\n atomic-result-section-bottom-metadata {\n display: grid;\n grid-template-columns: 1fr 1fr;\n font-size: 1.3rem !important;\n width: 100%;\n margin-top: 2px;\n max-height: 25rem !important;\n }\n\n atomic-result-section-title{\n color: #CAA144 !important;\n font-size: 1.7rem !important;\n max-height: unset !important;\n line-height: normal !important;\n }\n atomic-result-section-visual {\n width: 3rem !important;\n height: 5rem !important;\n display: grid;\n align-items: center;\n }\n atomic-result-image{\n width: auto !important;\n height: auto !important;\n }\n atomic-result-image img{\n border-radius: 20% !important;\n }\n</style>\n\n<atomic-result-section-visual>\n <atomic-result-image field=\"resultpicture\"></atomic-result-image>\n</atomic-result-section-visual>\n\n<atomic-result-section-title>\n <atomic-result-link href-template=\"/cheers?id=cheers_hub_profile&sys_id=${raw.snsysid}\">\n <a slot=\"attributes\" target=\"_blank\"></a>\n </atomic-result-link>\n</atomic-result-section-title>\n\n<atomic-result-section-bottom-metadata>\n\n <atomic-field-condition class=\"field\" if-defined=\"sntitle\">\n <span class=\"field-label\">\n <atomic-text value=\"Title\"></atomic-text>:\n </span>\n <atomic-result-text field=\"sntitle\"></atomic-result-text>\n </atomic-field-condition>\n <br>\n <atomic-field-condition class=\"field\" if-defined=\"snupreferredzone\">\n <span class=\"field-label\">\n <atomic-text value=\"Zone\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snupreferredzone\"></atomic-result-text>\n </atomic-field-condition>\n \n <atomic-field-condition class=\"field\" if-defined=\"snbuilding\">\n <span class=\"field-label\">\n <atomic-text value=\"OfficeLocation\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snbuilding\"></atomic-result-text>\n </atomic-field-condition>\n <atomic-field-condition class=\"field\" if-defined=\"snufunction\">\n <span class=\"field-label\">\n <atomic-text value=\"Function\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snufunction\"></atomic-result-text>\n </atomic-field-condition>\n\n <atomic-field-condition class=\"field\" if-defined=\"snemail\">\n <span class=\"field-label\">\n <atomic-text value=\"Email\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snemail\"></atomic-result-text>\n </atomic-field-condition>\n\n\n\n</atomic-result-section-bottom-metadata>\n";
24
+ const PeopleSnowTemplate = "<style>\n .field {\n display: inline-flex;\n align-items: center;\n line-height: normal !important;\n }\n\n .field-label {\n font-weight: bold;\n margin-right: 0.25rem;\n }\n\n atomic-result-section-bottom-metadata {\n display: grid;\n grid-template-columns: 1fr 1fr;\n font-size: 1.3rem !important;\n width: 100%;\n margin-top: 2px;\n max-height: 25rem !important;\n }\n\n atomic-result-section-title{\n color: #CAA144 !important;\n font-size: 1.7rem !important;\n max-height: unset !important;\n line-height: normal !important;\n }\n atomic-result-section-visual {\n width: 3rem !important;\n height: 5rem !important;\n display: grid;\n align-items: center;\n }\n atomic-result-image{\n width: auto !important;\n height: auto !important;\n }\n atomic-result-image img{\n border-radius: 20% !important;\n }\n</style>\n\n<atomic-result-section-visual>\n <atomic-field-condition class=\"field\" if-defined=\"resultpicture\">\n <atomic-result-image field=\"resultpicture\"></atomic-result-image>\n </atomic-field-condition>\n <atomic-field-condition class=\"field\" if-not-defined=\"resultpicture\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d=\"M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z\"/></svg>\n </atomic-field-condition>\n</atomic-result-section-visual>\n\n<atomic-result-section-title>\n <atomic-result-link href-template=\"/cheers?id=cheers_hub_profile&sys_id=${raw.snsysid}\">\n <a slot=\"attributes\" target=\"_blank\"></a>\n </atomic-result-link>\n</atomic-result-section-title>\n\n<atomic-result-section-bottom-metadata>\n\n <atomic-field-condition class=\"field\" if-defined=\"sntitle\">\n <span class=\"field-label\">\n <atomic-text value=\"Title\"></atomic-text>:\n </span>\n <atomic-result-text field=\"sntitle\"></atomic-result-text>\n </atomic-field-condition>\n <br>\n <atomic-field-condition class=\"field\" if-defined=\"snupreferredzone\">\n <span class=\"field-label\">\n <atomic-text value=\"Zone\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snupreferredzone\"></atomic-result-text>\n </atomic-field-condition>\n \n <atomic-field-condition class=\"field\" if-defined=\"snbuilding\">\n <span class=\"field-label\">\n <atomic-text value=\"OfficeLocation\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snbuilding\"></atomic-result-text>\n </atomic-field-condition>\n <atomic-field-condition class=\"field\" if-defined=\"snufunction\">\n <span class=\"field-label\">\n <atomic-text value=\"Function\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snufunction\"></atomic-result-text>\n </atomic-field-condition>\n\n <atomic-field-condition class=\"field\" if-defined=\"snemail\">\n <span class=\"field-label\">\n <atomic-text value=\"Email\"></atomic-text>:\n </span>\n <atomic-result-text field=\"snemail\"></atomic-result-text>\n </atomic-field-condition>\n\n\n\n</atomic-result-section-bottom-metadata>\n";
25
25
 
26
26
  const ResultsManager = class {
27
27
  constructor(hostRef) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@coveops/abi",
3
3
  "description": "Abi project",
4
- "version": "1.1.0",
4
+ "version": "1.2.0",
5
5
  "private": false,
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
@@ -41,7 +41,12 @@
41
41
  </style>
42
42
 
43
43
  <atomic-result-section-visual>
44
- <atomic-result-image field="resultpicture"></atomic-result-image>
44
+ <atomic-field-condition class="field" if-defined="resultpicture">
45
+ <atomic-result-image field="resultpicture"></atomic-result-image>
46
+ </atomic-field-condition>
47
+ <atomic-field-condition class="field" if-not-defined="resultpicture">
48
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z"/></svg>
49
+ </atomic-field-condition>
45
50
  </atomic-result-section-visual>
46
51
 
47
52
  <atomic-result-section-title>
package/src/index.ts CHANGED
@@ -117,6 +117,17 @@ async function initSearch(searchInterface: any){
117
117
  request.body = JSON.stringify(body);
118
118
  }
119
119
  return request;
120
+ },
121
+ search: {
122
+ preprocessSearchResponseMiddleware: (response:any) => {
123
+ response.body.results.forEach((result:any) => {
124
+ if(result.raw.snavatar) {
125
+ result.raw.resultpicture = 'https://abinbevwwdev.service-now.com/'+result.raw.snavatar;
126
+ }
127
+ return result;
128
+ });
129
+ return response;
130
+ },
120
131
  }
121
132
  });
122
133
  searchInterface.executeFirstSearch();
@@ -57,7 +57,7 @@
57
57
  "resultpicture", "abicontenttype", "containsattachment", "spsitename", "spsiteuri", "attachmentfilename", "parents",
58
58
  "sysparents", "description", "answer","newmoreinfo", "filetype","sfppcustomlinkcppdescriptionc","trainingsource","function",
59
59
  "category","sfpersonemail","sfppbusinessfunctionc","sfppemployeeworklocationc","duration",
60
- "snsysid","sntitle","snupreferredzone","snbuilding","snufunction","snemail"
60
+ "snsysid","sntitle","snupreferredzone","snbuilding","snufunction","snemail","snavatar"
61
61
  ]'><atomic-modal id="faq-modal" is-open="false">
62
62
  <div slot="header" style="display: grid;grid-template-columns: 5fr 01fr; width:100%;">
63
63
  <div class="header-title" style="padding-top:2%;">This is a title</div>