vue3-fullpage
Version:
<a href="https://southcoastweb.co.uk" target="_blank" alt="Link to southcoastweb's website"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://southcoastweb.co.uk/app/logo-dark.svg"> <source media="(prefers-color-schem
2 lines (1 loc) • 10.6 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");function ae(e){return n.getCurrentScope()?(n.onScopeDispose(e),!0):!1}function U(e){return typeof e=="function"?e():n.unref(e)}const re=typeof window<"u",ne=e=>e!=null,x=()=>{};function y(e){var t;const u=U(e);return(t=u==null?void 0:u.$el)!=null?t:u}const oe=re?window:void 0;function ie(){const e=n.ref(!1);return n.getCurrentInstance()&&n.onMounted(()=>{e.value=!0}),e}function se(e){const t=ie();return n.computed(()=>(t.value,!!e()))}function fe(e,t,u={}){const{root:r,rootMargin:a="0px",threshold:i=.1,window:f=oe,immediate:c=!0}=u,o=se(()=>f&&"IntersectionObserver"in f),s=n.computed(()=>{const g=U(e);return(Array.isArray(g)?g:[g]).map(y).filter(ne)});let l=x;const d=n.ref(c),te=o.value?n.watch(()=>[s.value,y(r),d.value],([g,ue])=>{if(l(),!d.value||!g.length)return;const O=new IntersectionObserver(t,{root:y(ue),rootMargin:a,threshold:i});g.forEach($=>$&&O.observe($)),l=()=>{O.disconnect(),l=x}},{immediate:c,flush:"post"}):x,h=()=>{l(),te(),d.value=!1};return ae(h),{isSupported:o,isActive:d,pause(){l(),d.value=!1},resume(){d.value=!0},stop:h}}const le=n.defineComponent({emit:["update:active"],props:{active:{type:Number,default:null},id:{type:String,required:!0},index:{type:Number,required:!0},updateHistory:{type:Boolean,default:!1}},setup(e,{slots:t,emit:u}){const r=n.ref(null),a=n.ref(!1);return fe(r,([{isIntersecting:i}])=>{a.value=i,i&&(u("update:active",e.index),e.updateHistory&&window.history.replaceState({},"",`#${e.id}`))}),()=>n.h(t.default()[0],{id:e.id,ref:r,class:{"is-active":a.value}})}});var ce=typeof global=="object"&&global&&global.Object===Object&&global;const de=ce;var ge=typeof self=="object"&&self&&self.Object===Object&&self,ve=de||ge||Function("return this")();const pe=ve;var be=pe.Symbol;const p=be;var I=Object.prototype,xe=I.hasOwnProperty,ye=I.toString,b=p?p.toStringTag:void 0;function me(e){var t=xe.call(e,b),u=e[b];try{e[b]=void 0;var r=!0}catch{}var a=ye.call(e);return r&&(t?e[b]=u:delete e[b]),a}var Se=Object.prototype,Ce=Se.toString;function he(e){return Ce.call(e)}var Oe="[object Null]",$e="[object Undefined]",A=p?p.toStringTag:void 0;function Ae(e){return e==null?e===void 0?$e:Oe:A&&A in Object(e)?me(e):he(e)}function Re(e){return e!=null&&typeof e=="object"}var je="[object Symbol]";function we(e){return typeof e=="symbol"||Re(e)&&Ae(e)==je}function Te(e,t){for(var u=-1,r=e==null?0:e.length,a=Array(r);++u<r;)a[u]=t(e[u],u,e);return a}var Ne=Array.isArray;const Me=Ne;var Ue=1/0,R=p?p.prototype:void 0,j=R?R.toString:void 0;function k(e){if(typeof e=="string")return e;if(Me(e))return Te(e,k)+"";if(we(e))return j?j.call(e):"";var t=e+"";return t=="0"&&1/e==-Ue?"-0":t}function C(e){return e==null?"":k(e)}function Ie(e,t,u){var r=-1,a=e.length;t<0&&(t=-t>a?0:a+t),u=u>a?a:u,u<0&&(u+=a),a=t>u?0:u-t>>>0,t>>>=0;for(var i=Array(a);++r<a;)i[r]=e[r+t];return i}function ke(e,t,u){var r=e.length;return u=u===void 0?r:u,!t&&u>=r?e:Ie(e,t,u)}var ze="\\ud800-\\udfff",Ee="\\u0300-\\u036f",_e="\\ufe20-\\ufe2f",Le="\\u20d0-\\u20ff",De=Ee+_e+Le,He="\\ufe0e\\ufe0f",Pe="\\u200d",Ze=RegExp("["+Pe+ze+De+He+"]");function z(e){return Ze.test(e)}function Ve(e){return e.split("")}var E="\\ud800-\\udfff",We="\\u0300-\\u036f",Ge="\\ufe20-\\ufe2f",qe="\\u20d0-\\u20ff",Be=We+Ge+qe,Fe="\\ufe0e\\ufe0f",Je="["+E+"]",m="["+Be+"]",S="\\ud83c[\\udffb-\\udfff]",Ke="(?:"+m+"|"+S+")",_="[^"+E+"]",L="(?:\\ud83c[\\udde6-\\uddff]){2}",D="[\\ud800-\\udbff][\\udc00-\\udfff]",Ye="\\u200d",H=Ke+"?",P="["+Fe+"]?",Qe="(?:"+Ye+"(?:"+[_,L,D].join("|")+")"+P+H+")*",Xe=P+H+Qe,et="(?:"+[_+m+"?",m,L,D,Je].join("|")+")",tt=RegExp(S+"(?="+S+")|"+et+Xe,"g");function ut(e){return e.match(tt)||[]}function at(e){return z(e)?ut(e):Ve(e)}function rt(e){return function(t){t=C(t);var u=z(t)?at(t):void 0,r=u?u[0]:t.charAt(0),a=u?ke(u,1).join(""):t.slice(1);return r[e]()+a}}var nt=rt("toUpperCase");const ot=nt;function it(e,t,u,r){var a=-1,i=e==null?0:e.length;for(r&&i&&(u=e[++a]);++a<i;)u=t(u,e[a],a,e);return u}function st(e){return function(t){return e==null?void 0:e[t]}}var ft={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",IJ:"IJ",ij:"ij",Œ:"Oe",œ:"oe",ʼn:"'n",ſ:"s"},lt=st(ft);const ct=lt;var dt=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,gt="\\u0300-\\u036f",vt="\\ufe20-\\ufe2f",pt="\\u20d0-\\u20ff",bt=gt+vt+pt,xt="["+bt+"]",yt=RegExp(xt,"g");function mt(e){return e=C(e),e&&e.replace(dt,ct).replace(yt,"")}var St=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;function Ct(e){return e.match(St)||[]}var ht=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;function Ot(e){return ht.test(e)}var Z="\\ud800-\\udfff",$t="\\u0300-\\u036f",At="\\ufe20-\\ufe2f",Rt="\\u20d0-\\u20ff",jt=$t+At+Rt,V="\\u2700-\\u27bf",W="a-z\\xdf-\\xf6\\xf8-\\xff",wt="\\xac\\xb1\\xd7\\xf7",Tt="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",Nt="\\u2000-\\u206f",Mt=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",G="A-Z\\xc0-\\xd6\\xd8-\\xde",Ut="\\ufe0e\\ufe0f",q=wt+Tt+Nt+Mt,B="['’]",w="["+q+"]",It="["+jt+"]",F="\\d+",kt="["+V+"]",J="["+W+"]",K="[^"+Z+q+F+V+W+G+"]",zt="\\ud83c[\\udffb-\\udfff]",Et="(?:"+It+"|"+zt+")",_t="[^"+Z+"]",Y="(?:\\ud83c[\\udde6-\\uddff]){2}",Q="[\\ud800-\\udbff][\\udc00-\\udfff]",v="["+G+"]",Lt="\\u200d",T="(?:"+J+"|"+K+")",Dt="(?:"+v+"|"+K+")",N="(?:"+B+"(?:d|ll|m|re|s|t|ve))?",M="(?:"+B+"(?:D|LL|M|RE|S|T|VE))?",X=Et+"?",ee="["+Ut+"]?",Ht="(?:"+Lt+"(?:"+[_t,Y,Q].join("|")+")"+ee+X+")*",Pt="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Zt="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",Vt=ee+X+Ht,Wt="(?:"+[kt,Y,Q].join("|")+")"+Vt,Gt=RegExp([v+"?"+J+"+"+N+"(?="+[w,v,"$"].join("|")+")",Dt+"+"+M+"(?="+[w,v+T,"$"].join("|")+")",v+"?"+T+"+"+N,v+"+"+M,Zt,Pt,F,Wt].join("|"),"g");function qt(e){return e.match(Gt)||[]}function Bt(e,t,u){return e=C(e),t=u?void 0:t,t===void 0?Ot(e)?qt(e):Ct(e):e.match(t)||[]}var Ft="['’]",Jt=RegExp(Ft,"g");function Kt(e){return function(t){return it(Bt(mt(t).replace(Jt,"")),e,"")}}var Yt=Kt(function(e,t,u){return e+(u?" ":"")+ot(t)});const Qt=Yt,Xt=n.defineComponent({props:{active:{type:Number,required:!0},dotClass:{type:String,default:""},dotInnerClass:{type:String,default:""},pages:{type:Number,default:0},pageKeys:{type:Array,required:!0},disableClasses:{type:Boolean,default:!1}},emit:["update:active"],setup(e,{emit:t}){const u=n.computed(()=>Array.from(Array(e.pages)).map((r,a)=>n.h("a",{"aria-label":"Go to "+Qt(e.pageKeys[a]),class:[e.dotClass,{"vue3-fullpage__navigation-dot":!e.disableClasses,"is-active":e.active===a}],onClick:()=>t("update:active",a)},[n.h("div",{class:[{"vue3-fullpage__navigation-dot-inner":!e.disableClasses},e.dotInnerClass]})])));return()=>n.h("div",{class:{"vue3-fullpage__navigation":!e.disableClasses}},u.value)}}),eu=(e,t,{active:u})=>{const r=e(),a=[];return{pages:r.map((f,c)=>{var s;const o=((s=f==null?void 0:f.props)==null?void 0:s.id)??`${t.prefix}${c+1}`;return a.push(o),n.h(le,{id:o,class:[!t.disableClasses&&"vue3-fullpage__page",t.pageClass],key:o,index:c,active:u.value,updateHistory:t.updateHistory,"onUpdate:active":l=>u.value=l},{default:()=>f})}),keys:a}},tu=n.defineComponent({props:{disableClasses:{type:Boolean,default:!1},navigationSize:{type:[String,Number],default:"1rem"},navigationGap:{type:String,default:"0.5rem"},navigationColour:{type:String,default:"currentColor"},navigationOpacityOuter:{type:[Number,String],default:.2},navigationOpacityOuterHover:{type:[Number,String],default:.3},navigationOpacityOuterActive:{type:[Number,String],default:.4},activeColour:{type:String,default:"crimson"},updateHistory:{type:Boolean,default:!1},prefix:{type:String,default:"page-"},hideNavigation:{type:Boolean,default:!1},tag:{type:String,default:"div"},pageClass:{type:String,default:""},navigationClass:{type:String,default:""},navigationDotClass:{type:String,default:""},navigationDotInnerClass:{type:String,default:""},modelValue:{type:Number,default:0}},emits:["update:modelValue","page-enter","page-leave"],setup(e,{slots:t,emit:u}){const r=n.ref(e.modelValue?e.modelValue-1:0),{pages:a,keys:i}=eu(t.default,e,{active:r});n.watch(()=>e.modelValue,o=>r.value=o?o-1:0),n.watch(r,(o,s)=>{u("update:modelValue",o+1),(s||s===0)&&u("page-leave",s+1),u("page-enter",o+1)});const f=o=>{r.value=o;const s=a[o].key;document.querySelector(`#${s}`).scrollIntoView({behavior:"smooth"})},c=n.computed(()=>typeof e.navigationSize=="number"||/\D/.test(e.navigationSize)===!1?`${e.navigationSize}px`:e.navigationSize);return()=>n.h(e.tag,{class:[!e.disableClasses&&"vue3-fullpage__wrapper"],style:{"--v3fp-total-pages":a.length,"--v3fp-active-page":r.value+1,"--v3fp-navigation-gap":e.navigationGap,"--v3fp-navigation-colour":e.navigationColour,"--v3fp-navigation-size":c.value,"--v3fp-navigation-colour--active":e.activeColour,"--v3fp-navigation-opacity--outer":e.navigationOpacityOuter,"--v3fp-navigation-opacity--outer__hover":e.navigationOpacityOuterHover,"--v3fp-navigation-opacity--outer__active":e.navigationOpacityOuterActive}},[...a,!e.hideNavigation&&n.h(Xt,{class:e.navigationClass,dotClass:e.navigationDotClass,dotInnerClass:e.navigationDotInnerClass,disableClasses:e.disableClasses,pages:a.length,pageKeys:i,active:r.value,"onUpdate:active":f})])}});exports.Vue3Fullpage=tu;