@visitscotland/component-library 4.10.3 → 4.11.0

package/dist/client/manifest.json

@@ -26,11 +26,11 @@
       "scripts/1beb02ee89c86a88fd16.js",
       "scripts/2dd13e24d4d3ed916208.js",
       "scripts/35e04793e8e022ebb936.js",
-      "scripts/574797bfb7a95a799897.js"
+      "scripts/653c4d8f9a4977eb6f7c.js"
     ],
     "styles": [
       "styles/35e04793e8e022ebb936.css",
-      "styles/574797bfb7a95a799897.css"
+      "styles/653c4d8f9a4977eb6f7c.css"
     ]
   },
   "VsAccordion": {
@@ -2166,8 +2166,8 @@
       "scripts/c1629d59ab57cc9eb7b9.js",
       "scripts/81cd9dd39af58b5f3fa4.js",
       "scripts/33a012db2f317e805618.js",
-      "scripts/05276cb127c91f797d5e.js",
       "scripts/332846916d582e9e0daa.js",
+      "scripts/05276cb127c91f797d5e.js",
       "scripts/e0c7a3100e78722074c8.js",
       "scripts/d1de866f4ef0397a633a.js",
       "scripts/0fca23adffd3007411e5.js",
@@ -2179,7 +2179,7 @@
       "scripts/74e9a93f4abb0b57f514.js",
       "scripts/9182f2de912fe63af3b6.js",
       "scripts/93ea6cb5cb3335737428.js",
-      "scripts/fec8d954621c73ff71bd.js"
+      "scripts/2477914832e75c7a98af.js"
     ],
     "styles": [
       "styles/e0c7a3100e78722074c8.css",
@@ -2191,7 +2191,7 @@
       "styles/74e9a93f4abb0b57f514.css",
       "styles/9182f2de912fe63af3b6.css",
       "styles/93ea6cb5cb3335737428.css",
-      "styles/fec8d954621c73ff71bd.css"
+      "styles/2477914832e75c7a98af.css"
     ]
   },
   "VsGlobalMenuDropdown": {
@@ -3616,8 +3616,8 @@
       "scripts/2dd13e24d4d3ed916208.js",
       "scripts/f4e25e3a6d05e2128711.js",
       "scripts/33a012db2f317e805618.js",
-      "scripts/c1ebc0a10b2ce4aaecb2.js",
       "scripts/332846916d582e9e0daa.js",
+      "scripts/c1ebc0a10b2ce4aaecb2.js",
       "scripts/e0c7a3100e78722074c8.js",
       "scripts/d1de866f4ef0397a633a.js",
       "scripts/0fca23adffd3007411e5.js",
@@ -3641,7 +3641,7 @@
       "scripts/70e0c239011fcd6d59f8.js",
       "scripts/1fcbc41ddfc2f1127ffd.js",
       "scripts/933902c3e17bc73de94c.js",
-      "scripts/fc08b116729f7be79c9d.js"
+      "scripts/20f693ecddfc90496f6a.js"
     ],
     "styles": [
       "styles/c1ebc0a10b2ce4aaecb2.css",
@@ -3663,7 +3663,7 @@
       "styles/70e0c239011fcd6d59f8.css",
       "styles/1fcbc41ddfc2f1127ffd.css",
       "styles/933902c3e17bc73de94c.css",
-      "styles/fc08b116729f7be79c9d.css"
+      "styles/20f693ecddfc90496f6a.css"
     ]
   },
   "VsMapMarker": {
@@ -4628,6 +4628,47 @@
       "styles/fc611497322360797621.css"
     ]
   },
