https://mhfaengland.org/assets/js/ResourceListing.D8coEQX_.js

1import{m as n}from"./scripts.MRbQwgCU.js";import{F as u}from"./index.browser.esm.DB_ReqMA.js";import{n as a,S as o}from"./SpriteIcon.BsEpKQfR.js";import{r as p}from"./utils.Jb4WwBo4.js";import{L as c}from"./LoadingSpinner.DDSSVxMD.js";import{L as g,r as f}from"./reduce.BROm4V2E.js";import{P as m}from"./Pagination.BS5KlBJr.js";const h={name:"FilterDropdown",model:{prop:"open",event:"update"},props:{store:{type:String,default:"resources"},open:{type:Boolean},showCount:{type:Boolean,default:!1},label:{type:String,required:!0},facets:{type:Array,default:()=>[]},filterIndex:{type:Number,default:0}},data(){return{isOpen:this.open}},watch:{open(s){this.isOpen=s},isOpen(s){typeof window>"u"||(this.$emit("update",s),this.$emit(s?"open":"close"),this.$refs.label.focus())}},created(){const{id:s}=this.$attrs;this.id=s||`${p(8)}`},methods:{toggleFilterValue(s,e,t,r){this.$store.dispatch(`${this.store}/toggleFilterValue`,{filterIndex:s,subFilterIndex:e,itemId:t,checked:r.target.checked})},collapse(s){s.style.height=0},expand(s){s.style.overflow="hidden",s.style.height=`${s.scrollHeight}px`,s.scrollHeight},resetHeight(s){s.style.overflow="visible",s.style.height=""}}};var x=function(){var e=this,t=e._self._c;return t("div",{class:["accordion bg-white",{"is-open":e.isOpen}]},[t("div",[t("button",e._g({ref:"label",class:["bg-white relative z-0 flex items-center ring-4 ring-transparent focus:ring-focus p-4 m-0 w-full text-left border-2 border-text-secondary outline-none",{"is-open":e.isOpen}],attrs:{id:`${e.id}-label`,type:"button","aria-controls":`${e.id}-content`,"aria-expanded":String(e.isOpen)},on:{click:function(r){e.isOpen=!e.isOpen}}},e.$listeners),[t("span",{staticClass:"block text-4 font-bold leading-tight"},[e._v(e._s(e.label))]),t("svg",{class:["ml-auto flex-shrink-0 transform cursor-pointer",e.isOpen?"-rotate-90":"rotate-90"],attrs:{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"}},[t("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 1.4L1.4 0L7.4 6L1.4 12L0 10.6L4.6 6L0 1.4Z",fill:"currentColor"}})])])]),t("transition",{on:{"before-enter":e.collapse,enter:e.expand,"after-enter":e.resetHeight,"before-leave":e.expand,leave:e.collapse}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],staticClass:"border-2 border-t-0 border-text-secondary p-4 space-y-4",attrs:{id:`${e.id}-content`,"aria-labelledby":`${e.id}-label`,"aria-hidden":!e.isOpen,role:"region"}},e._l(e.facets,function(r,i){return t("div",{key:i},[t("label",{staticClass:"checkbox-wrapper flex mb-0"},[t("input",{staticClass:"small",attrs:{type:"checkbox"},domProps:{checked:r.Selected},on:{click:function(l){return e.toggleFilterValue(e.filterIndex,i,r.Id,l)}}}),t("strong",{staticClass:"text-3 font-normal flex justify-between w-full"},[t("span",{},[e._v(e._s(r.Label))]),e.showCount?t("span",{staticClass:"ml-2 flex-shrink-0"},[e._v("("+e._s(r.Count)+")")]):e._e()])])])}),0)])],1)},v=[],b=a(h,x,v);const _=b.exports,C={name:"Filters",components:{FocusTrap:u,SpriteIcon:o,FilterDropdown:_,LoadingSpinner:c},emits:["toggleVisibility"],props:{store:{type:String,required:!0},isOpen:{type:Boolean,default:!1},filterText:{type:String,default:null},filterViewText:{type:String,default:null},filterCloseText:{type:String,default:null},filterClearText:{type:String,default:null},filterApplyText:{type:String,default:null},showSpacer:{type:Boolean,default:!0},smallTitle:{type:Boolean,default:!1}},data(){return{toggleFilters:this.isOpen}},computed:n({filters(s){return s[this.store].filters},Categories(s){return s[this.store].Categories},listingReLoading(s){return s[this.store].listingReLoading}}),methods:{clearAllFilters(){this.$store.dispatch(`${this.store}/clearAllFilters`),this.$store.dispatch(`${this.store}/fetchItems`,{replaceUrl:!0,reLoading:!0})},applyFilters(){this.$store.dispatch(`${this.store}/fetchItems`,{replaceUrl:!0,reLoading:!0})},handleClick(){this.$emit("close-filters")}}};var w=function(){var e=this,t=e._self._c;return t("focus-trap",{attrs:{"initial-focus":()=>e.$refs.closeBtn},model:{value:e.isOpen,callback:function(r){e.isOpen=r},expression:"isOpen"}},[t("div",{class:["bg-white p-4 pb-28 overflow-y-scroll fixed inset-0 z-90 lg:relative lg:z-0 lg:p-0 lg:bg-transparent lg:!block lg:overflow-visible",e.isOpen?"":"hidden"],attrs:{id:"filters-box"}},[t("div",{staticClass:"flex justify-end mb-4 lg:hidden"},[t("button",{ref:"closeBtn",staticClass:"group outline-none flex items-center",attrs:{type:"button"},on:{click:e.handleClick}},[t("strong",[e._v(e._s(e.filterCloseText))]),t("span",{staticClass:"inline-flex items-center justify-center rounded-full border-2 border-gray-medium bg-gray-medium h-12 w-12 flex-shrink-0 ring-4 ring-transparent group-focus-visible:bg-white group-focus-visible:ring-focus group-focus-visible:border-bottle-green group-hover:bg-white group-hover:border-bottle-green ml-3 group-active:ring-focus group-active:border-bottle-green",attrs:{"aria-hidden":"true"}},[t("SpriteIcon",{attrs:{icon:"cross",classList:"h-3.5 w-3.5"}})],1)])]),t("h3",{class:["font-bold mb-2",e.smallTitle?"text-5":"text-7"]},[e._v(e._s(e.filterText))]),e._l(e.filters,function(r,i){return t("div",{key:i},[t("div",[t("FilterDropdown",{staticClass:"mt-6",attrs:{showCount:!0,label:r.Label,facets:r.Children,filterIndex:i}})],1)])}),e.showSpacer?t("hr",{staticClass:"my-6 h-px w-full block border-text-light"}):e._e(),t("div",{class:["space-y-6",e.showSpacer?"":"pt-6"]},[t("button",{staticClass:"btn btn-wide",on:{click:e.applyFilters}},[e.listingReLoading?t("span",{staticClass:"flex"},[t("strong",{staticClass:"inline-flex mr-1"},[e._v("Loading")]),t("LoadingSpinner",{attrs:{color:"#ffffff"}})],1):t("span",[e._v(e._s(e.filterApplyText))])]),t("button",{staticClass:"btn btn-outline btn-dark btn-wide bg-transparent",attrs:{disabled:!e.Categories.length},on:{click:e.clearAllFilters}},[t("span",[e._v(e._s(e.filterClearText))])])])],2)])},y=[],$=a(C,w,y);const S=$.exports,L={name:"SortBy",props:{store:{type:String,required:!0},label:{type:String,default:"Filter"},name:{type:String,default:"Filter"},onChange:{type:Boolean,default:!0}},computed:{...n({options(s){return s[this.store][`${this.name}Options`]}}),Selected:{set:function(s){this.$store.commit(`${this.store}/set${this.name}`,s),this.onChange&&this.$store.dispatch(`${this.store}/fetchItems`,{replaceUrl:!0,reLoading:!0})},get(){return this.$store.state[this.store][this.name]}}},methods:{getKey(s){return s.Key||s},getValue(s){return s.Value||s}}};var T=function(){var e=this,t=e._self._c;return t("div",{staticClass:"flex items-center lg:space-x-4"},[t("label",{staticClass:"text-4 sr-only flex-shrink-0 font-bold lg:not-sr-only"},[e._v(e._s(e.label))]),t("select",{directives:[{name:"model",rawName:"v-model",value:e.Selected,expression:"Selected"}],staticClass:"lg:w-[180px] lg:flex-shrink-0",on:{change:function(r){var i=Array.prototype.filter.call(r.target.options,function(l){return l.selected}).map(function(l){var d="_value"in l?l._value:l.value;return d});e.Selected=r.target.multiple?i:i[0]}}},e._l(e.options,function(r,i){return t("option",{key:i,domProps:{value:e.getKey(r),selected:e.Selected==e.getKey(r)}},[e._v(" "+e._s(e.getValue(r))+" ")])}),0)])},R=[],k=a(L,T,R);const I=k.exports,O={name:"ResourceCard",components:{SpriteIcon:o,LazyPicture:g},props:{store:{type:String,default:"resources"},item:{type:Object,default:()=>{}},viewResourceLabel:{type:String,default:"View resource"},downloadResourceLabel:{type:String,default:"Download"},unlockResourceLabel:{type:String,default:"Unlock resource"},newLabel:{type:String,default:"New"}},computed:{...n({allowGatedContent(s){return s[this.store].allowGatedContent}})}};var F=function(){var e=this,t=e._self._c;return t("div",{staticClass:"resource-card relative bg-white rounded-tl-[32px] overflow-hidden flex flex-col lg:flex-row w-full"},[e.item.IsNew?t("span",{staticClass:"absolute top-0 right-0 bg-yellow text-bottle-green text-4 leading-tight flex items-center justify-center px-2.5 tracking-px uppercase h-8 whitespace-nowrap z-10"},[t("strong",{staticClass:"font-bold pt-px"}

1,[e._v(e._s(e.newLabel))])]):e._e(),e.item.ListingImage?t("div",{staticClass:"lg:w-[310px] lg:flex-shrink-0"},[t("LazyPicture",{attrs:{picture:e.item.ListingImage,zoom:!0,classList:"aspect-5/4 md:aspect-5/2 lg:aspect-1/1 flex-shrink-0"}})],1):e._e(),t("div",{staticClass:"p-6 lg:p-8 lg:flex"},[t("div",{staticClass:"lg:h-full lg:flex lg:flex-col"},[t("div",{staticClass:"mb-4"},[t("h3",{staticClass:"text-5 md:text-6 lg:text-8 font-bold"},[e._v(e._s(e.item.Title))])]),t("div",{staticClass:"flex flex-col sm:flex-row gap-4 mb-4"},[e.item.ResourceAudience?t("div",{staticClass:"flex items-center"},[e.item.ResourceAudienceIcon?t("SpriteIcon",{attrs:{icon:e.item.ResourceAudienceIcon,classList:"h-5 w-5 mr-1.5 flex-shrink-0"}}):e._e(),t("span",{staticClass:"text-3"},[e._v(e._s(e.item.ResourceAudience))])],1):e._e(),t("div",{staticClass:"flex items-center"},[e.item.ResourceTypeIcon?t("SpriteIcon",{attrs:{icon:e.item.ResourceTypeIcon,classList:"h-5 w-5 mr-1.5 flex-shrink-0"}}):e._e(),t("span",{staticClass:"text-3"},[e._v(e._s(e.item.ResourceType))])],1)]),t("div",{staticClass:"mb-4 sm:mb-6"},[e.item.ListingTeaserText?t("div",{staticClass:"wysiwyg wysiwyg-base wysiwyg-p:text-3"},[e._v(" "+e._s(e.item.ListingTeaserText)+" ")]):e._e(),e.item.ListingDirectDownload?t("small",{staticClass:"text-1"},[e._v("(Open in Adobe Acrobat Reader to edit.)")]):e._e()]),e.allowGatedContent==="false"&&e.item.IsGatedResource?t("div",{staticClass:"lg:flex lg:mt-auto"},[t("div",{staticClass:"flex flex-col sm:flex-row sm:items-center w-full"},[t("a",{staticClass:"btn btn-link inline-flex justify-start relative mr-auto sm:mr-0",attrs:{href:e.item.Url}},[t("strong",{staticClass:"group-focus:border-bottle-green"},[t("span",[e._v(e._s(e.unlockResourceLabel))]),t("SpriteIcon",{attrs:{icon:"unlocked",classList:"h-4 w-4 ml-3"}})],1)])])]):t("div",{staticClass:"lg:flex lg:mt-auto"},[e.item.ListingDirectDownload?t("div",{staticClass:"flex flex-col sm:flex-row sm:items-center w-full"},[t("a",{staticClass:"btn btn-link inline-flex justify-start relative mr-auto sm:mr-0",attrs:{href:e.item.Url}},[t("strong",{staticClass:"group-focus:border-bottle-green"},[t("span",[e._v(e._s(e.viewResourceLabel))])])]),t("span",{staticClass:"inline-block text-text-secondary text-4 pt-3 pb-0.5 sm:py-0 sm:px-4 relative -top-1"},[e._v("or")]),t("a",{staticClass:"btn btn-link inline-flex justify-start relative mr-auto sm:mr-0",attrs:{download:"",href:e.item.ListingDirectDownload}},[t("strong",{staticClass:"group-focus:border-bottle-green"},[t("span",[e._v(e._s(e.downloadResourceLabel))]),t("SpriteIcon",{attrs:{icon:"download",classList:"h-4 w-4 ml-3"}})],1)])]):t("div",{staticClass:"flex flex-col sm:flex-row sm:items-center w-full"},[t("a",{staticClass:"btn btn-link inline-flex justify-start relative mr-auto sm:mr-0",attrs:{href:e.item.Url}},[t("strong",{staticClass:"group-focus:border-bottle-green"},[t("span",[e._v(e._s(e.viewResourceLabel))])])])])])])])])},P=[],A=a(O,F,P);const V=A.exports,D={name:"CardsLoading",props:{count:{type:Number}}};var B=function(){var e=this,t=e._self._c;return t("div",{staticClass:"space-y-12 lg:space-y-8"},e._l(e.count,function(r,i){return t("div",{key:i,staticClass:"resource-card relative bg-white rounded-tl-[32px] overflow-hidden flex flex-col lg:flex-row w-full",attrs:{"aria-hidden":"true"}},[t("div",{staticClass:"lg:w-[310px] lg:flex-shrink-0 bg-silver animation-shine",attrs:{"data-count":r}},[t("div",{staticClass:"block aspect-5/4 md:aspect-5/2 lg:aspect-1/1 flex-shrink-0"})]),e._m(0,!0)])}),0)},N=[function(){var s=this,e=s._self._c;return e("div",{staticClass:"p-6 lg:p-8 lg:flex"},[e("div",{staticClass:"lg:h-full lg:flex lg:flex-col"},[e("div",{staticClass:"mb-4"},[e("div",{staticClass:"text-5 md:text-6 lg:text-8 font-bold bg-silver animation-shine animation-delay-500"},[s._v(" ")])]),e("div",{staticClass:"flex flex-col sm:flex-row gap-4 mb-4"},[e("div",{staticClass:"flex items-center"},[e("span",{staticClass:"text-3 bg-silver animation-shine w-28"},[s._v(" ")])]),e("div",{staticClass:"flex items-center"},[e("span",{staticClass:"text-3 bg-silver animation-shine w-28"},[s._v(" ")])])]),e("div",{staticClass:"mb-4 sm:mb-6"},[e("div",{staticClass:"text-base bg-silver animation-shine mb-1.5"},[s._v(" ")]),e("div",{staticClass:"text-base bg-silver animation-shine w-1/2"},[s._v(" ")])]),e("div",{staticClass:"flex flex-col sm:flex-row sm:items-center lg:mt-auto"},[e("div",{staticClass:"inline-flex mr-auto sm:mr-0 h-8 w-28 text-base bg-silver animation-shine mb-4 md:mb-0"}),e("div",{staticClass:"h-8 w-8 text-base bg-silver animation-shine mx-3 hidden md:inline-flex"}),e("div",{staticClass:"inline-flex mr-auto sm:mr-0 h-8 w-28 text-base bg-silver animation-shine"})])])])}],U=a(D,B,N);const j=U.exports,z={name:"ResourceListing",components:{Filters:S,SortBy:I,SpriteIcon:o,ResourceCard:V,CardsLoading:j,LoadingSpinner:c,Pagination:m},emits:["toggleVisibility"],props:{store:{type:String,default:"resources"},parentId:{type:String,default:null},resourcePageId:{type:String,default:null},url:{type:String},urlSortOrder:{type:String},allowGatedContent:{type:String},startPage:{type:Number,default:1},showingText:{type:String,default:"Showing"},typeText:{type:String,default:"resources"},filterText:{type:String,default:"filterText"},filterViewText:{type:String,default:"filterViewText"},filterCloseText:{type:String,default:"Close"},filterClearText:{type:String,default:"filterClearText"},filterApplyText:{type:String,default:"filterApplyText"},noResultsTitle:{type:String,default:"No results found"},noResultsText:{type:String,default:"We couldn't find any resources that match your search. Please try again."},errorText:{type:String,default:"There was an error loading the resources. Please try again."},viewResourceLabel:{type:String,default:"View resource"},downloadResourceLabel:{type:String,default:"Download"},unlockResourceLabel:{type:String,default:"Unlock resource"},newLabel:{type:String,default:"New"},defaultSortOrder:{type:String,default:"Relevance"}},data(){return{toggleFilters:!1}},computed:{...n({setSortOrder(s){return s[this.store].defaultSortOrder},items(s){return s[this.store].items},itemsRemaining(s){return s[this.store].itemsRemaining},itemsTotal(s){return s[this.store].itemsTotal},Page(s){return s[this.store].CurrentPage},Tag(s){return s[this.store].Tag},currentPage(s){return s[this.store].theCurrentPage},pageCount(s){return s[this.store].pageCount},listingLoading(s){return s[this.store].listingLoading},listingReLoading(s){return s[this.store].listingReLoading},perPageCount(s){return s[this.store].perPageCount}}),urlData(){return this.$store.getters[`${this.store}/urlData`]},showingXofYText(){let s=null;this.currentPage===1?s=1:s=(this.currentPage-1)*this.perPageCount+1;let e=null;this.itemsRemaining>0?e=this.perPageCount*this.currentPage:e=this.itemsTotal;let t=`${s} - ${e}`;return`${this.showingText} ${t} of ${this.itemsTotal} ${this.typeText}`}},created(){this.$store.dispatch(`${this.store}/fetchSortOrderOptions`),this.$store.commit(`${this.store}/setParentId`,Number(this.parentId)),this.$store.commit(`${this.store}/setPageId`,Number(this.resourcePageId)),this.$store.commit(`${this.store}/setItemsEndpoint`,this.url),this.$store.commit(`${this.store}

1/setSortOrderEndpoint`,this.urlSortOrder),this.$store.commit(`${this.store}/setSortOrder`,this.defaultSortOrder),this.$store.commit(`${this.store}/setInitialPage`,this.startPage),this.$store.commit(`${this.store}/setCurrentPage`,this.startPage),this.$store.commit(`${this.store}/setAllowGatedContent`,this.allowGatedContent),this.applyRouterData(),this.bindEvents(),this.$store.dispatch(`${this.store}/fetchItems`,{replaceUrl:!0,reLoading:!1})},methods:{bindEvents(){},loadMore(s){this.$store.commit(`${this.store}/setCurrentPage`,s),this.$store.dispatch(`${this.store}/fetchItems`,{replaceUrl:!0,reLoading:!0}),this.scrollToTop()},closeFilters(){this.toggleFilters=!1},scrollToTop(){var s=this.$el,e=document.getElementById("header"),t=s.offsetTop,r=e.offsetHeight,i=t-r;window.scrollTo(0,i)},applyRouterData(){const s=JSON.parse(JSON.stringify(this.$router.currentRoute.query));f(this.urlData,(t,r,i)=>typeof s[i]<"u"?t:t.concat(i),[]).forEach(t=>{t==="CategoryIds"?s[t]=[]:t==="SortOrder"?s[t]=this.defaultSortOrder:s[t]=""});for(let t in s){const r=`${this.store}/set${t}`;try{this.$store.commit(`${this.store}/set${t}`,s[t])}catch{console.warn("Mutation does not exist",r)}}}}};var E=function(){var e=this,t=e._self._c;return t("section",{staticClass:"resource-listing"},[!e.listingLoading&&e.items?t("div",{staticClass:"container lg:grid lg:grid-cols-12 lg:gap-x-8 xl:gap-x-0 pt-8 lg:pt-12 pb-0 lg:pb-28"},[t("div",{staticClass:"lg:col-span-3 xl:col-span-3 lg:pt-3"},[t("Filters",{attrs:{store:e.store,filterText:e.filterText,filterViewText:e.filterViewText,filterCloseText:e.filterCloseText,filterClearText:e.filterClearText,filterApplyText:e.filterApplyText,isOpen:e.toggleFilters},on:{"close-filters":e.closeFilters}})],1),t("div",{staticClass:"lg:col-span-9 xl:col-span-8 xl:col-start-5 space-y-6"},[t("div",{staticClass:"grid grid-cols-2 lg:flex items-center justify-between"},[t("div",{staticClass:"text-4 font-bold",attrs:{"aria-live":"polite","aria-relevant":"all"}},[e.items.length?t("span",[e._v(e._s(e.showingXofYText))]):t("span",[e._v("0 results found")])]),t("div",{staticClass:"border-t border-silver fixed z-100 bg-white shadow-negative-small p-4 space-x-4 left-0 right-0 bottom-0 grid grid-cols-2 lg:border-t-0 lg:relative lg:flex lg:items-center lg:bg-transparent lg:p-0 lg:space-x-0 lg:z-0 lg:shadow-none"},[t("button",{staticClass:"btn btn-dark lg:hidden",attrs:{role:"button","aria-haspopup":"true","aria-controls":"filters-box","aria-expanded":String(e.toggleFilters)},on:{click:function(r){e.toggleFilters=!e.toggleFilters}}},[t("span",[e._v(e._s(e.toggleFilters?e.filterCloseText:e.filterViewText))]),t("SpriteIcon",{attrs:{icon:"filter",classList:"h-5 w-5 ml-3 !text-white"}})],1),t("SortBy",{staticClass:"lg:flex-shrink-0",attrs:{store:"resources",name:"SortOrder",label:"Sort By"}})],1)]),e.items.length?t("div",{staticClass:"space-y-12 lg:space-y-8"},[e.listingReLoading?t("div",{staticClass:"sr-only",attrs:{role:"alert","aria-live":"polite"}},[e._v(" Loading new results based on your search criteria. ")]):e._e(),e.listingReLoading?t("div",[t("CardsLoading",{attrs:{count:e.items.length}})],1):e._l(e.items,function(r){return t("div",{key:r.Id},[t("ResourceCard",{attrs:{item:r,viewResourceLabel:e.viewResourceLabel,downloadResourceLabel:e.downloadResourceLabel,unlockResourceLabel:e.unlockResourceLabel,newLabel:e.newLabel}})],1)})],2):t("div",[t("div",{staticClass:"text-center bg-white p-8"},[t("SpriteIcon",{attrs:{icon:"information",classList:"h-16 w-16 mb-2 text-nature-green mx-auto"}}),t("p",{staticClass:"text-6 lg:text-8 font-bold mb-2"},[e._v(e._s(e.noResultsTitle))]),t("p",{staticClass:"text-4"},[e._v(e._s(e.noResultsText))])],1)]),e.items.length>0?t("div",{staticClass:"pt-16 pb-6"},[t("Pagination",{attrs:{pageCount:e.pageCount,currentPage:e.currentPage,pageRange:2,marginPages:1,clickHandler:e.loadMore}},[t("span",{attrs:{slot:"breakViewContent"},slot:"breakViewContent"},[e._v("…")])])],1):e._e()])]):e.listingLoading?t("div",{staticClass:"container pt-8 lg:pt-12 pb-0 lg:pb-28"},[t("div",{staticClass:"flex justify-center items-center"},[t("LoadingSpinner"),t("span",{staticClass:"inline-block ml-2"},[e._v("Loading...")])],1)]):t("div",{staticClass:"container pt-8 lg:pt-12 pb-0 lg:pb-28"},[e._v(" "+e._s(e.errorText)+" ")])])},G=[],H=a(z,E,G);const W=H.exports;export{W as default};
2//# sourceMappingURL=ResourceListing.D8coEQX_.js.map