@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 12.6 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsFederatedSearch=t():e.VsFederatedSearch=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1746],{39535:function(e,t,a){"use strict";a.d(t,{A:function(){return r.A}});var r=a(77891)},49439:function(e,t,a){"use strict";a.r(t);var r=a(39535);a(62282);const s=r.A;t.default=s},62282:function(e,t,a){"use strict";a(65718)},65718:function(e,t,a){"use strict";var r=a(85072),s=a.n(r),n=a(97825),o=a.n(n),l=a(77659),i=a.n(l),u=a(55056),c=a.n(u),d=a(10540),g=a.n(d),f=a(41113),p=a.n(f),y=a(89432),v=a.n(y),b={};b.styleTagTransform=p(),b.setAttributes=c(),b.insert=i().bind(null,"head"),b.domAPI=o(),b.insertStyleElement=g(),s()(v(),b),v()&&v().locals&&v().locals},77891:function(e,t,a){"use strict";var r=a(10467),s=a(54756),n=a.n(s),o=a(20641),l=a(50953),i=a(53751),u=a(90033),c=a(12903),d=a(66239),g=a(1780),f=a(72989),p=a.n(f),y=a(58995),v=a(35965),b=a(75520),m={class:"vs-federated-search","data-test":"vs-federated-search"},h={class:"vs-federated-search__container"},_={key:0,class:"vs-federated-search__results","data-chromatic":"ignore"},k={key:2,"data-chromatic":"ignore"},R={class:"position-relative"},C={class:"position-absolute bottom-0 start-0 d-flex gap-2"},L={class:"position-absolute bottom-0 end-0 d-flex"},S={class:"truncate-3-lines text-break"},D={class:"d-flex justify-content-end align-items-end mt-050"},E={key:0,class:"d-flex align-items-start flex-grow-1"},I={key:3,class:"vs-federated-search__warning mb-300"};t.A={__name:"FederatedSearch",props:{cludoApiKey:{type:String,default:(0,d.A)("CLUDO_API_KEY")},cludoCustomerId:{type:Number,default:Number((0,d.A)("CLUDO_CUSTOMER_ID"))},cludoEngineId:{type:Number,default:Number((0,d.A)("CLUDO_ENGINE_ID"))},eventsApi:{type:String,default:(0,d.A)("EVENTS_API_URL")},filters:{type:Array,default:void 0},subFilters:{type:Array,default:void 0},errorMessages:{type:Object,required:!0},fromText:{type:String,default:""},paginationLabels:{type:Object,required:!0},searchLabels:{type:Object,required:!0},sortLabels:{type:Object,required:!0},cardCategoryLabels:{type:Object,required:!0,default:function(){}},siteLanguage:{type:String,default:"en",validator:function(e){return e.match(/(en|es|it|de|nl|fr)/)}}},setup:function(e){var t=(0,b.A)(),a=p()(),s=(0,l.KR)({message:"",error:!1}),d=e,f=(0,l.KR)(!1),x=(0,o.EW)((function(){var e;return a.selectedCategoryKey?"events"!==a.selectedCategoryKey?e=Math.ceil(a.totalResultsCludo/12):"events"===a.selectedCategoryKey&&(e=Math.ceil(a.totalResultsEvents/12)):e=a.totalResultsCludo>=a.totalResultsEvents?Math.ceil(a.totalResultsCludo/6):Math.ceil(a.totalResultsEvents/6),e}));function A(){a.endDate&&a.startDate>a.endDate?(s.value.error=!0,s.value.message=d.errorMessages.incorrectDateOrder):"events"===a.selectedCategoryKey&&a.eventsApiError&&!a.isLoading?(s.value.error=!0,s.value.message=d.errorMessages.eventError):(a.searchTerm||a.selectedCategory)&&"events"!==a.selectedCategoryKey&&a.cludoError&&!a.isLoading?(s.value.error=!0,s.value.message=d.errorMessages.cludoError):0!==a.totalResults||a.isLoading?(s.value.error=!1,s.value.message=""):(s.value.error=!0,s.value.message=d.errorMessages.noResults)}function V(e){a.startDate=e,a.navigateToResultsPage(!0)}function w(e){a.endDate=e,a.navigateToResultsPage(!0)}function W(e){a.sortBy=e,a.navigateToResultsPage(!0)}function F(e){var r,s=!1;e>a.currentPage&&(s=!0),a.currentPage=e,"undefined"!=typeof window&&window.scrollTo({top:0,left:0,behavior:"smooth"}),a.navigateToResultsPage(),r=s,t.createDataLayerObject("siteSearchClickEvent",{interaction_type:"search_link_click",search_query:a.searchTerm,page_number:a.currentPage,page_navigation_direction:r?"forward":"back",search_usage_index:a.searchInSessionCount,results_count:a.totalResults,query_input:a.queryInput})}function O(e){if(e.url)return e.url;if(e.placeUrl)return e.placeUrl;var t=encodeURIComponent(e.title.replaceAll(" ","-").toLowerCase());return"".concat("https://www.datathistle.com/event/").concat(e.parentId,"-").concat(t)}return(0,o.sV)((0,r.A)(n().mark((function e(){var r,s,o;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.createDataLayerObject("siteSearchOpenEvent",{referrer_page:document.referrer}),a.cludoCredentials={apiKey:d.cludoApiKey,customerId:d.cludoCustomerId,engineId:d.cludoEngineId},a.eventsApi=d.eventsApi,a.filters=d.filters,a.siteLanguage=d.siteLanguage,A(),"undefined"==typeof window||"undefined"==typeof document){e.next=2;break}return window.onbeforeunload=function(){f.value||t.createDataLayerObject("siteSearchCloseEvent",{search_query:a.searchTerm,search_usage_index:a.searchInSessionCount,query_input:a.queryInput,page_number:a.currentPage,results_count:a.totalResults})},r=new URLSearchParams(document.location.search),s=r.get("search-term"),(o=parseInt(r.get("page"),10))&&(a.currentPage=o),s&&(a.searchTerm=s),e.next=1,a.getSearchResults();case 1:s&&t.createDataLayerObject("siteSearchUsageEvent",{search_query:a.searchTerm,query_input:a.queryInput,results_count:a.totalResults,search_usage_index:a.searchInSessionCount,search_type:"initial",search_origin:"home_page"});case 2:case"end":return e.stop()}}),e)})))),(0,o.$u)((function(){A()})),function(r,n){return(0,o.uX)(),(0,o.CE)("div",m,[(0,o.Lk)("div",h,[(0,o.bF)(y.default,{"cludo-api-key":d.cludoApiKey,"cludo-customer-id":d.cludoCustomerId,"cludo-engine-id":d.cludoEngineId,filters:d.filters,"sub-filters":d.subFilters,labels:d.searchLabels},null,8,["cludo-api-key","cludo-customer-id","cludo-engine-id","filters","sub-filters","labels"]),(0,o.bF)(g.default,{class:"my-200"}),((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)((0,l.R1)(a).filters,(function(e,t){return(0,o.bo)(((0,o.uX)(),(0,o.CE)("div",{key:t,class:"mb-200"},[(0,o.RG)(r.$slots,"federated-search__spotlight-".concat(e.Key))],512)),[[i.vShow,(0,l.R1)(a).selectedCategoryKey===e.Key]])})),128)),(0,l.R1)(a).results?((0,o.uX)(),(0,o.CE)("div",_,[(0,o.Lk)("div",null,[(0,o.bF)((0,l.R1)(c.VsHeading),{"heading-style":"heading-m",level:2,class:"my-0"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)(d.searchLabels.searchResults),1)]})),_:1}),0!==(0,l.R1)(a).totalResults?((0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsDetail),{key:0},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)(d.searchLabels.resultsFirst)+" "+(0,u.toDisplayString)((0,l.R1)(a).totalResults)+" "+(0,u.toDisplayString)(d.searchLabels.resultsSecond),1)]})),_:1})):(0,o.Q3)("",!0)]),"events"===(0,l.R1)(a).selectedCategoryKey?((0,o.uX)(),(0,o.Wv)(v.default,{key:0,"date-filter-visible":!0,"sort-options":d.sortLabels.sortOptions,"from-date-label":d.sortLabels.dateFrom,"to-date-label":d.sortLabels.dateTo,"sort-label":d.sortLabels.sort,onFromDateUpdated:V,onEndDateUpdated:w,onSortOrderUpdated:W},null,8,["sort-options","from-date-label","to-date-label","sort-label"])):(0,o.Q3)("",!0)])):(0,o.Q3)("",!0),(0,l.R1)(a).isLoading?((0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsLoadingSpinner),{key:1})):(0,o.Q3)("",!0),(0,l.R1)(a).isLoading||!(0,l.R1)(a).results||(0,l.R1)(a).eventsApiError?(0,o.Q3)("",!0):((0,o.uX)(),(0,o.CE)("div",k,[(0,o.bF)((0,l.R1)(c.VsCardGroup),{"cards-per-row":3,class:(0,u.normalizeClass)((0,l.R1)(a).results&&x.value<=1?"mb-300":null)},{default:(0,o.k6)((function(){return[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)((0,l.R1)(a).results,(function(r){return(0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsCard),{key:r.id},{"vs-card-header":(0,o.k6)((function(){return[(0,o.Lk)("div",R,[(0,o.bF)((0,l.R1)(c.VsImg),{src:r.imgSrc||"https://static.visitscotland.com/img/fallback-img.png",class:"w-100 aspect-ratio-3-2 rounded-1 object-fit-cover img-zoom-on-hover"},null,8,["src"]),(0,o.Lk)("div",C,[r.minPrice?((0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsBadge),{key:0,variant:"information",class:"rounded-top-end rounded-bottom-start"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)(d.fromText)+" "+(0,u.toDisplayString)((e=r.minPrice,null===e?"":e.match(/\b\d+\.\d\b/)?"£".concat(e,"0"):"£".concat(e))),1)];var e})),_:2},1024)):(0,o.Q3)("",!0),r.startDate?((0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsBadge),{key:1,variant:"information",class:"rounded-top-end rounded-top-start"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)((e=r.startDate,t=r.endDate,e===t?e:"".concat(e," - ").concat(t))),1)];var e,t})),_:2},1024)):(0,o.Q3)("",!0)]),(0,o.Lk)("div",L,[r.categoryCard&&e.cardCategoryLabels[r.categoryCard]?((0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsBadge),{key:0,variant:"highlight",class:"rounded-top-start rounded-bottom-start mx-0"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)(e.cardCategoryLabels[r.categoryCard]),1)]})),_:2},1024)):(0,o.Q3)("",!0)])])]})),"vs-card-body":(0,o.k6)((function(){return[(0,o.bF)((0,l.R1)(c.VsHeading),{level:"3","heading-style":"heading-xs"},{default:(0,o.k6)((function(){return[(0,o.bF)((0,l.R1)(c.VsLink),{href:O(r),onClick:function(e){return function(e){f.value=!0,t.createDataLayerObject("siteSearchClickEvent",{interaction_type:"search_link_click",search_query:a.searchTerm,page_number:a.currentPage,click_text:e.title,click_url:O(e),click_category:e.categoryCard&&d.cardCategoryLabels[e.categoryCard]?d.cardCategoryLabels[e.categoryCard]:"",search_usage_index:a.searchInSessionCount,results_count:a.totalResults,query_input:a.queryInput})}(r)},class:"stretched-link",variant:"secondary"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)(r.title),1)]})),_:2},1032,["href","onClick"])]})),_:2},1024),(0,o.bF)((0,l.R1)(c.VsBody),null,{default:(0,o.k6)((function(){return[(0,o.Lk)("p",S,(0,u.toDisplayString)(r.description),1)]})),_:2},1024)]})),"vs-card-footer":(0,o.k6)((function(){return[(0,o.Lk)("div",D,[r.location?((0,o.uX)(),(0,o.CE)("div",E,[(0,o.bF)((0,l.R1)(c.VsIcon),{icon:"fa-solid fa-location-dot",variant:"highlight",class:"me-050",size:"sm"}),(0,o.bF)((0,l.R1)(c.VsDetail),{"no-margins":"",color:"tertiary"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)(r.location),1)]})),_:2},1024)])):(0,o.Q3)("",!0),(0,o.Lk)("div",null,["data-thistle"===r.dataSrc?((0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsIcon),{key:0,icon:"vs-icon-control-external-link",variant:"highlight",size:"sm"})):(0,o.Q3)("",!0)])])]})),_:2},1024)})),128))]})),_:1},8,["class"]),(0,l.R1)(a).results&&x.value>1?((0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsPagination),{key:0,class:"vs-federated-search__pagination","number-of-pages":x.value,"next-button-label":d.paginationLabels.nextButtonLabel,"previous-button-label":d.paginationLabels.previousButtonLabel,"page-label":d.paginationLabels.pageLabel,"of-label":d.paginationLabels.ofLabel,modelValue:(0,l.R1)(a).currentPage,"onUpdate:modelValue":n[0]||(n[0]=function(e){return(0,l.R1)(a).currentPage=e}),onPageClick:F},null,8,["number-of-pages","next-button-label","previous-button-label","page-label","of-label","modelValue"])):(0,o.Q3)("",!0)])),s.value.error?((0,o.uX)(),(0,o.CE)("div",I,[s.value.error?((0,o.uX)(),(0,o.Wv)((0,l.R1)(c.VsWarning),{key:0},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)(s.value.message),1)]})),_:1})):(0,o.Q3)("",!0)])):(0,o.Q3)("",!0)]),(0,o.bF)((0,l.R1)(c.VsWarning),{"data-test":"vs-federated-search__error--no-js",class:"vs-federated-search__error--no-js mb-300"},{default:(0,o.k6)((function(){return[(0,o.eW)((0,u.toDisplayString)(d.searchLabels.noJs),1)]})),_:1})])}}}},89432:function(){}},function(e){return e.O(0,[641,6262,7510,3751,4352,7527,4467,8086,810,7800,9394,2543,3453,281,7536,7511,9033,8795,6425,7171,3498,8449,4982,6422,8745,8836,8638,2368,3838,7521,1438,4580,5676,1574,9122,4282,5921,1459,2142,5025,7957,9116,7275,4448,9810,8896,3486,378,6494,1688,6216,1454,3614,2491,4900,4360,6305,9856,8861,4179,7933,2710,6955,3706,3484,1371,9054,7553,6086,3130,5945,8167,4921,1288,3990,3293,1244,680,4828,459,2329,4409,6358,1696,80,2152,4145,922,4433,2822,8258,1086,1154,8533,4681,71,7033,7894,6665,6618,1389,1161,9621,4029,3350,9146,6838,4879,4953,1718,1120,47,9464,9177,9839,625,6004,5513,7097,7311,8399,5465,6641,9633,5809,3337,2810,7086,3603,8978,3033,630,6649,8759,5807,4712,5048,2761,8693,5782,8407,4562,7906,1841,6175,3642,7692,8462,7231,7195,8573,1106,1379,4999,4232,6431,3609,2759,7848,6241,8817,8570,815,4061,9323,9923,3731,2837,3914,5577,3650,2612,6283,9783,7969,9280,4036,8332,2437,6123,7570,4670,9423,9886,3734,1901,8969,5106,627,538,1493,4297,1474,4856,7006,6689,2903,2989,555,8995,5965,1780],(function(){return e(e.s=49439)})),e.O()}])}));