+  "VsVsPagination": {
+    "headingFonts": [
+      "eveleth-clean-regular.woff",
+      "eveleth-clean-regular.woff2",
+      "eveleth-clean-thin.woff",
+      "eveleth-clean-thin.woff2"
+    ],
+    "bodyFonts": [
+      "source-sans-pro-bold.woff",
+      "source-sans-pro-bold.woff2",
+      "source-sans-pro-light.woff",
+      "source-sans-pro-light.woff2",
+      "source-sans-pro-regular.woff",
+      "source-sans-pro-regular.woff2",
+      "source-sans-pro-semibold.woff",
+      "source-sans-pro-semibold.woff2"
+    ],
+    "scripts": [
+      "scripts/664ff5bacecaa579d442.js",
+      "scripts/3438e42f9c8aca3ccc36.js",
+      "scripts/063a6b8bd77d78331254.js",
+      "scripts/45eb4527e8a562d5b5c0.js",
+      "scripts/058e808444ac3d2e70b9.js",
+      "scripts/0a8c20c638a406cef662.js",
+      "scripts/8c97637a75e92aa31254.js",
+      "scripts/2e08edc07704f638ab7c.js",
+      "scripts/1beb02ee89c86a88fd16.js",
+      "scripts/239f97ba79e07a1cf385.js",
+      "scripts/f4e25e3a6d05e2128711.js",
+      "scripts/332846916d582e9e0daa.js",
+      "scripts/e0c7a3100e78722074c8.js",
+      "scripts/d1de866f4ef0397a633a.js",
+      "scripts/0fca23adffd3007411e5.js",
+      "scripts/986cefb939b3ab5e1003.js"
+    ],
+    "styles": [
+      "styles/e0c7a3100e78722074c8.css",
+      "styles/0fca23adffd3007411e5.css",
+      "styles/986cefb939b3ab5e1003.css"
+    ]
+  },
   "VsPanel": {
     "headingFonts": [
       "eveleth-clean-regular.woff",

package/dist/client/scripts/{fc08b116729f7be79c9d.js → 20f693ecddfc90496f6a.js}

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VsMapWithSidebar=e():t.VsMapWithSidebar=e()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[316],{30426:function(){},50106:function(t,e,s){"use strict";var a=s(89394),n=s(64467),i=s(11438),o=s(48836),r=s(79122),l=s(90080),c=s(57536),u=s(10810),d=s(79920),g=s(81610),p=s(4249);function h(t,e){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),s.push.apply(s,a)}return s}function f(t){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{};e%2?h(Object(s),!0).forEach((function(e){(0,n.A)(t,e,s[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var m=null;e.A={name:"VsMapWithSidebar",status:"prototype",release:"0.0.1",components:{VsContainer:i.T$,VsRow:i.AQ,VsCol:i.Il,VsMap:g.default,VsButton:o.default,VsMapWithSidebarPanel:p.default,VsButtonToggleGroup:l.default,VsWarning:r.default},provide:function(){return{filters:this.filters,filtersWithLocations:this.filtersWithLocations,placesData:this.placesData,mapId:this.mapId,regions:this.regionsData,clearSelectionText:this.clearSelectionText,applyFiltersText:this.applyFiltersText,subCatList:this.subCatList,filtersAppliedText:this.filtersAppliedText,clearFiltersText:this.clearFiltersText,focussedListItem:this.focussedListItem}},props:{categoryHeading:{type:String,default:""},filters:{type:Array,required:!0},placesData:{type:Array,required:!0},mapId:{type:String,required:!0},mainHeadingExists:{type:Boolean,default:!1},initialSelected:{type:String,default:""},toggleData:{type:Array,default:function(){return[]}},buttonsLabel:{type:String,default:""},clearSelectionText:{type:String,required:!0},applyFiltersText:{type:String,required:!0},detailsEndpoint:{type:String,default:""},regionBounds:{type:Object,default:function(){}},clearFiltersText:{type:String,required:!0},filtersAppliedText:{type:String,required:!0},placeId:{type:String,default:null},mapFilterMessage:{type:String,required:!0},mapNoResultsMessage:{type:String,required:!0},panelMessage:{type:String,default:null}},data:function(){return{panelVisible:!1,selectedCategory:"",filterCategories:this.filters,selectedItem:null,activePins:this.placesData,currentlyHovered:"",showRegions:!1,regions:[],subCatList:null,selectedToggle:"",currentEndpointData:[],mapStatus:"",panelStatus:"map-loading",mapReady:!1,showPanelMessage:null,currentPanelEndpointFilters:"",totalEndpointPins:0,focussedListItem:0,resetZoom:!1,currentStage:0,selectedSubCategory:null}},computed:f(f({mapDisplayClass:function(){return this.panelVisible?"d-none d-lg-block":""},panelDisplayClass:function(){return this.panelVisible?"":"d-none d-lg-block"},regionsData:function(){return this.placesData.filter((function(t){return"Polygon"===t.geometry.type||"MultiPolygon"===t.geometry.type}))}},(0,u.aH)(d.A,{subCatActiveFilters:function(t){return t.activeSubcatFilters}})),{},{infoMessage:function(){var t="";switch(this.mapStatus){case"no-results":t=this.mapNoResultsMessage;break;case"filter-results":t=this.mapFilterMessage}return t},existingCategories:function(){return this.placesData?(0,a.A)(new Set(this.placesData.map((function(t){return t.properties.category.id})))):[]},filtersWithLocations:function(){var t=this;return this.filters.filter((function(e){return t.existingCategories.includes(e.id)}))},togglesWithLocations:function(){return-1===this.existingCategories.indexOf("vics")?this.toggleData.filter((function(t){return"icentres"!==t.value})):this.toggleData}}),watch:{selectedSubCategory:function(t){null===t&&(this.mapStatus="",this.resetZoom=!0)}},mounted:function(){var t=this;m=(0,d.A)(),this.selectedToggle=this.initialSelected,this.emitter&&this.emitter.on("clearSelectedSubcats",(function(){t.resetZoom=!0}))},methods:{openMenu:function(){this.setStage(0),this.openPanel()},closePanel:function(){this.panelVisible=!1},openPanel:function(){this.panelVisible=!0},showDetail:function(t){document.fullscreenElement&&document.exitFullscreen(),this.selectedItem=t,this.setStage(2),this.openPanel(),null===this.selectedSubCategory&&this.filterPlaces(this.selectedCategory)},setCategory:function(t){this.selectedCategory=t,null===this.selectedSubCategory&&this.filterPlaces(t)},setSubCategory:function(t){m.setSelectedSubcat(t),this.selectedSubCategory=t,null!==t?(this.getSubcatMarkerData(),this.selectedCategory=t):(m.setActiveSubcatFilters([]),this.showAllPlaces())},filterSubCategories:function(t){var e="";t.forEach((function(t){var s="&cat=".concat(t);e+=s})),this.currentPanelEndpointFilters=e,this.getSubcatMarkerData(e),this.getSubcatPanelData(e,0)},getSubcatMarkerData:function(t){var e=this,s=this.filters.filter((function(t){return t.id===e.selectedSubCategory}));if(s.length>0){var a=s[0].pinsEndpoint;void 0!==t&&(a+=t),this.activePins=[],void 0===t?(this.activePins=[],this.mapStatus="filter-results"):c.A.get(a).then((function(t){e.totalEndpointPins=t.data.features.length,0===e.totalEndpointPins?e.mapStatus="no-results":(t.data.features.forEach((function(t){var s=t;s.properties.apiData=!0,e.activePins.push(s)})),e.mapStatus="")}))}},getSubcatPanelData:function(t,e){var s=this,a=this.filters.filter((function(t){return t.id===s.selectedSubCategory}))[0].listProductsEndPoint;void 0!==t&&(a+=t),0!==e&&(a+="".concat(t,"&page=").concat(e)),this.panelStatus="loading-data",c.A.get(a).then((function(t){void 0!==t.data.data.products?(s.setStage(1),0===e?(s.subCatList=t.data.data.products,s.focussedListItem=0):(s.focussedListItem=24*e,s.subCatList=s.subCatList.concat(t.data.data.products))):s.mapStatus="no-results",s.panelStatus=null}))},setStage:function(t){var e=this;if(2===t&&""!==this.detailsEndpoint&&null!==this.selectedSubCategory){var s="".concat(this.detailsEndpoint).concat(this.selectedItem.properties.id);c.A.get(s).then((function(s){var a=[];a.push(s.data.data),e.currentEndpointData=a,e.currentStage=t}))}else this.currentStage=t,0===this.currentStage?(this.currentEndpointData=[],null===this.selectedSubCategory?(this.resetZoom=!0,this.showAllPlaces(),this.mapStatus=""):this.getSubcatMarkerData(),this.selectedToggle="places"):1===this.currentStage&&null===this.selectedSubCategory&&this.filterPlaces(this.selectedCategory);2!==t&&(m.setActivePlace({mapId:this.mapId,activeFeature:""}),this.selectedItem=null)},filterPlaces:function(t){if("regions"===t)this.showRegions=!0,this.activePins=[],this.selectedToggle="regions";else{this.showRegions=!1,this.selectedToggle="places";var e=this.placesData.filter((function(e){return void 0!==e.properties&&e.properties.category.id===t}));this.activePins=e}},loadMorePlaces:function(t){this.getSubcatPanelData(this.currentPanelEndpointFilters,t)},showAllPlaces:function(){this.activePins=this.placesData,this.showRegions=!1},onToggleChanged:function(t){"regions"===t?(this.setCategory("regions"),this.setStage(1)):"icentres"===t?(this.setCategory("vics"),this.setStage(1)):"places-regional"===t?(this.setCategory("twnv"),this.setStage(1)):(this.showAllPlaces(),this.setStage(0))},setMapReady:function(t){this.mapReady=t,this.panelStatus=t?null:"loading"},categoryHasData:function(t){return-1!==this.existingCategories.indexOf(t)}}}},92886:function(t,e,s){"use strict";s.d(e,{X:function(){return i}});var a=s(20641),n=s(90033);function i(t,e,s,i,o,r){var l=(0,a.g2)("VsMapWithSidebarPanel"),c=(0,a.g2)("VsButton"),u=(0,a.g2)("VsMap"),d=(0,a.g2)("VsButtonToggleGroup"),g=(0,a.g2)("VsWarning"),p=(0,a.g2)("VsCol"),h=(0,a.g2)("VsRow"),f=(0,a.g2)("VsContainer");return(0,a.uX)(),(0,a.Wv)(f,{"data-test":"vs-map-with-sidebar"},{default:(0,a.k6)((function(){return[(0,a.bF)(h,null,{default:(0,a.k6)((function(){return[(0,a.bF)(p,null,{default:(0,a.k6)((function(){return[(0,a.Lk)("div",{class:"vs-map-with-sidebar",ref:s.mapId},[(0,a.Lk)("div",{class:(0,n.normalizeClass)(["vs-map-with-sidebar__side-panel",r.panelDisplayClass]),"data-test":"vs-map-with-sidebar__side-panel"},[(0,a.bF)(l,{"category-heading":s.categoryHeading,"selected-category":o.selectedCategory,"selected-subcategory":o.selectedSubCategory,"current-stage":o.currentStage,"selected-item":o.selectedItem,"heading-level":s.mainHeadingExists?"3":"2","subcategory-locations":o.subCatList,"current-endpoint-data":o.currentEndpointData,"panel-status":o.panelStatus,"panel-message":0===o.currentStage?s.panelMessage:null,"total-pins":o.totalEndpointPins,"current-list-item-focus":o.focussedListItem,onSetCategory:r.setCategory,onSetSubcategory:r.setSubCategory,onSubcategoriesFiltered:r.filterSubCategories,onSetStage:r.setStage,onClosePanel:r.closePanel,onShowItemDetail:r.showDetail,onFilterPlaces:r.filterPlaces,onLoadMorePlaces:r.loadMorePlaces},{closePanelText:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"close-side-panel-text")]})),"reset-side-panel-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"reset-side-panel-text")]})),"menu-btn-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"menu-btn-text")]})),"panel-loading-message":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"panel-loading-message")]})),"load-more-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"load-more-text")]})),_:3},8,["category-heading","selected-category","selected-subcategory","current-stage","selected-item","heading-level","subcategory-locations","current-endpoint-data","panel-status","panel-message","total-pins","current-list-item-focus","onSetCategory","onSetSubcategory","onSubcategoriesFiltered","onSetStage","onClosePanel","onShowItemDetail","onFilterPlaces","onLoadMorePlaces"])],2),(0,a.Lk)("div",{class:(0,n.normalizeClass)(["vs-map-with-sidebar__map",r.mapDisplayClass])},[(0,a.bF)(c,{class:"vs-map-with-sidebar__map-toggle",icon:"bars-mobile-menu",size:"sm",onClick:r.openMenu,"data-test":"vs-map-with-sidebar__map-toggle",variant:"secondary"},{default:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"open-side-panel-text")]})),_:3},8,["onClick"]),(0,a.bF)(u,{"is-visible":!o.panelVisible,labels:{},filters:r.filtersWithLocations,places:o.activePins,"selected-item":o.selectedItem,"map-id":s.mapId,"show-polygons":o.showRegions,"show-info-message":""!==o.mapStatus,onShowDetail:r.showDetail,onSetCategory:r.setCategory,onMapReady:r.setMapReady,onZoomReset:e[0]||(e[0]=function(t){return o.resetZoom=!1}),"bounds-data":s.regionBounds,"reset-zoom":o.resetZoom,"show-marker-popups":!1},{"map-loading-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"map-loading-text")]})),"info-message":(0,a.k6)((function(){return[(0,a.eW)((0,n.toDisplayString)(r.infoMessage),1)]})),"zoom-too-close":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"zoom-too-close")]})),"zoom-too-far":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"zoom-too-far")]})),"no-js":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"no-js")]})),_:3},8,["is-visible","filters","places","selected-item","map-id","show-polygons","show-info-message","onShowDetail","onSetCategory","onMapReady","bounds-data","reset-zoom"]),r.togglesWithLocations.length>1?((0,a.uX)(),(0,a.Wv)(d,{key:0,"data-test":"vs-map-with-sidebar__map-toggle-group","initial-selected":o.selectedToggle,options:r.togglesWithLocations,"buttons-label":s.buttonsLabel,onToggleChanged:r.onToggleChanged},null,8,["initial-selected","options","buttons-label","onToggleChanged"])):(0,a.Q3)("",!0)],2)],512),(0,a.bF)(g,{class:"vs-map-with-sidebar__no-js"},{default:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"no-js")]})),_:3})]})),_:3})]})),_:3})]})),_:3})}},20988:function(t,e,s){"use strict";var a=s(85072),n=s.n(a),i=s(97825),o=s.n(i),r=s(77659),l=s.n(r),c=s(55056),u=s.n(c),d=s(10540),g=s.n(d),p=s(41113),h=s.n(p),f=s(30426),m=s.n(f),b={};b.styleTagTransform=h(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=o(),b.insertStyleElement=g(),n()(m(),b),m()&&m().locals&&m().locals},8258:function(t,e,s){"use strict";s.r(e);var a=s(92886),n=s(84542);s(53704);const i=(0,s(66262).A)(n.A,[["render",a.X]]);e.default=i},84542:function(t,e,s){"use strict";s.d(e,{A:function(){return a.A}});var a=s(50106)},53704:function(t,e,s){"use strict";s(20988)}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,7800,7536,3777,9394,6422,8745,8836,8638,2368,3838,7521,1438,1574,9122,2536,5025,7539,1101,2552,681,1213,3055,3198,3844,4079,4249,80],(function(){return t(t.s=8258)})),t.O()}])}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VsMapWithSidebar=e():t.VsMapWithSidebar=e()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[316],{30426:function(){},50106:function(t,e,s){"use strict";var a=s(89394),n=s(64467),i=s(11438),o=s(48836),r=s(79122),l=s(90080),c=s(57536),u=s(10810),d=s(79920),g=s(81610),p=s(4249);function h(t,e){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),s.push.apply(s,a)}return s}function f(t){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{};e%2?h(Object(s),!0).forEach((function(e){(0,n.A)(t,e,s[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var m=null;e.A={name:"VsMapWithSidebar",status:"prototype",release:"0.0.1",components:{VsContainer:i.T$,VsRow:i.AQ,VsCol:i.Il,VsMap:g.default,VsButton:o.default,VsMapWithSidebarPanel:p.default,VsButtonToggleGroup:l.default,VsWarning:r.default},provide:function(){return{filters:this.filters,filtersWithLocations:this.filtersWithLocations,placesData:this.placesData,mapId:this.mapId,regions:this.regionsData,clearSelectionText:this.clearSelectionText,applyFiltersText:this.applyFiltersText,subCatList:this.subCatList,filtersAppliedText:this.filtersAppliedText,clearFiltersText:this.clearFiltersText,focussedListItem:this.focussedListItem}},props:{categoryHeading:{type:String,default:""},filters:{type:Array,required:!0},placesData:{type:Array,required:!0},mapId:{type:String,required:!0},mainHeadingExists:{type:Boolean,default:!1},initialSelected:{type:String,default:""},toggleData:{type:Array,default:function(){return[]}},buttonsLabel:{type:String,default:""},clearSelectionText:{type:String,required:!0},applyFiltersText:{type:String,required:!0},detailsEndpoint:{type:String,default:""},regionBounds:{type:Object,default:function(){}},clearFiltersText:{type:String,required:!0},filtersAppliedText:{type:String,required:!0},placeId:{type:String,default:null},mapFilterMessage:{type:String,required:!0},mapNoResultsMessage:{type:String,required:!0},panelMessage:{type:String,default:null}},data:function(){return{panelVisible:!1,selectedCategory:"",filterCategories:this.filters,selectedItem:null,activePins:this.placesData,currentlyHovered:"",showRegions:!1,regions:[],subCatList:null,selectedToggle:"",currentEndpointData:[],mapStatus:"",panelStatus:"map-loading",mapReady:!1,showPanelMessage:null,currentPanelEndpointFilters:"",totalEndpointPins:0,focussedListItem:0,resetZoom:!1,currentStage:0,selectedSubCategory:null}},computed:f(f({mapDisplayClass:function(){return this.panelVisible?"d-none d-lg-block":""},panelDisplayClass:function(){return this.panelVisible?"":"d-none d-lg-block"},regionsData:function(){return this.placesData.filter((function(t){return"Polygon"===t.geometry.type||"MultiPolygon"===t.geometry.type}))}},(0,u.aH)(d.A,{subCatActiveFilters:function(t){return t.activeSubcatFilters}})),{},{infoMessage:function(){var t="";switch(this.mapStatus){case"no-results":t=this.mapNoResultsMessage;break;case"filter-results":t=this.mapFilterMessage}return t},existingCategories:function(){return this.placesData?(0,a.A)(new Set(this.placesData.map((function(t){return t.properties.category.id})))):[]},filtersWithLocations:function(){var t=this;return this.filters.filter((function(e){return t.existingCategories.includes(e.id)}))},togglesWithLocations:function(){return-1===this.existingCategories.indexOf("vics")?this.toggleData.filter((function(t){return"icentres"!==t.value})):this.toggleData}}),watch:{selectedSubCategory:function(t){null===t&&(this.mapStatus="",this.resetZoom=!0)}},mounted:function(){var t=this;m=(0,d.A)(),this.selectedToggle=this.initialSelected,this.emitter&&this.emitter.on("clearSelectedSubcats",(function(){t.resetZoom=!0}))},methods:{openMenu:function(){this.setStage(0),this.openPanel()},closePanel:function(){this.panelVisible=!1},openPanel:function(){this.panelVisible=!0},showDetail:function(t){document.fullscreenElement&&document.exitFullscreen(),this.selectedItem=t,this.setStage(2),this.openPanel(),null===this.selectedSubCategory&&this.filterPlaces(this.selectedCategory)},setCategory:function(t){this.selectedCategory=t,null===this.selectedSubCategory&&this.filterPlaces(t)},setSubCategory:function(t){m.setSelectedSubcat(t),this.selectedSubCategory=t,null!==t?(this.getSubcatMarkerData(),this.selectedCategory=t):(m.setActiveSubcatFilters([]),this.showAllPlaces())},filterSubCategories:function(t){var e="";t.forEach((function(t){var s="&cat=".concat(t);e+=s})),this.currentPanelEndpointFilters=e,this.getSubcatMarkerData(e),this.getSubcatPanelData(e,0)},getSubcatMarkerData:function(t){var e=this,s=this.filters.filter((function(t){return t.id===e.selectedSubCategory}));if(s.length>0){var a=s[0].pinsEndpoint;void 0!==t&&(a+=t),this.activePins=[],void 0===t?(this.activePins=[],this.mapStatus="filter-results"):c.A.get(a).then((function(t){e.totalEndpointPins=t.data.features.length,0===e.totalEndpointPins?e.mapStatus="no-results":(t.data.features.forEach((function(t){var s=t;s.properties.apiData=!0,e.activePins.push(s)})),e.mapStatus="")}))}},getSubcatPanelData:function(t,e){var s=this,a=this.filters.filter((function(t){return t.id===s.selectedSubCategory}))[0].listProductsEndPoint;void 0!==t&&(a+=t),0!==e&&(a+="".concat(t,"&page=").concat(e)),this.panelStatus="loading-data",c.A.get(a).then((function(t){void 0!==t.data.data.products?(s.setStage(1),0===e?(s.subCatList=t.data.data.products,s.focussedListItem=0):(s.focussedListItem=24*e,s.subCatList=s.subCatList.concat(t.data.data.products))):s.mapStatus="no-results",s.panelStatus=null}))},setStage:function(t){var e=this;if(2===t&&""!==this.detailsEndpoint&&null!==this.selectedSubCategory){var s="".concat(this.detailsEndpoint).concat(this.selectedItem.properties.id);c.A.get(s).then((function(s){var a=[];a.push(s.data.data),e.currentEndpointData=a,e.currentStage=t}))}else this.currentStage=t,0===this.currentStage?(this.currentEndpointData=[],null===this.selectedSubCategory?(this.resetZoom=!0,this.showAllPlaces(),this.mapStatus=""):this.getSubcatMarkerData(),this.selectedToggle="places"):1===this.currentStage&&null===this.selectedSubCategory&&this.filterPlaces(this.selectedCategory);2!==t&&(m.setActivePlace({mapId:this.mapId,activeFeature:""}),this.selectedItem=null)},filterPlaces:function(t){if("regions"===t)this.showRegions=!0,this.activePins=[],this.selectedToggle="regions";else{this.showRegions=!1,this.selectedToggle="places";var e=this.placesData.filter((function(e){return void 0!==e.properties&&e.properties.category.id===t}));this.activePins=e}},loadMorePlaces:function(t){this.getSubcatPanelData(this.currentPanelEndpointFilters,t)},showAllPlaces:function(){this.activePins=this.placesData,this.showRegions=!1},onToggleChanged:function(t){"regions"===t?(this.setCategory("regions"),this.setStage(1)):"icentres"===t?(this.setCategory("vics"),this.setStage(1)):"places-regional"===t?(this.setCategory("twnv"),this.setStage(1)):(this.showAllPlaces(),this.setStage(0))},setMapReady:function(t){this.mapReady=t,this.panelStatus=t?null:"loading"},categoryHasData:function(t){return-1!==this.existingCategories.indexOf(t)}}}},92886:function(t,e,s){"use strict";s.d(e,{X:function(){return i}});var a=s(20641),n=s(90033);function i(t,e,s,i,o,r){var l=(0,a.g2)("VsMapWithSidebarPanel"),c=(0,a.g2)("VsButton"),u=(0,a.g2)("VsMap"),d=(0,a.g2)("VsButtonToggleGroup"),g=(0,a.g2)("VsWarning"),p=(0,a.g2)("VsCol"),h=(0,a.g2)("VsRow"),f=(0,a.g2)("VsContainer");return(0,a.uX)(),(0,a.Wv)(f,{"data-test":"vs-map-with-sidebar"},{default:(0,a.k6)((function(){return[(0,a.bF)(h,null,{default:(0,a.k6)((function(){return[(0,a.bF)(p,null,{default:(0,a.k6)((function(){return[(0,a.Lk)("div",{class:"vs-map-with-sidebar",ref:s.mapId},[(0,a.Lk)("div",{class:(0,n.normalizeClass)(["vs-map-with-sidebar__side-panel",r.panelDisplayClass]),"data-test":"vs-map-with-sidebar__side-panel"},[(0,a.bF)(l,{"category-heading":s.categoryHeading,"selected-category":o.selectedCategory,"selected-subcategory":o.selectedSubCategory,"current-stage":o.currentStage,"selected-item":o.selectedItem,"heading-level":s.mainHeadingExists?"3":"2","subcategory-locations":o.subCatList,"current-endpoint-data":o.currentEndpointData,"panel-status":o.panelStatus,"panel-message":0===o.currentStage?s.panelMessage:null,"total-pins":o.totalEndpointPins,"current-list-item-focus":o.focussedListItem,onSetCategory:r.setCategory,onSetSubcategory:r.setSubCategory,onSubcategoriesFiltered:r.filterSubCategories,onSetStage:r.setStage,onClosePanel:r.closePanel,onShowItemDetail:r.showDetail,onFilterPlaces:r.filterPlaces,onLoadMorePlaces:r.loadMorePlaces},{closePanelText:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"close-side-panel-text")]})),"reset-side-panel-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"reset-side-panel-text")]})),"menu-btn-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"menu-btn-text")]})),"panel-loading-message":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"panel-loading-message")]})),"load-more-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"load-more-text")]})),_:3},8,["category-heading","selected-category","selected-subcategory","current-stage","selected-item","heading-level","subcategory-locations","current-endpoint-data","panel-status","panel-message","total-pins","current-list-item-focus","onSetCategory","onSetSubcategory","onSubcategoriesFiltered","onSetStage","onClosePanel","onShowItemDetail","onFilterPlaces","onLoadMorePlaces"])],2),(0,a.Lk)("div",{class:(0,n.normalizeClass)(["vs-map-with-sidebar__map",r.mapDisplayClass])},[(0,a.bF)(c,{class:"vs-map-with-sidebar__map-toggle",icon:"bars-mobile-menu",size:"sm",onClick:r.openMenu,"data-test":"vs-map-with-sidebar__map-toggle",variant:"secondary"},{default:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"open-side-panel-text")]})),_:3},8,["onClick"]),(0,a.bF)(u,{"is-visible":!o.panelVisible,labels:{},filters:r.filtersWithLocations,places:o.activePins,"selected-item":o.selectedItem,"map-id":s.mapId,"show-polygons":o.showRegions,"show-info-message":""!==o.mapStatus,onShowDetail:r.showDetail,onSetCategory:r.setCategory,onMapReady:r.setMapReady,onZoomReset:e[0]||(e[0]=function(t){return o.resetZoom=!1}),"bounds-data":s.regionBounds,"reset-zoom":o.resetZoom,"show-marker-popups":!1},{"map-loading-text":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"map-loading-text")]})),"info-message":(0,a.k6)((function(){return[(0,a.eW)((0,n.toDisplayString)(r.infoMessage),1)]})),"zoom-too-close":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"zoom-too-close")]})),"zoom-too-far":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"zoom-too-far")]})),"no-js":(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"no-js")]})),_:3},8,["is-visible","filters","places","selected-item","map-id","show-polygons","show-info-message","onShowDetail","onSetCategory","onMapReady","bounds-data","reset-zoom"]),r.togglesWithLocations.length>1?((0,a.uX)(),(0,a.Wv)(d,{key:0,"data-test":"vs-map-with-sidebar__map-toggle-group","initial-selected":o.selectedToggle,options:r.togglesWithLocations,"buttons-label":s.buttonsLabel,onToggleChanged:r.onToggleChanged},null,8,["initial-selected","options","buttons-label","onToggleChanged"])):(0,a.Q3)("",!0)],2)],512),(0,a.bF)(g,{class:"vs-map-with-sidebar__no-js"},{default:(0,a.k6)((function(){return[(0,a.RG)(t.$slots,"no-js")]})),_:3})]})),_:3})]})),_:3})]})),_:3})}},20988:function(t,e,s){"use strict";var a=s(85072),n=s.n(a),i=s(97825),o=s.n(i),r=s(77659),l=s.n(r),c=s(55056),u=s.n(c),d=s(10540),g=s.n(d),p=s(41113),h=s.n(p),f=s(30426),m=s.n(f),b={};b.styleTagTransform=h(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=o(),b.insertStyleElement=g(),n()(m(),b),m()&&m().locals&&m().locals},8258:function(t,e,s){"use strict";s.r(e);var a=s(92886),n=s(84542);s(53704);const i=(0,s(66262).A)(n.A,[["render",a.X]]);e.default=i},84542:function(t,e,s){"use strict";s.d(e,{A:function(){return a.A}});var a=s(50106)},53704:function(t,e,s){"use strict";s(20988)}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,7800,7536,9394,3777,6422,8745,8836,8638,2368,3838,7521,1438,1574,9122,2536,5025,7539,1101,2552,681,1213,3055,3198,3844,4079,4249,80],(function(){return t(t.s=8258)})),t.O()}])}));

package/dist/client/scripts/{fec8d954621c73ff71bd.js → 2477914832e75c7a98af.js}

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsForm=t():e.VsForm=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1736],{62308:function(){},97272:function(e,t,a){"use strict";var n=a(64467),i=a(3453),r=a(89394),s=a(34352),o=a(57536),l=a(88620),d=a(22142),u=a(51688),f=a(26358),c=a(88258),g=a(48836),m=a(13838),h=a(79122),p=a(11696),v=a(98745);function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?b(Object(a),!0).forEach((function(t){(0,n.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}t.A={name:"VsForm",status:"prototype",release:"0.0.1",components:{VsInput:d.default,VsSelect:u.default,VsCheckbox:f.default,BFormGroup:s.a3,VsRecaptcha:c.default,VsButton:g.default,VsHeading:m.default,VsWarning:h.default,VsTextarea:p.default},mixins:[v.default],props:{isMarketo:{type:Boolean,default:!0},submitUrl:{type:String,default:""},dataUrl:{type:String,required:!0},recaptchaKey:{type:String,default:(0,l.A)("RECAPTCHA_TOKEN")},recaptchaTextareaLabel:{type:String,default:"Does not need any text"},isProd:{type:Boolean,default:!1},munchkinId:{type:String,default:""},marketoInstance:{type:String,default:""},language:{type:String,default:"en"},messagingUrl:{type:String,required:!0},countryListUrl:{type:String,default:""},isTest:{type:Boolean,default:!0}},data:function(){return{submitted:!1,submitting:!1,submitError:!1,formData:{},messagingData:{},form:{},formIsInvalid:!1,showErrorMessage:!1,errorFields:[],triggerValidate:!1,recaptchaVerified:!1,conditionalFields:{},inputVal:"",reAlertErrors:!1,emailFieldName:""}},computed:{formId:function(){return this.isProd?this.formData.formLiveId:this.formData.formSandboxId},showFormHeading:function(){return!this.isUndefined(this.getTranslatedContent)&&!this.isUndefined(this.getTranslatedContent("heading"))}},created:function(){this.getFormData(),this.getGlobalMessaging()},methods:{getFormData:function(){var e=this;o.A.get(this.dataUrl).then((function(t){e.formData=t.data,e.isMarketo&&window.MktoForms2&&window.MktoForms2.loadForm(e.marketoInstance,e.munchkinId,e.formId),t.data.fields.forEach((function(t){e.form[t.name]="",t.conditional&&(e.conditionalFields[t.name]=!1)})),e.checkConditionalFields()})).catch((function(){}))},getGlobalMessaging:function(){var e=this;o.A.get(this.messagingUrl).then((function(t){e.messagingData=t.data})).catch((function(){}))},getLanguageObj:function(){return this.isUndefined(this.formData[this.language])?{}:this.formData[this.language]||void 0},getTranslatedLabel:function(e,t){var a=this.getLanguageObj(),n="";return n="en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].label)?this.formData.fields[t].label:a[e].label,this.showOptionalText(this.formData.fields[t])&&!this.isUndefined(this.getMessagingData("optional",this.language))&&(n="".concat(n," (").concat(this.getMessagingData("optional",this.language),")")),n},getTranslatedLegend:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].descriptor)?this.formData.fields[t].descriptor:a[e].descriptor},getTranslatedInfo:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].info)?this.formData.fields[t].info:a[e].info},getTranslatedValidation:function(e,t){var a,n=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.fields[t].validationMessages)?this.isUndefined(n[e])||this.isUndefined(n[e].validationMessages)?"en"===this.language&&(a=this.formData.fields[t].validationMessages):a=n[e].validationMessages:a=this.formData.fields[t].validationMessages,a},getTranslatedOptions:function(e,t){var a=this.getLanguageObj(),n=[];return void 0===(n="en"===this.language||this.isUndefined(a[e])||this.isUndefined([e].options)?this.formData.fields[t].options:a[e].options)&&(n=[]),n},getTranslatedHint:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].hint)?this.isUndefined(this.formData.fields[t].hint)?"":this.formData.fields[t].hint:a[e].hint},getTranslatedContent:function(e){var t=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.content)||this.isUndefined(this.formData.content[e])?this.isUndefined(t.content)||this.isUndefined(t.content[e])?this.getMessagingData(e,this.language):t.content[e]:this.formData.content[e]},getMessagingData:function(e,t){return Object.keys(this.messagingData).length>0?this.messagingData[t][e]:"validation"===e?{}:""},getHiddenFields:function(){return(0,r.A)(this.$el.querySelectorAll("input[type=hidden]")).map(this.parseBooleanStringsFromInputField).reduce((function(e,t){return e[t.name]=t.value,e}),{})},parseBooleanStringsFromInputField:function(e){var t=e.value;return"true"===t?t=!0:"false"===t&&(t=!1),{name:e.name,value:t}},isUndefined:function(e){return void 0===e},updateFieldData:function(e){this.form[e.field]=e.value||"",Array.isArray(e.errors)?this.formIsInvalid=e.errors.length>0:this.formIsInvalid=null!==e.errors,this.manageErrorStatus(e.field,e.errors),this.checkConditionalFields()},manageErrorStatus:function(e,t){var a=this.errorFields.indexOf(e);-1!==a?(!t||t.length<1)&&this.errorFields.splice(a,1):t&&t.length>0&&this.errorFields.push(e)},showOptionalText:function(e){return!(!this.isUndefined(e.validation)&&!this.isUndefined(e.validation.required))},needsLabel:function(e){return"radio"!==e.element&&"submit"!==e.element&&"checkbox"!==e.element},preSubmit:function(e){var t=this;e.preventDefault(),this.isTest||this.onRecaptchaVerify(),this.triggerValidate=!0;var a=this.formData.fields.filter((function(e){return e.validation&&e.validation.required}));0===a.length?this.formIsInvalid=!1:a.forEach((function(e){if(!/\S/.test(t.form[e.name])){var a=!0;e.name in t.conditionalFields&&!t.conditionalFields[e.name]&&(a=!1),t.formIsInvalid=a}})),this.showErrorMessage=this.formIsInvalid,Object.entries(this.conditionalFields).forEach((function(e){var a=(0,i.A)(e,2),n=a[0];a[1]||(t.form[n]="")})),this.errorFields.length>0&&(this.formIsInvalid=!0),!this.formIsInvalid&&this.recaptchaVerified?this.isMarketo?this.marketoSubmit():this.axiosSubmit():(this.showErrorMessage=!0,this.reAlertErrors=!0,setTimeout((function(){t.reAlertErrors=!1}),100))},marketoSubmit:function(){var e=this;this.createDataLayerObject("formsDataEvent");var t=window.MktoForms2.allForms()[0];t.addHiddenFields(this.form),window.grecaptcha&&t.addHiddenFields({lastReCAPTCHAUserFingerprint:window.grecaptcha.getResponse(),lastRecaptchaEnabledFormID:this.formId}),t.onSuccess((function(){return e.submitting=!1,e.submitted=!0,e.attachEmail(),!1})),t.onSubmit((function(){e.submitting=!0})),t.submit()},axiosSubmit:function(){var e=this;this.createDataLayerObject("formsDataEvent"),this.submitting=!0;var t="";window.grecaptcha&&(t=window.grecaptcha.getResponse());var a=this.getHiddenFields();o.A.post(this.submitUrl,y(y(y({},this.form),a),{},{formType:this.formData.content?this.formData.content.formType:"","g-recaptcha-response":t})).then((function(){return e.submitting=!1,e.submitted=!0,e.attachEmail(),!1})).catch((function(){}))},attachEmail:function(){var e=this;this.formData.fields.forEach((function(t){"email"!==t.type||e.emailFieldName||(e.emailFieldName=t.name)})),this.emailFieldName&&"undefined"!=typeof exponea&&exponea.identify({email_id:this.form[this.emailFieldName]},{},(function(){}),(function(){}),!0)},onRecaptchaVerify:function(){window.grecaptcha&&"function"==typeof window.grecaptcha.getResponse&&""!==window.grecaptcha.getResponse()?this.recaptchaVerified=!0:this.recaptchaVerified=!1},checkConditionalFields:function(){var e=this;Object.keys(this.conditionalFields).forEach((function(t){var a=e.formData.fields.find((function(e){return e.name===t})),n=!0;Object.keys(a.conditional).forEach((function(i){var r=a.conditional[i];Array.isArray(r)?-1===r.indexOf(e.form[i])&&(n=!1):e.form[i]!==r&&(n=!1),n?e.conditionalFields[t]||(e.conditionalFields[t]=!0,e.$refs[t]&&e.$refs[t][0].manualValidate()):(e.manageErrorStatus(t,[]),e.conditionalFields[t]=!1)}))}))},conditionalElementClass:function(e){return!0===this.conditionalFields[e]||void 0===this.conditionalFields[e]?"":"d-none"}}}},96928:function(e,t,a){"use strict";a.d(t,{X:function(){return g}});var n=a(20641),i=a(53751),r=a(90033),s={class:"vs-form","data-test":"vs-form"},o={class:"vs-form__main-heading vs-heading vs-heading--heading-l float-none","data-test":"vs-form__main-heading"},l={key:0},d={"aria-live":"assertive"},u={key:0},f=["innerHTML"],c={key:2};function g(e,t,a,g,m,h){var p=(0,n.g2)("VsInput"),v=(0,n.g2)("VsSelect"),b=(0,n.g2)("VsCheckbox"),y=(0,n.g2)("VsTextarea"),D=(0,n.g2)("BFormGroup"),F=(0,n.g2)("VsRecaptcha"),k=(0,n.g2)("VsButton"),E=(0,n.g2)("VsWarning"),S=(0,n.g2)("VsHeading");return(0,n.uX)(),(0,n.CE)("div",s,[t[1]||(t[1]=(0,n.Lk)("form",{class:"d-none"},null,-1)),m.submitted?(0,n.Q3)("",!0):((0,n.uX)(),(0,n.CE)("form",{key:0,onSubmit:t[0]||(t[0]=(0,i.withModifiers)((function(){return h.preSubmit&&h.preSubmit.apply(h,arguments)}),["prevent"]))},[(0,n.Lk)("fieldset",null,[(0,n.Lk)("legend",o,(0,r.toDisplayString)(h.getTranslatedContent("heading")),1),((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(m.formData.fields,(function(e,t){return(0,n.uX)(),(0,n.Wv)(D,{key:e.name,label:h.needsLabel(e)?h.getTranslatedLabel(e.name,t):"","label-for":h.needsLabel(e)?e.name:"",class:(0,r.normalizeClass)(h.conditionalElementClass(e.name))},{default:(0,n.k6)((function(){return[h.isUndefined(e.descriptor)||"checkbox"!==e.element?(0,n.Q3)("",!0):((0,n.uX)(),(0,n.CE)("legend",l,(0,r.toDisplayString)(h.getTranslatedLegend(e.name,t)),1)),(0,n.Lk)("div",{class:(0,r.normalizeClass)(h.conditionalElementClass(e.name))},["input"===e.element?((0,n.uX)(),(0,n.Wv)(p,{key:0,ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,type:e.type,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"hint-text":h.getTranslatedHint(e.name,t),placeholder:e.placeholder||"","re-alert-errors":m.reAlertErrors},null,8,["onStatusUpdate","field-name","type","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","hint-text","placeholder","re-alert-errors"])):(0,n.Q3)("",!0),"select"===e.element?((0,n.uX)(),(0,n.Wv)(v,{key:1,options:h.getTranslatedOptions(e.name,t),ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"country-list-url":a.countryListUrl,countries:e.countries,"hint-text":h.getTranslatedHint(e.name,t),"re-alert-errors":m.reAlertErrors},null,8,["options","onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","country-list-url","countries","hint-text","re-alert-errors"])):(0,n.Q3)("",!0),"checkbox"===e.element?((0,n.uX)(),(0,n.Wv)(b,{key:e.name,ref_for:!0,ref:e.name,name:e.name,value:e.value,label:h.getTranslatedLabel(e.name,t),onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"optional-text":h.getMessagingData("optional",a.language),"hint-text":h.getTranslatedHint(e.name,t),"info-text":h.getTranslatedInfo(e.name,t),"re-alert-errors":m.reAlertErrors},null,8,["name","value","label","onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","optional-text","hint-text","info-text","re-alert-errors"])):(0,n.Q3)("",!0),"textarea"===e.element?((0,n.uX)(),(0,n.Wv)(y,{key:3,ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"hint-text":h.getTranslatedHint(e.name,t),placeholder:e.placeholder||"","re-alert-errors":m.reAlertErrors,rows:e.rows||null},null,8,["onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","hint-text","placeholder","re-alert-errors","rows"])):(0,n.Q3)("",!0)],2)]})),_:2},1032,["label","label-for","class"])})),128))]),(0,n.RG)(e.$slots,"hidden-fields"),(0,n.bF)(F,{onVerified:h.onRecaptchaVerify,"site-key":a.recaptchaKey,invalid:!m.recaptchaVerified&&m.showErrorMessage,language:a.language,"error-msg":h.getMessagingData("recaptchaError",a.language),class:"mt-300","textarea-label":a.recaptchaTextareaLabel,"re-alert-errors":m.reAlertErrors},null,8,["onVerified","site-key","invalid","language","error-msg","textarea-label","re-alert-errors"]),(0,n.bF)(k,{variant:"primary",type:"submit",class:"vs-form__submit mt-300",onClick:h.preSubmit},{default:(0,n.k6)((function(){return[(0,n.eW)((0,r.toDisplayString)(h.getTranslatedContent("submit")),1)]})),_:1},8,["onClick"])],32)),(0,n.bF)(E,{class:"vs-form__no-js"},{default:(0,n.k6)((function(){return[(0,n.RG)(e.$slots,"no-js")]})),_:3}),(0,n.Lk)("div",d,[m.submitting?((0,n.uX)(),(0,n.CE)("p",u,[(0,n.RG)(e.$slots,"submitting")])):(0,n.Q3)("",!0),m.submitted?((0,n.uX)(),(0,n.CE)(n.FK,{key:1},[h.getTranslatedContent("successHeading")?((0,n.uX)(),(0,n.Wv)(S,{key:0,level:"2","heading-style":"heading-l"},{default:(0,n.k6)((function(){return[(0,n.eW)((0,r.toDisplayString)(h.getTranslatedContent("successHeading")),1)]})),_:1})):(0,n.Q3)("",!0),(0,n.Lk)("p",{class:"vs-form__content",innerHTML:h.getTranslatedContent("successContent")},null,8,f)],64)):(0,n.Q3)("",!0),m.submitError?((0,n.uX)(),(0,n.CE)("p",c,[(0,n.RG)(e.$slots,"submit-error")])):(0,n.Q3)("",!0)])])}},69370:function(e,t,a){"use strict";var n=a(85072),i=a.n(n),r=a(97825),s=a.n(r),o=a(77659),l=a.n(o),d=a(55056),u=a.n(d),f=a(10540),c=a.n(f),g=a(41113),m=a.n(g),h=a(62308),p=a.n(h),v={};v.styleTagTransform=m(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=c(),i()(p(),v),p()&&p().locals&&p().locals},19464:function(e,t,a){"use strict";a.r(t);var n=a(53456),i=a(18668);a(50678);const r=(0,a(66262).A)(i.A,[["render",n.X]]);t.default=r},18668:function(e,t,a){"use strict";a.d(t,{A:function(){return n.A}});var n=a(97272)},53456:function(e,t,a){"use strict";a.d(t,{X:function(){return n.X}});var n=a(96928)},50678:function(e,t,a){"use strict";a(69370)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,7800,3453,281,7536,7171,9394,6422,8745,8836,3838,9122,4282,2142,1688,1696,6358,8258],(function(){return e(e.s=19464)})),e.O()}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsForm=t():e.VsForm=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1736],{62308:function(){},97272:function(e,t,a){"use strict";var n=a(64467),i=a(3453),r=a(89394),s=a(34352),o=a(57536),l=a(88620),d=a(22142),u=a(51688),f=a(26358),c=a(88258),g=a(48836),m=a(13838),h=a(79122),p=a(11696),v=a(98745);function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?b(Object(a),!0).forEach((function(t){(0,n.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}t.A={name:"VsForm",status:"prototype",release:"0.0.1",components:{VsInput:d.default,VsSelect:u.default,VsCheckbox:f.default,BFormGroup:s.a3,VsRecaptcha:c.default,VsButton:g.default,VsHeading:m.default,VsWarning:h.default,VsTextarea:p.default},mixins:[v.default],props:{isMarketo:{type:Boolean,default:!0},submitUrl:{type:String,default:""},dataUrl:{type:String,required:!0},recaptchaKey:{type:String,default:(0,l.A)("RECAPTCHA_TOKEN")},recaptchaTextareaLabel:{type:String,default:"Does not need any text"},isProd:{type:Boolean,default:!1},munchkinId:{type:String,default:""},marketoInstance:{type:String,default:""},language:{type:String,default:"en"},messagingUrl:{type:String,required:!0},countryListUrl:{type:String,default:""},isTest:{type:Boolean,default:!0}},data:function(){return{submitted:!1,submitting:!1,submitError:!1,formData:{},messagingData:{},form:{},formIsInvalid:!1,showErrorMessage:!1,errorFields:[],triggerValidate:!1,recaptchaVerified:!1,conditionalFields:{},inputVal:"",reAlertErrors:!1,emailFieldName:""}},computed:{formId:function(){return this.isProd?this.formData.formLiveId:this.formData.formSandboxId},showFormHeading:function(){return!this.isUndefined(this.getTranslatedContent)&&!this.isUndefined(this.getTranslatedContent("heading"))}},created:function(){this.getFormData(),this.getGlobalMessaging()},methods:{getFormData:function(){var e=this;o.A.get(this.dataUrl).then((function(t){e.formData=t.data,e.isMarketo&&window.MktoForms2&&window.MktoForms2.loadForm(e.marketoInstance,e.munchkinId,e.formId),t.data.fields.forEach((function(t){e.form[t.name]="",t.conditional&&(e.conditionalFields[t.name]=!1)})),e.checkConditionalFields()})).catch((function(){}))},getGlobalMessaging:function(){var e=this;o.A.get(this.messagingUrl).then((function(t){e.messagingData=t.data})).catch((function(){}))},getLanguageObj:function(){return this.isUndefined(this.formData[this.language])?{}:this.formData[this.language]||void 0},getTranslatedLabel:function(e,t){var a=this.getLanguageObj(),n="";return n="en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].label)?this.formData.fields[t].label:a[e].label,this.showOptionalText(this.formData.fields[t])&&!this.isUndefined(this.getMessagingData("optional",this.language))&&(n="".concat(n," (").concat(this.getMessagingData("optional",this.language),")")),n},getTranslatedLegend:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].descriptor)?this.formData.fields[t].descriptor:a[e].descriptor},getTranslatedInfo:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].info)?this.formData.fields[t].info:a[e].info},getTranslatedValidation:function(e,t){var a,n=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.fields[t].validationMessages)?this.isUndefined(n[e])||this.isUndefined(n[e].validationMessages)?"en"===this.language&&(a=this.formData.fields[t].validationMessages):a=n[e].validationMessages:a=this.formData.fields[t].validationMessages,a},getTranslatedOptions:function(e,t){var a=this.getLanguageObj(),n=[];return void 0===(n="en"===this.language||this.isUndefined(a[e])||this.isUndefined([e].options)?this.formData.fields[t].options:a[e].options)&&(n=[]),n},getTranslatedHint:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].hint)?this.isUndefined(this.formData.fields[t].hint)?"":this.formData.fields[t].hint:a[e].hint},getTranslatedContent:function(e){var t=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.content)||this.isUndefined(this.formData.content[e])?this.isUndefined(t.content)||this.isUndefined(t.content[e])?this.getMessagingData(e,this.language):t.content[e]:this.formData.content[e]},getMessagingData:function(e,t){return Object.keys(this.messagingData).length>0?this.messagingData[t][e]:"validation"===e?{}:""},getHiddenFields:function(){return(0,r.A)(this.$el.querySelectorAll("input[type=hidden]")).map(this.parseBooleanStringsFromInputField).reduce((function(e,t){return e[t.name]=t.value,e}),{})},parseBooleanStringsFromInputField:function(e){var t=e.value;return"true"===t?t=!0:"false"===t&&(t=!1),{name:e.name,value:t}},isUndefined:function(e){return void 0===e},updateFieldData:function(e){this.form[e.field]=e.value||"",Array.isArray(e.errors)?this.formIsInvalid=e.errors.length>0:this.formIsInvalid=null!==e.errors,this.manageErrorStatus(e.field,e.errors),this.checkConditionalFields()},manageErrorStatus:function(e,t){var a=this.errorFields.indexOf(e);-1!==a?(!t||t.length<1)&&this.errorFields.splice(a,1):t&&t.length>0&&this.errorFields.push(e)},showOptionalText:function(e){return!(!this.isUndefined(e.validation)&&!this.isUndefined(e.validation.required))},needsLabel:function(e){return"radio"!==e.element&&"submit"!==e.element&&"checkbox"!==e.element},preSubmit:function(e){var t=this;e.preventDefault(),this.isTest||this.onRecaptchaVerify(),this.triggerValidate=!0;var a=this.formData.fields.filter((function(e){return e.validation&&e.validation.required}));0===a.length?this.formIsInvalid=!1:a.forEach((function(e){if(!/\S/.test(t.form[e.name])){var a=!0;e.name in t.conditionalFields&&!t.conditionalFields[e.name]&&(a=!1),t.formIsInvalid=a}})),this.showErrorMessage=this.formIsInvalid,Object.entries(this.conditionalFields).forEach((function(e){var a=(0,i.A)(e,2),n=a[0];a[1]||(t.form[n]="")})),this.errorFields.length>0&&(this.formIsInvalid=!0),!this.formIsInvalid&&this.recaptchaVerified?this.isMarketo?this.marketoSubmit():this.axiosSubmit():(this.showErrorMessage=!0,this.reAlertErrors=!0,setTimeout((function(){t.reAlertErrors=!1}),100))},marketoSubmit:function(){var e=this;this.createDataLayerObject("formsDataEvent");var t=window.MktoForms2.allForms()[0];t.addHiddenFields(this.form),window.grecaptcha&&t.addHiddenFields({lastReCAPTCHAUserFingerprint:window.grecaptcha.getResponse(),lastRecaptchaEnabledFormID:this.formId}),t.onSuccess((function(){return e.submitting=!1,e.submitted=!0,e.attachEmail(),!1})),t.onSubmit((function(){e.submitting=!0})),t.submit()},axiosSubmit:function(){var e=this;this.createDataLayerObject("formsDataEvent"),this.submitting=!0;var t="";window.grecaptcha&&(t=window.grecaptcha.getResponse());var a=this.getHiddenFields();o.A.post(this.submitUrl,y(y(y({},this.form),a),{},{formType:this.formData.content?this.formData.content.formType:"","g-recaptcha-response":t})).then((function(){return e.submitting=!1,e.submitted=!0,e.attachEmail(),!1})).catch((function(){}))},attachEmail:function(){var e=this;this.formData.fields.forEach((function(t){"email"!==t.type||e.emailFieldName||(e.emailFieldName=t.name)})),this.emailFieldName&&"undefined"!=typeof exponea&&exponea.identify({email_id:this.form[this.emailFieldName]},{},(function(){}),(function(){}),!0)},onRecaptchaVerify:function(){window.grecaptcha&&"function"==typeof window.grecaptcha.getResponse&&""!==window.grecaptcha.getResponse()?this.recaptchaVerified=!0:this.recaptchaVerified=!1},checkConditionalFields:function(){var e=this;Object.keys(this.conditionalFields).forEach((function(t){var a=e.formData.fields.find((function(e){return e.name===t})),n=!0;Object.keys(a.conditional).forEach((function(i){var r=a.conditional[i];Array.isArray(r)?-1===r.indexOf(e.form[i])&&(n=!1):e.form[i]!==r&&(n=!1),n?e.conditionalFields[t]||(e.conditionalFields[t]=!0,e.$refs[t]&&e.$refs[t][0].manualValidate()):(e.manageErrorStatus(t,[]),e.conditionalFields[t]=!1)}))}))},conditionalElementClass:function(e){return!0===this.conditionalFields[e]||void 0===this.conditionalFields[e]?"":"d-none"}}}},96928:function(e,t,a){"use strict";a.d(t,{X:function(){return g}});var n=a(20641),i=a(53751),r=a(90033),s={class:"vs-form","data-test":"vs-form"},o={class:"vs-form__main-heading vs-heading vs-heading--heading-l float-none","data-test":"vs-form__main-heading"},l={key:0},d={"aria-live":"assertive"},u={key:0},f=["innerHTML"],c={key:2};function g(e,t,a,g,m,h){var p=(0,n.g2)("VsInput"),v=(0,n.g2)("VsSelect"),b=(0,n.g2)("VsCheckbox"),y=(0,n.g2)("VsTextarea"),D=(0,n.g2)("BFormGroup"),F=(0,n.g2)("VsRecaptcha"),k=(0,n.g2)("VsButton"),E=(0,n.g2)("VsWarning"),S=(0,n.g2)("VsHeading");return(0,n.uX)(),(0,n.CE)("div",s,[t[1]||(t[1]=(0,n.Lk)("form",{class:"d-none"},null,-1)),m.submitted?(0,n.Q3)("",!0):((0,n.uX)(),(0,n.CE)("form",{key:0,onSubmit:t[0]||(t[0]=(0,i.withModifiers)((function(){return h.preSubmit&&h.preSubmit.apply(h,arguments)}),["prevent"]))},[(0,n.Lk)("fieldset",null,[(0,n.Lk)("legend",o,(0,r.toDisplayString)(h.getTranslatedContent("heading")),1),((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(m.formData.fields,(function(e,t){return(0,n.uX)(),(0,n.Wv)(D,{key:e.name,label:h.needsLabel(e)?h.getTranslatedLabel(e.name,t):"","label-for":h.needsLabel(e)?e.name:"",class:(0,r.normalizeClass)(h.conditionalElementClass(e.name))},{default:(0,n.k6)((function(){return[h.isUndefined(e.descriptor)||"checkbox"!==e.element?(0,n.Q3)("",!0):((0,n.uX)(),(0,n.CE)("legend",l,(0,r.toDisplayString)(h.getTranslatedLegend(e.name,t)),1)),(0,n.Lk)("div",{class:(0,r.normalizeClass)(h.conditionalElementClass(e.name))},["input"===e.element?((0,n.uX)(),(0,n.Wv)(p,{key:0,ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,type:e.type,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"hint-text":h.getTranslatedHint(e.name,t),placeholder:e.placeholder||"","re-alert-errors":m.reAlertErrors},null,8,["onStatusUpdate","field-name","type","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","hint-text","placeholder","re-alert-errors"])):(0,n.Q3)("",!0),"select"===e.element?((0,n.uX)(),(0,n.Wv)(v,{key:1,options:h.getTranslatedOptions(e.name,t),ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"country-list-url":a.countryListUrl,countries:e.countries,"hint-text":h.getTranslatedHint(e.name,t),"re-alert-errors":m.reAlertErrors},null,8,["options","onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","country-list-url","countries","hint-text","re-alert-errors"])):(0,n.Q3)("",!0),"checkbox"===e.element?((0,n.uX)(),(0,n.Wv)(b,{key:e.name,ref_for:!0,ref:e.name,name:e.name,value:e.value,label:h.getTranslatedLabel(e.name,t),onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"optional-text":h.getMessagingData("optional",a.language),"hint-text":h.getTranslatedHint(e.name,t),"info-text":h.getTranslatedInfo(e.name,t),"re-alert-errors":m.reAlertErrors},null,8,["name","value","label","onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","optional-text","hint-text","info-text","re-alert-errors"])):(0,n.Q3)("",!0),"textarea"===e.element?((0,n.uX)(),(0,n.Wv)(y,{key:3,ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"hint-text":h.getTranslatedHint(e.name,t),placeholder:e.placeholder||"","re-alert-errors":m.reAlertErrors,rows:e.rows||null},null,8,["onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","hint-text","placeholder","re-alert-errors","rows"])):(0,n.Q3)("",!0)],2)]})),_:2},1032,["label","label-for","class"])})),128))]),(0,n.RG)(e.$slots,"hidden-fields"),(0,n.bF)(F,{onVerified:h.onRecaptchaVerify,"site-key":a.recaptchaKey,invalid:!m.recaptchaVerified&&m.showErrorMessage,language:a.language,"error-msg":h.getMessagingData("recaptchaError",a.language),class:"mt-300","textarea-label":a.recaptchaTextareaLabel,"re-alert-errors":m.reAlertErrors},null,8,["onVerified","site-key","invalid","language","error-msg","textarea-label","re-alert-errors"]),(0,n.bF)(k,{variant:"primary",type:"submit",class:"vs-form__submit mt-300",onClick:h.preSubmit},{default:(0,n.k6)((function(){return[(0,n.eW)((0,r.toDisplayString)(h.getTranslatedContent("submit")),1)]})),_:1},8,["onClick"])],32)),(0,n.bF)(E,{class:"vs-form__no-js"},{default:(0,n.k6)((function(){return[(0,n.RG)(e.$slots,"no-js")]})),_:3}),(0,n.Lk)("div",d,[m.submitting?((0,n.uX)(),(0,n.CE)("p",u,[(0,n.RG)(e.$slots,"submitting")])):(0,n.Q3)("",!0),m.submitted?((0,n.uX)(),(0,n.CE)(n.FK,{key:1},[h.getTranslatedContent("successHeading")?((0,n.uX)(),(0,n.Wv)(S,{key:0,level:"2","heading-style":"heading-l"},{default:(0,n.k6)((function(){return[(0,n.eW)((0,r.toDisplayString)(h.getTranslatedContent("successHeading")),1)]})),_:1})):(0,n.Q3)("",!0),(0,n.Lk)("p",{class:"vs-form__content",innerHTML:h.getTranslatedContent("successContent")},null,8,f)],64)):(0,n.Q3)("",!0),m.submitError?((0,n.uX)(),(0,n.CE)("p",c,[(0,n.RG)(e.$slots,"submit-error")])):(0,n.Q3)("",!0)])])}},69370:function(e,t,a){"use strict";var n=a(85072),i=a.n(n),r=a(97825),s=a.n(r),o=a(77659),l=a.n(o),d=a(55056),u=a.n(d),f=a(10540),c=a.n(f),g=a(41113),m=a.n(g),h=a(62308),p=a.n(h),v={};v.styleTagTransform=m(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=c(),i()(p(),v),p()&&p().locals&&p().locals},19464:function(e,t,a){"use strict";a.r(t);var n=a(53456),i=a(18668);a(50678);const r=(0,a(66262).A)(i.A,[["render",n.X]]);t.default=r},18668:function(e,t,a){"use strict";a.d(t,{A:function(){return n.A}});var n=a(97272)},53456:function(e,t,a){"use strict";a.d(t,{X:function(){return n.X}});var n=a(96928)},50678:function(e,t,a){"use strict";a(69370)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,7800,3453,281,7536,9394,7171,6422,8745,8836,3838,9122,4282,2142,1688,1696,6358,8258],(function(){return e(e.s=19464)})),e.O()}])}));

