https://www.visitsouthbend.com/dist/FeedBuilder-BjjT2qL1.js

1import{aL as a,u as i,v as t,F as p,aX as f,bL as n,by as _,bb as m,au as b,t as u,bw as h,bA as C,bE as v}from"./runtime-dom.esm-bundler-BNNoUkvj.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const g={props:{catData:{type:Array,default(){return[]}},feedUrl:{type:String,default:""},siteName:{type:String,default:""},startLimit:{type:Number,default:5}},data(){return{selectedCatGroupParam:"",cats:[],limit:5,showCopyMessage:!1}},created(){this.cats=this.catData,this.limit=this.startLimit},computed:{selectedCatGroup(){return this.cats.find(s=>s.param===this.selectedCatGroupParam)},totalSelected(){let s=0;return this.cats.forEach(e=>{s+=e.selectedIds.length}),s},frameSrc(){if(!this.selectedCatGroup)return"";const s=this.limit&&this.limit>0&&this.limit<31?this.limit:5;let e=`<iframe src="${this.feedUrl}?limit=${s}`;return this.cats.forEach(r=>{r.selectedIds.length&&(e+=`&${r.param}=${r.selectedIds.join("|")}`)}),e+=`" width="100%" height="500" frameborder="0" style="min-height: 50vh; max-height: 100vh;">${this.siteName} - ${this.selectedCatGroup.name} Feed</iframe>`,e}},methods:{copy(){navigator.clipboard.writeText(this.frameSrc)&&(this.showCopyMessage=!0,setTimeout(()=>{this.showCopyMessage=!1},1e3))},toggleAllInGroup(s){const e=s.selectedIds.length===s.catIds.length;s.selectedIds=e?[]:s.catIds,s.allSelected=!e}},mounted(){this.cats.forEach(s=>{v(s,()=>{this.$nextTick(()=>{s.allSelected=s.selectedIds.length===s.catIds.length})})})},watch:{selectedCatGroupParam(){this.cats.forEach(s=>{s.param!==this.selectedCatGroupParam&&(s.selectedIds=[])})}}},x={class:"feed-builder__inner"},k={class:"feed-builder__step lobotomize--level"},w={class:"form__group lobotomize--level"},I={class:"form__label"},S=["value"],P=["textContent"],E={key:0,class:"text--content"},M={class:"form__group lobotomize--level"},z={class:"form__item form"},G={class:"form__label"},A={class:"form__label"},U=["value"],V=["textContent"],F={key:0,class:"feed-builder__step form__group m--xs-tf2"},L={class:"form__group lobotomize--level"},N={key:1,class:"feed-builder__step m--xs-tf2"},B={class:"form__group lobotomize--level"},D=["textContent"],T=["textContent"];function j(s,e,r,R,d,l){return a(),i("div",x,[t("div",k,[e[7]||(e[7]=t("p",{class:"text--content"},"Please select the feed type:",-1)),t("div",w,[(a(!0),i(p,null,f(d.cats,o=>(a(),i("div",{class:"form__item form",key:o.field+"title"},[t("label",I,[n(t("input",{type:"radio",class:"input-radio",value:o.param,"onUpdate:modelValue":e[0]||(e[0]=c=>d.selectedCatGroupParam=c)},null,8,S),[[_,d.selectedCatGroupParam]]),t("span",{textContent:m(o.name)},null,8,P)])]))),128))]),l.selectedCatGroup?(a(),i("div",{key:0,class:b(["feed-builder__group lobotomize--level",{"m--xs-t1 m--mid-t2":!s.i,"m--xs-t2":s.i}])},[l.selectedCatGroup?(a(),i("p",E,"Please select the categories you would like to include in the feed:")):u("",!0),t("div",M,[t("div",z,[t("label",G,[n(t("input",{type:"checkbox",class:"input-checkbox","onUpdate:modelValue":e[1]||(e[1]=o=>l.selectedCatGroup.allSelected=o),onClick:e[2]||(e[2]=o=>l.toggleAllInGroup(l.selectedCatGroup))},null,512),[[h,l.selectedCatGroup.allSelected]]),e[6]||(e[6]=t("span",null,"All",-1))])]),(a(!0),i(p,null,f(l.selectedCatGroup.cats,o=>(a(),i("div",{class:"form__item",key:o.id},[t("label",A,[n(t("input",{type:"checkbox",class:"input-checkbox",value:o.id,"onUpdate:modelValue":e[3]||(e[3]=c=>l.selectedCatGroup.selectedIds=c)},null,8,U),[[h,l.selectedCatGroup.selectedIds]]),t("span",{textContent:m(o.title)},null,8,V)])]))),128))])],2)):u("",!0)]),l.totalSelected?(a(),i("div",F,[t("div",L,[e[9]||(e[9]=t("p",{class:"text--content"},"Please select the maximum number of feed items (can be 1 to 30):",-1)),t("label",null,[e[8]||(e[8]=t("span",{class:"form__label show-for-sr"},"Max Feed Items",-1)),n(t("input",{type:"number",min:"1",max:"30",step:"1","onUpdate:modelValue":e[4]||(e[4]=o=>d.limit=o)},null,512),[[C,d.limit,void 0,{number:!0}]])])])])):u("",!0),l.totalSelected?(a(),i("div",N,[t("div",B,[e[11]||(e[11]=t("p",{class:"text--content"},"Copy and paste the following code into your website:",-1)),t("label",null,[e[10]||(e[10]=t("span",{class:"show-for-sr"},"Embed Code",-1)),t("textarea",{readonly:"",textContent:m(l.frameSrc),"data-feed-builder-code":""},null,8,D)]),t("button",{type:"button",class:"btn",onClick:e[5]||(e[5]=(...o)=>l.copy&&l.copy(...o)),textContent:m(d.showCopyMessage?"Copied!":"Copy Embed Code")},null,8,T)])])):u("",!0)])}const H=y(g,[["render",j]]);export{H as default};