package/dist/client/scripts/986cefb939b3ab5e1003.js

@@ -0,0 +1 @@
+!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VsVsPagination=e():n.VsVsPagination=e()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[5863],{8200:function(){},20398:function(n,e,t){"use strict";var a=t(89394),i=t(20641),r=t(90033),u=t(50953),s=t(48836),l={"aria-label":"Pagination",class:"vs-pagination","data-test":"vs-pagination"},o={"aria-live":"polite",class:"vs-pagination__count"},c={class:"vs-pagination__controls"},f={class:"vs-pagination__prev"},p={class:"vs-pagination__list"},v={key:0},g={class:"vs-pagination__next"};e.A={__name:"VsPagination",props:{nextButtonLabel:{type:String,required:!0},numberOfPages:{type:Number,required:!0},pageLabel:{type:String,required:!0},ofLabel:{type:String,required:!0},previousButtonLabel:{type:String,required:!0}},emits:["page-click"],setup:function(n,e){var t=e.emit,b=n,d=t,m=(0,u.KR)(1),_=(0,i.EW)((function(){return"".concat(b.pageLabel," ").concat(m.value," ").concat(b.ofLabel," ").concat(b.numberOfPages)})),k=function(n){return{"vs-pagination__item":!0,"vs-pagination__item--active":m.value===n,"vs-pagination__item--ellipses":"ellipses"===n}},y=(0,i.EW)((function(){if(b.numberOfPages<=7)return Array.from({length:b.numberOfPages},(function(n,e){return e+1}));var n=[],e=Math.floor(3.5);if(m.value<=e){for(var t=1;t<6;t++)n=[].concat((0,a.A)(n),[t]);n=[].concat((0,a.A)(n),["ellipses",b.numberOfPages])}else if(m.value>b.numberOfPages-e){n=[1,"ellipses"];for(var i=b.numberOfPages-7+2,r=1;r<6;r++)n=[].concat((0,a.A)(n),[i+r])}else{var u=m.value-e+1;n=[1,"ellipses"];for(var s=1;s<4;s++)n=[].concat((0,a.A)(n),[u+s]);n=[].concat((0,a.A)(n),["ellipses",b.numberOfPages])}return n})),P=function(n,e){m.value!==e&&(d("page-click",e),m.value=e)};return(0,i.wB)((function(){return b.numberOfPages}),(function(){m.value=1})),function(n,e){return(0,i.uX)(),(0,i.CE)("nav",l,[(0,i.Lk)("div",o,[(0,i.Lk)("p",null,(0,r.toDisplayString)(_.value),1)]),(0,i.Lk)("div",c,[(0,i.Lk)("div",f,[(0,i.bF)(s.default,{disabled:1===m.value,icon:"internal-link-back",size:"sm",variant:"transparent",onClick:e[0]||(e[0]=function(n){return P(0,m.value-1)})},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(b.previousButtonLabel),1)]})),_:1},8,["disabled"])]),(0,i.Lk)("ul",p,[((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(y.value,(function(n,e){return(0,i.uX)(),(0,i.CE)("li",{class:(0,r.normalizeClass)(k(n)),key:e},["ellipses"===n?((0,i.uX)(),(0,i.CE)("span",v,"⋯")):((0,i.uX)(),(0,i.Wv)(s.default,{key:1,"aria-current":m.value===n?"page":null,"aria-label":"Page ".concat(n),size:"sm",onClick:function(e){return P(0,n)}},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(n),1)]})),_:2},1032,["aria-current","aria-label","onClick"]))],2)})),128))]),(0,i.Lk)("div",g,[(0,i.bF)(s.default,{disabled:m.value===b.numberOfPages,icon:"internal-link","icon-position":"right",size:"sm",variant:"transparent",onClick:e[1]||(e[1]=function(n){return P(0,m.value+1)})},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(b.nextButtonLabel),1)]})),_:1},8,["disabled"])])])])}}}},12438:function(n,e,t){"use strict";var a=t(85072),i=t.n(a),r=t(97825),u=t.n(r),s=t(77659),l=t.n(s),o=t(55056),c=t.n(o),f=t(10540),p=t.n(f),v=t(41113),g=t.n(v),b=t(8200),d=t.n(b),m={};m.styleTagTransform=g(),m.setAttributes=c(),m.insert=l().bind(null,"head"),m.domAPI=u(),m.insertStyleElement=p(),i()(d(),m),d()&&d().locals&&d().locals},53337:function(n,e,t){"use strict";t.r(e);var a=t(40197);t(99922);const i=a.A;e.default=i},40197:function(n,e,t){"use strict";t.d(e,{A:function(){return a.A}});var a=t(20398)},99922:function(n,e,t){"use strict";t(12438)}},function(n){return n.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,7800,9394,6422,8745,8836],(function(){return n(n.s=53337)})),n.O()}])}));