관리-도구

편집 파일: Tabs.08a4fd23.js

import{r as de,aP as pt,w as H,O as Ne,aZ as xe,i as vt,f as g,y as Fe,n as ae,aX as je,b3 as ht,N as ee,p as mt,g as y,u as bt,aS as yt,a2 as go,F as q,Y as _o,h as $o,o as b,c as w,a as _,m as E,G as O,j as Y,e as fe,X as wt,Q as Ve,k as le,l as N,B as gt,q as He,T as _t,v as I,R as $t,C as D,J as re,t as z,b as C,x as ie,E as _e}from"./runtime-dom.esm-bundler.6789c400.js";import{u as Tt}from"./vue-router.fc4966b9.js";import{u as Ye,b as St,e as Ct}from"./index.5a710757.js";import{_ as Pt,a as Mt}from"./Caret.662da1f3.js";import{C as kt}from"./ProBadge.7733ac87.js";import{S as Et}from"./Information.82968754.js";import{T as Ot}from"./Slide.d0517fb0.js";import"./translations.12335a6a.js";import{_ as At}from"./_plugin-vue_export-helper.249dac1d.js";import{_ as $e}from"./default-i18n.54b5d8cd.js";const Lt=()=>({processSaveChanges:t=>{window.aioseoBus.$emit("saving-changes");const n=Ye();n.loading=!0;let o=!1,r=!1,i="saveChanges";setTimeout(()=>{o=!0,r&&(n.loading=!1)},1500);const l=St();t==="htaccess-editor"&&(i="saveHtaccess",l.htaccessError=null),n.aioseo.data.isNetworkAdmin&&t==="robots-editor"&&(i="saveNetworkRobots"),l[i]().then(c=>{c&&c.body.redirection||(o||t==="htaccess-editor"?n.loading=!1:r=!0,window.aioseoBus.$emit("changes-saved"))})}}),Xe={locks:{},zIndex:2e3,enableRipple:!0};de(Xe);var Ue=de(Xe),Rt=Object.defineProperty,Bt=Object.defineProperties,It=Object.getOwnPropertyDescriptors,Te=Object.getOwnPropertySymbols,zt=Object.prototype.hasOwnProperty,Wt=Object.prototype.propertyIsEnumerable,Se=(e,t,n)=>t in e?Rt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Dt=(e,t)=>{for(var n in t||(t={}))zt.call(t,n)&&Se(e,n,t[n]);if(Te)for(var n of Te(t))Wt.call(t,n)&&Se(e,n,t[n]);return e},Nt=(e,t)=>Bt(e,It(t)),P=e=>typeof e=="string",xt=e=>typeof e=="boolean",pe=e=>typeof e=="number",qe=e=>pe(e)||P(e)&&/^[-+]?\d+$/.test(e),Ft=e=>Object.prototype.toString.call(e)==="[object Object]";var jt=e=>typeof e=="function",Ke=e=>Array.isArray(e);var Vt=e=>e===window,Ht=()=>te()&&"ontouchstart"in window,te=()=>typeof window<"u";var{hasOwnProperty:Lo}=Object.prototype;var Ce=(e,t)=>{if(e.length){const n=e.indexOf(t);if(n>-1)return e.splice(n,1)}};var Yt=(...e)=>e.map(t=>{if(Ke(t)){const[n,o,r=null]=t;return n?o:r}return t}),Xt=()=>typeof globalThis<"u"?globalThis:te()?window:typeof global<"u"?global:self,ce=e=>{const t=Xt();return t.requestAnimationFrame?t.requestAnimationFrame(e):t.setTimeout(e)};var Ut=()=>new Promise(e=>{ce(e)}),Ze=()=>new Promise(e=>{ce(()=>{ce(e)})}),ve=e=>window.getComputedStyle(e),Z=e=>{if(Vt(e)){const t=e.innerWidth,n=e.innerHeight,o={x:0,y:0,top:0,left:0,right:t,bottom:n,width:t,height:n};return Nt(Dt({},o),{toJSON:()=>o})}return e.getBoundingClientRect()};var qt=e=>{const t="scrollTop"in e?e.scrollTop:e.scrollY;return Math.max(t,0)},Kt=e=>{const t="scrollLeft"in e?e.scrollLeft:e.scrollX;return Math.max(t,0)};function x(e,...t){if(Ke(e))return e.map(n=>n(...t));if(e)return e(...t)}var Ge=e=>e==null?0:P(e)?(e=parseFloat(e),e=Number.isNaN(e)?0:e,e):xt(e)?Number(e):e,Zt=(e,t,n)=>Math.min(n,Math.max(t,e));var Gt=e=>Jt(e).replace(e.charAt(0),e.charAt(0).toUpperCase()),Jt=e=>e.replace(/-(\w)/g,(t,n)=>n.toUpperCase());function Qt(e){return t=>{const n=`${e}-${t}`,o=r=>r?r[0]==="$"?r.replace("$",e):r.startsWith("--")?`${n}${r}`:`${n}__${r}`:n;return{name:Gt(n),n:o,classes:Yt}}}var en=Object.defineProperty,G=Object.getOwnPropertySymbols,Je=Object.prototype.hasOwnProperty,Qe=Object.prototype.propertyIsEnumerable,Pe=(e,t,n)=>t in e?en(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,tn=(e,t)=>{for(var n in t||(t={}))Je.call(t,n)&&Pe(e,n,t[n]);if(G)for(var n of G(t))Qe.call(t,n)&&Pe(e,n,t[n]);return e},nn=(e,t)=>{var n={};for(var o in e)Je.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&G)for(var o of G(e))t.indexOf(o)<0&&Qe.call(e,o)&&(n[o]=e[o]);return n};function et(e){let t=!1;Fe(()=>{e(),ae(()=>{t=!0})}),je(()=>{t&&e()})}function ue(e,t,n,o={}){if(!te())return;const{passive:r=!1,capture:i=!1}=o;let l=!1,c=!1;const s=a=>jt(a)?a():bt(a),u=a=>{if(l||c)return;const f=s(a);f&&(f.addEventListener(t,n,{passive:r,capture:i}),l=!0)},d=a=>{if(!l||c)return;const f=s(a);f&&(f.removeEventListener(t,n,{capture:i}),l=!1)};let v;pt(e)&&(v=H(()=>e.value,(a,f)=>{d(f),u(a)}));const h=()=>{v==null||v(),d(e),c=!0};return et(()=>{u(e)}),Ne(()=>{d(e)}),xe(()=>{d(e)}),h}function on(e){let t=!1;xe(()=>{t=!0,e()}),ht(()=>{t||e()})}function rn(e){const t=ee();return e in t.provides}function sn(e){if(!rn(e))return{index:null,parentProvider:null,bindParent:null};const n=vt(e),{childInstances:o,collect:r,clear:i}=n,l=nn(n,["childInstances","collect","clear"]),c=ee();return{index:g(()=>o.indexOf(c)),parentProvider:l,bindParent:d=>{Fe(()=>{ae().then(()=>{r(c,d)})}),Ne(()=>{ae().then(()=>{i(c,d)})})}}}function an(e){const t=[],n=o=>{if(o!=null&&o.component){n(o==null?void 0:o.component.subTree);return}Array.isArray(o==null?void 0:o.children)&&o.children.forEach(r=>{yt(r)&&(t.push(r),n(r))})};return n(e),t}function ln(e){const t=ee(),n=de([]),o=[],r=g(()=>n.length),i=()=>{const u=an(t.subTree);n.sort((d,v)=>u.indexOf(d.vnode)-u.indexOf(v.vnode))},l=(u,d)=>{n.push(u),o.push(d),i()},c=(u,d)=>{Ce(n,u),Ce(o,d)};return{length:r,childProviders:o,bindChildren:u=>{mt(e,tn({childInstances:n,collect:l,clear:c},u))}}}function tt(e){ue(()=>window,"resize",e,{passive:!0}),ue(()=>window,"orientationchange",e,{passive:!0})}var cn=Object.defineProperty,un=Object.defineProperties,dn=Object.getOwnPropertyDescriptors,Me=Object.getOwnPropertySymbols,fn=Object.prototype.hasOwnProperty,pn=Object.prototype.propertyIsEnumerable,ke=(e,t,n)=>t in e?cn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,vn=(e,t)=>{for(var n in t||(t={}))fn.call(t,n)&&ke(e,n,t[n]);if(Me)for(var n of Me(t))pn.call(t,n)&&ke(e,n,t[n]);return e},hn=(e,t)=>un(e,dn(t));function se(e,t){return Array.isArray(t)?t.reduce((n,o)=>(n[o]=e[o],n),{}):e[t]}function he(e,t){const n=t??e;return n.install=function(o){const{name:r}=e;r&&o.component(r,e)},n}function me(e,t){e.setPropsDefaults=function(n){Object.entries(n).forEach(([o,r])=>{const i=t[o];if(i!=null){if(Ft(i)){t[o]=hn(vn({},i),{default:r});return}t[o]={type:i,default:r}}})}}const ne=Qt("var");function j(e){return{type:[Function,Array],default:e}}function mn(e,t){return e===!1?null:(e===!0&&t&&(e=t),`var-elevation--${e}`)}var bn=Object.defineProperty,yn=Object.defineProperties,wn=Object.getOwnPropertyDescriptors,Ee=Object.getOwnPropertySymbols,gn=Object.prototype.hasOwnProperty,_n=Object.prototype.propertyIsEnumerable,Oe=(e,t,n)=>t in e?bn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,nt=(e,t)=>{for(var n in t||(t={}))gn.call(t,n)&&Oe(e,n,t[n]);if(Ee)for(var n of Ee(t))_n.call(t,n)&&Oe(e,n,t[n]);return e},$n=(e,t)=>yn(e,wn(t));const{n:ot}=ne("ripple"),Ae=250;function Tn(e){const{zIndex:t,position:n}=ve(e);e.style.overflow="hidden",e.style.overflowX="hidden",e.style.overflowY="hidden",n==="static"&&(e.style.position="relative"),t==="auto"&&(e.style.zIndex="1")}function Le(e){return"touches"in e}function Sn(e,t){const{top:n,left:o}=Z(e),{clientWidth:r,clientHeight:i}=e,l=Math.sqrt(r**2+i**2)/2,c=l*2,s=Le(t)?t.touches[0].clientX-o:r/2,u=Le(t)?t.touches[0].clientY-n:i/2,d=(r-l*2)/2,v=(i-l*2)/2,h=s-l,a=u-l;return{x:h,y:a,centerX:d,centerY:v,size:c}}function be(e){const t=this._ripple;if(t.removeRipple(),t.disabled||t.tasker||!Ue.enableRipple)return;const n=()=>{t.tasker=null;const{x:o,y:r,centerX:i,centerY:l,size:c}=Sn(this,e),s=document.createElement("div");s.classList.add(ot()),s.style.opacity="0",s.style.transform=`translate(${o}px, ${r}px) scale3d(.3, .3, .3)`,s.style.width=`${c}px`,s.style.height=`${c}px`,t.color&&(s.style.backgroundColor=t.color),s.dataset.createdAt=String(performance.now()),Tn(this),this.appendChild(s),window.setTimeout(()=>{s.style.transform=`translate(${i}px, ${l}px) scale3d(1, 1, 1)`,s.style.opacity=".25"},20)};t.tasker=window.setTimeout(n,30)}function J(){const e=this._ripple,t=()=>{const n=this.querySelectorAll(`.${ot()}`);if(!n.length)return;const o=n[n.length-1],r=Ae-performance.now()+Number(o.dataset.createdAt);window.setTimeout(()=>{o.style.opacity="0",window.setTimeout(()=>{var i;return(i=o.parentNode)==null?void 0:i.removeChild(o)},Ae)},r)};e.tasker?window.setTimeout(t,30):t()}function rt(){if(!Ht()||!Ue.enableRipple)return;const e=this._ripple;e.tasker&&window.clearTimeout(e.tasker),e.tasker=null}let Q=!1;function Cn(e){Q||!(e.key===" "||e.key==="Enter")||(be.call(this,e),Q=!0)}function Re(){Q&&(J.call(this),Q=!1)}function Pn(e,t){var n;e._ripple=$n(nt({tasker:null},(n=t.value)!=null?n:{}),{removeRipple:J.bind(e)}),e.addEventListener("touchstart",be,{passive:!0}),e.addEventListener("touchmove",rt,{passive:!0}),e.addEventListener("dragstart",J,{passive:!0}),e.addEventListener("keydown",Cn),e.addEventListener("keyup",Re),e.addEventListener("blur",Re),document.addEventListener("touchend",e._ripple.removeRipple,{passive:!0}),document.addEventListener("touchcancel",e._ripple.removeRipple,{passive:!0}),document.addEventListener("dragend",e._ripple.removeRipple,{passive:!0})}function Mn(e){e.removeEventListener("touchstart",be),e.removeEventListener("touchmove",rt),e.removeEventListener("dragstart",J),!(!e._ripple||!e._ripple.removeRipple)&&(document.removeEventListener("touchend",e._ripple.removeRipple),document.removeEventListener("touchcancel",e._ripple.removeRipple),document.removeEventListener("dragend",e._ripple.removeRipple))}function kn(e,t){var n,o,r,i,l,c;const s={color:(n=t.value)==null?void 0:n.color,disabled:(o=t.value)==null?void 0:o.disabled};(s.color!==((r=e._ripple)==null?void 0:r.color)||s.disabled!==((i=e._ripple)==null?void 0:i.disabled))&&(e._ripple=nt({tasker:s.disabled?null:(l=e._ripple)==null?void 0:l.tasker,removeRipple:(c=e._ripple)==null?void 0:c.removeRipple},s))}const En={mounted:Pn,unmounted:Mn,updated:kn,install(e){e.directive("ripple",this)}};var On=En;function An(e,t){throw Error(`Varlet [${e}]: ${t}`)}function Ln(e){let t=e;for(;t&&!(!t.parentNode||(t=t.parentNode,t===document.body||t===document.documentElement));){const n=/(scroll|auto)/,{overflowY:o,overflow:r}=ve(t);if(n.test(o)||n.test(r))return t}return window}function Rn(){const{width:e,height:t}=Z(window);return{vw:e,vh:t,vMin:Math.min(e,t),vMax:Math.max(e,t)}}const Bn=e=>P(e)&&e.endsWith("rem"),In=e=>P(e)&&e.endsWith("px")||pe(e),zn=e=>P(e)&&e.endsWith("vw"),Wn=e=>P(e)&&e.endsWith("vh"),Dn=e=>P(e)&&e.endsWith("vmin"),Nn=e=>P(e)&&e.endsWith("vmax"),xn=e=>{if(qe(e))return Number(e);if(In(e))return+e.replace("px","");if(!te())return 0;const{vw:t,vh:n,vMin:o,vMax:r}=Rn();if(zn(e))return+e.replace("vw","")*t/100;if(Wn(e))return+e.replace("vh","")*n/100;if(Dn(e))return+e.replace("vmin","")*o/100;if(Nn(e))return+e.replace("vmax","")*r/100;if(Bn(e)){const i=+e.replace("rem",""),l=ve(document.documentElement).fontSize;return i*parseFloat(l)}return P(e)?Ge(e):0},Fn=e=>{if(e!=null)return qe(e)?`${e}px`:String(e)};function Be(e,{top:t=0,left:n=0,duration:o=300,animation:r}){const i=Date.now(),l=qt(e),c=Kt(e);return new Promise(s=>{const u=()=>{const d=(Date.now()-i)/o;if(d<1){const v=l+(t-l)*r(d),h=c+(n-c)*r(d);e.scrollTo(h,v),requestAnimationFrame(u)}else e.scrollTo(n,t),s()};requestAnimationFrame(u)})}const Ro=["button","input","select","textarea","[tabindex]","[href]"].map(e=>`${e}:not([disabled])`).join(", ");const Ie=e=>e;const V={offsetTop:{type:[String,Number],default:0},zIndex:{type:[String,Number],default:10},cssMode:Boolean,disabled:Boolean,onScroll:j()};var ze=(e,t,n)=>new Promise((o,r)=>{var i=s=>{try{c(n.next(s))}catch(u){r(u)}},l=s=>{try{c(n.throw(s))}catch(u){r(u)}},c=s=>s.done?o(s.value):Promise.resolve(s.value).then(i,l);c((n=n.apply(e,t)).next())});const{name:jn,n:Vn,classes:Hn}=ne("sticky");function Yn(e,t){return b(),w("div",{class:O(e.classes(e.n(),[e.enableCSSMode,e.n("--css-mode")])),ref:"stickyEl",style:Y({zIndex:e.toNumber(e.zIndex),top:e.enableCSSMode?`${e.offsetTop}px`:void 0,width:e.enableFixedMode?e.fixedWidth:void 0,height:e.enableFixedMode?e.fixedHeight:void 0})},[_("div",{class:O(e.n("wrapper")),ref:"wrapperEl",style:Y({zIndex:e.toNumber(e.zIndex),position:e.enableFixedMode?"fixed":void 0,width:e.enableFixedMode?e.fixedWrapperWidth:void 0,height:e.enableFixedMode?e.fixedWrapperHeight:void 0,left:e.enableFixedMode?e.fixedLeft:void 0,top:e.enableFixedMode?e.fixedTop:void 0})},[E(e.$slots,"default")],6)],6)}const it=fe({name:jn,props:V,setup(e){const t=y(null),n=y(null),o=y(!1),r=y("0px"),i=y("0px"),l=y("auto"),c=y("auto"),s=y("auto"),u=y("auto"),d=g(()=>!e.disabled&&e.cssMode),v=g(()=>!e.disabled&&!e.cssMode&&o.value),h=g(()=>xn(e.offsetTop));let a;H(()=>e.disabled,A),et(()=>ze(this,null,function*(){yield Ze(),M(),$()})),on(X),tt(A),ue(()=>window,"scroll",$);function f(){const{cssMode:T,disabled:W}=e;if(W)return;let L=0;if(a&&a!==window){const{top:p}=Z(a);L=p}const R=n.value,B=t.value,{top:oe,left:k}=Z(B),U=oe-L;return U<=h.value?(T||(l.value=`${B.offsetWidth}px`,c.value=`${B.offsetHeight}px`,r.value=`${L+h.value}px`,i.value=`${k}px`,s.value=`${R.offsetWidth}px`,u.value=`${R.offsetHeight}px`,o.value=!0),{offsetTop:h.value,isFixed:!0}):(o.value=!1,{offsetTop:U,isFixed:!1})}function M(){a=Ln(t.value),a!==window&&a.addEventListener("scroll",$)}function $(){const T=f();T&&x(e.onScroll,T.offsetTop,T.isFixed)}function X(){!a||a===window||a.removeEventListener("scroll",$)}function A(){return ze(this,null,function*(){o.value=!1,yield Ut(),f()})}return{stickyEl:t,wrapperEl:n,isFixed:o,offsetTop:h,fixedTop:r,fixedLeft:i,fixedWidth:l,fixedHeight:c,fixedWrapperWidth:s,fixedWrapperHeight:u,enableCSSMode:d,enableFixedMode:v,n:Vn,classes:Hn,resize:A,toNumber:Ge}}});it.render=Yn;var ye=it;he(ye);me(ye,V);var Xn=ye;const st={name:[String,Number],disabled:Boolean,ripple:{type:Boolean,default:!0},onClick:j()},at=Symbol("TABS_BIND_TAB_KEY");function Un(){const{childProviders:e,bindChildren:t,length:n}=ln(at);return{length:n,tabList:e,bindTabList:t}}function qn(){const{parentProvider:e,bindParent:t,index:n}=sn(at);return t||An("Tab","<var-tab/> must in <var-tabs/>"),{index:n,tabs:e,bindTabs:t}}const{name:Kn,n:K,classes:Zn}=ne("tab");function Gn(e,t){const n=wt("ripple");return Ve((b(),w("div",{class:O(e.classes(e.n(),e.n("$--box"),e.computeColorClass(),e.n(`--${e.itemDirection}`))),ref:"tabEl",style:Y({color:e.computeColorStyle()}),onClick:t[0]||(t[0]=(...o)=>e.handleClick&&e.handleClick(...o))},[E(e.$slots,"default")],6)),[[n,{disabled:e.disabled||!e.ripple}]])}const lt=fe({name:Kn,directives:{Ripple:On},props:st,setup(e){const t=y(null),n=g(()=>t.value),o=g(()=>e.name),r=g(()=>e.disabled),{index:i,tabs:l,bindTabs:c}=qn(),{onTabClick:s,active:u,activeColor:d,inactiveColor:v,disabledColor:h,itemDirection:a,resize:f}=l,M={name:o,index:i,disabled:r,element:n};c(M),H(()=>[e.name,e.disabled],f);function $(){return e.name!=null?u.value===e.name:u.value===(i==null?void 0:i.value)}function X(){return e.disabled?h.value:$()?d.value:v.value}function A(){return e.disabled?K("$-tab--disabled"):$()?K("$-tab--active"):K("$-tab--inactive")}function T(W){const{disabled:L,name:R,onClick:B}=e;L||(x(B,R??i.value,W),s(M))}return{tabEl:t,active:u,activeColor:d,inactiveColor:v,itemDirection:a,n:K,classes:Zn,computeColorStyle:X,computeColorClass:A,handleClick:T}}});lt.render=Gn;var we=lt;he(we);me(we,st);var Jn=we;const ct={active:{type:[String,Number],default:0},layoutDirection:{type:String,default:"horizontal"},itemDirection:{type:String,default:"horizontal"},fixedBottom:Boolean,activeColor:String,inactiveColor:String,disabledColor:String,color:String,indicatorColor:String,indicatorSize:[String,Number],elevation:{type:[Boolean,String,Number],default:!1},scrollable:{type:String,default:"auto"},indicatorPosition:{type:String,default:"normal"},safeArea:Boolean,sticky:Boolean,stickyCssMode:se(V,"cssMode"),stickyZIndex:se(V,"zIndex"),offsetTop:se(V,"offsetTop"),onClick:j(),onChange:j(),"onUpdate:active":j()};var We=(e,t,n)=>new Promise((o,r)=>{var i=s=>{try{c(n.next(s))}catch(u){r(u)}},l=s=>{try{c(n.throw(s))}catch(u){r(u)}},c=s=>s.done?o(s.value):Promise.resolve(s.value).then(i,l);c((n=n.apply(e,t)).next())});const{name:Qn,n:eo,classes:to}=ne("tabs");function no(e,t){return b(),le(He(e.sticky?e.n("$-sticky"):e.Transition),{ref:e.sticky?"stickyComponent":void 0,"css-mode":e.sticky?e.stickyCssMode:void 0,"offset-top":e.sticky?e.offsetTop:void 0,"z-index":e.sticky?e.stickyZIndex:void 0},{default:N(()=>[_("div",gt({class:e.classes(e.n(),e.n("$--box"),e.n(`--item-${e.itemDirection}`),e.n(`--layout-${e.layoutDirection}-padding`),e.formatElevation(e.elevation,4),[e.fixedBottom,e.n("--fixed-bottom")],[e.safeArea,e.n("--safe-area")]),style:{background:e.color}},e.$attrs),[_("div",{ref:"scrollerEl",class:O(e.classes(e.n("tab-wrap"),[e.localScrollable,e.n(`--layout-${e.layoutDirection}-scrollable`)],e.n(`--layout-${e.layoutDirection}`)))},[E(e.$slots,"default"),_("div",{class:O(e.classes(e.n("indicator"),e.n(`--layout-${e.layoutDirection}${e.indicatorPosition}-indicator`))),style:Y({width:e.layoutDirection==="horizontal"?e.indicatorWidth:e.toSizeUnit(e.indicatorSize),height:e.layoutDirection==="horizontal"?e.toSizeUnit(e.indicatorSize):e.indicatorHeight,transform:e.layoutDirection==="horizontal"?`translateX(${e.indicatorX})`:`translateY(${e.indicatorY})`})},[_("div",{class:O(e.classes(e.n("indicator-inner"),e.n(`--layout-${e.layoutDirection}-indicator-inner`))),style:Y({background:e.indicatorColor||e.activeColor})},null,6)],6)],2)],16)]),_:3},8,["css-mode","offset-top","z-index"])}const ut=fe({name:Qn,components:{VarSticky:Xn},inheritAttrs:!1,props:ct,setup(e){const t=y("0px"),n=y("0px"),o=y("0px"),r=y("0px"),i=y(!1),l=y(null),c=g(()=>e.active),s=g(()=>e.activeColor),u=g(()=>e.inactiveColor),d=g(()=>e.disabledColor),v=g(()=>e.itemDirection),h=y(null),a=g(()=>e.indicatorPosition==="reverse"?"-reverse":""),{tabList:f,bindTabList:M,length:$}=Un();M({active:c,activeColor:s,inactiveColor:u,disabledColor:d,itemDirection:v,resize:k,onTabClick:A}),H(()=>$.value,()=>We(this,null,function*(){yield Ze(),k()})),H(()=>[e.active,e.scrollable],k),je(k),tt(k);function A(p){var m;const S=(m=p.name.value)!=null?m:p.index.value,{active:F,onChange:dt,onClick:ft}=e;x(e["onUpdate:active"],S),x(ft,S),S!==F&&x(dt,S)}function T(){return f.find(({name:p})=>e.active===p.value)}function W(p){return f.find(({index:m})=>(p??e.active)===m.value)}function L(){if($.value===0)return;const{active:p}=e;if(pe(p)){const m=Zt(p,0,$.value-1);return x(e["onUpdate:active"],m),W(m)}}function R(){i.value=e.scrollable==="always"||f.length>=5}function B({element:p}){const m=p.value;m&&(e.layoutDirection==="horizontal"?(t.value=`${m.offsetWidth}px`,o.value=`${m.offsetLeft}px`):(n.value=`${m.offsetHeight}px`,r.value=`${m.offsetTop}px`))}function oe({element:p}){if(!i.value)return;const m=l.value,S=p.value;if(e.layoutDirection==="horizontal"){const F=S.offsetLeft+S.offsetWidth/2-m.offsetWidth/2;Be(m,{left:F,animation:Ie})}else{const F=S.offsetTop+S.offsetHeight/2-m.offsetHeight/2;Be(m,{top:F,animation:Ie})}}function k(){const p=T()||W()||L();!p||p.disabled.value||(R(),B(p),oe(p))}function U(){return We(this,null,function*(){e.sticky&&h.value&&(yield h.value.resize())})}return{stickyComponent:h,indicatorWidth:t,indicatorHeight:n,indicatorX:o,indicatorY:r,indicatorPosition:a,localScrollable:i,scrollerEl:l,Transition:_t,toSizeUnit:Fn,n:eo,classes:to,resize:k,resizeSticky:U,formatElevation:mn}}});ut.render=no;var ge=ut;he(ge);me(ge,ct);var oo=ge;const De="all-in-one-seo-pack",ro={emits:["changed"],setup(){var o,r;const e=ee();let t={name:""};(r=(o=e==null?void 0:e.root)==null?void 0:o.data)!=null&&r.screenContext||(t=Tt());const{processSaveChanges:n}=Lt();return{postEditorStore:Ct(),processSaveChanges:n,rootStore:Ye(),route:t}},components:{BaseButton:Pt,CoreProBadge:kt,SvgCaret:Mt,SvgCircleInformation:Et,TransitionSlide:Ot,VarTab:Jn,VarTabs:oo},props:{tabs:{type:Array,required:!0},skinnyTabs:Boolean,active:String,showSaveButton:{type:Boolean,default(){return!0}},internal:Boolean,disableMobile:Boolean},data(){return{buttonLoading:!1,showMobileMenu:!0,calculateWidth:!1,showMobileTabs:!1,strings:{saveChanges:$e("Save Changes",De),new:$e("NEW!",De)}}},computed:{activeTab(){var e;return this.active?this.active:this.$route&&this.$route.name?this.$route.name:(e=this.tabs[0])==null?void 0:e.slug},filteredTabs(){return this.tabs.filter(e=>e.slug!==(this.active?this.active:this.$route&&this.$route.name?this.$route.name:""))}},methods:{clickMobileTabs(e){this.$emit("changed",e),this.showMobileTabs=!1},maybeChangeTab(e){if(this.active){this.$emit("changed",e);return}const t=this.tabs.find(n=>n.slug===e);t&&this.$router.push(t.url)},getActiveTabName(){const e=this.tabs.find(t=>t.slug===(this.active?this.active:this.$route&&this.$route.name?this.$route.name:""));return e?e.name:""},maybeShowMobileMenu(){if(window.matchMedia("(max-width: 782px)").matches&&!this.disableMobile){this.showMobileMenu=!0;return}let e=0;this.calculateWidth=!0,this.$nextTick(()=>{e=this.$refs["tabs-scroller"].offsetWidth,this.calculateWidth=!1;let t=0;const n=this.$refs["tabs-button"];if(n){const o=n.querySelector(".aioseo-button");t=o?o.scrollWidth:0}if(e+t>this.$refs["aioseo-tabs"].offsetWidth){this.showMobileMenu=!0;return}this.showMobileMenu=!1})},createRipple(e){const t=e.currentTarget,n=document.createElement("span"),o=Math.max(t.clientWidth,t.clientHeight),r=o/2,i=t.getBoundingClientRect();n.style.width=n.style.height=`${o}px`,n.style.left=`${e.clientX-(i.left+r)}px`,n.style.top=`${e.clientY-(i.top+r)}px`,n.classList.add("ripple");const l=t.getElementsByClassName("ripple")[0];l&&l.remove(),t.appendChild(n)}},beforeMount(){window.addEventListener("resize",this.maybeShowMobileMenu)},async mounted(){this.$nextTick(()=>{this.maybeShowMobileMenu();const e=this.$refs["aioseo-tabs"],t=e.querySelector(".var-tab--active"),n=e.querySelector(".var-tabs__indicator");if(!t||!n)return;setTimeout(()=>{n.style.width==="0px"&&(n.style.width=`${t.offsetWidth}px`,n.style.transform=`translateX(${t.offsetLeft}px)`)},300),new MutationObserver(()=>{n.style.width==="0px"&&(n.style.width=`${t.offsetWidth}px`,n.style.transform=`translateX(${t.offsetLeft}px)`)}).observe(n,{attributes:!0});const r=e.querySelectorAll(".var-tab");r.length&&r.forEach(i=>{i.addEventListener("click",this.createRipple)})})},beforeUnmount(){window.removeEventListener("resize",this.maybeShowMobileMenu)}},io={class:"tabs-scroller",ref:"tabs-scroller"},so={class:"tab-label"},ao={key:0,class:"warning"},lo={key:0,class:"label pro-badge"},co={key:1,class:"label new"},uo={key:0,class:"aioseo-mobile-tabs"},fo=_("span",{class:"tab-indicator"},null,-1),po={class:"tab-links"},vo={key:0,class:"new"},ho=["onClick"],mo={key:1,class:"button-right",ref:"tabs-button"},bo={class:"tabs-extra"};function yo(e,t,n,o,r,i){const l=I("svg-circle-information"),c=I("core-pro-badge"),s=I("var-tab"),u=I("var-tabs"),d=I("svg-caret"),v=I("transition-slide"),h=I("base-button");return b(),w("div",{class:O(["aioseo-tabs",{internal:n.internal,skinny:n.skinnyTabs}]),ref:"aioseo-tabs"},[Ve(_("div",io,[D(u,{active:i.activeTab,onClick:i.maybeChangeTab,ref:"var-tabs"},{default:N(()=>[(b(!0),w(q,null,re(n.tabs,(a,f)=>(b(),le(s,{name:a.slug,key:f},{default:N(()=>[E(e.$slots,"var-tab",{tab:a},()=>[E(e.$slots,"var-tab-icon",{tab:a}),_("span",so,z(a.name),1),E(e.$slots,"after-label",{tab:a}),a.warning&&e.$root.$data.screenContext!=="sidebar"?(b(),w("span",ao,[D(l,{width:"15",height:"15"})])):C("",!0),a.label?(b(),w(q,{key:1},[a.label==="pro"?(b(),w("span",lo,[D(c)])):C("",!0),a.label==="new"?(b(),w("span",co,z(r.strings.new),1)):C("",!0)],64)):C("",!0)])]),_:2},1032,["name"]))),128))]),_:3},8,["active","onClick"])],512),[[$t,!r.showMobileMenu||r.calculateWidth]]),r.showMobileMenu?(b(),w("div",uo,[_("div",{class:"active-tab",onClick:t[1]||(t[1]=a=>r.showMobileTabs=!r.showMobileTabs)},[_("div",null,[ie(z(i.getActiveTabName())+" ",1),D(d,{onClick:t[0]||(t[0]=_e(a=>r.showMobileTabs=!r.showMobileTabs,["stop"])),class:O({rotated:!r.showMobileTabs})},null,8,["class"]),fo])]),D(v,{active:r.showMobileTabs,class:"tab-dropdown"},{default:N(()=>[_("div",po,[n.active?C("",!0):(b(!0),w(q,{key:0},re(i.filteredTabs,(a,f)=>(b(),le(He(n.active?"a":"router-link"),{key:f,to:a.url,onClick:t[2]||(t[2]=M=>r.showMobileTabs=!1)},{default:N(()=>[ie(z(a.name)+" ",1),a.label==="new"?(b(),w("span",vo,z(r.strings.new),1)):C("",!0)]),_:2},1032,["to"]))),128)),n.active?(b(!0),w(q,{key:1},re(i.filteredTabs,(a,f)=>(b(),w("a",{href:"#",key:f,onClick:_e(M=>i.clickMobileTabs(a.slug),["prevent"])},z(a.name),9,ho))),128)):C("",!0)])]),_:1},8,["active"])])):C("",!0),n.showSaveButton?(b(),w("div",mo,[E(e.$slots,"button",{},()=>[D(h,{type:"blue",size:"medium",loading:o.rootStore.loading,onClick:t[3]||(t[3]=a=>o.processSaveChanges(o.route.name))},{default:N(()=>[ie(z(r.strings.saveChanges),1)]),_:1},8,["loading"])])],512)):C("",!0),_("div",bo,[E(e.$slots,"extra")])],2)}const Bo=At(ro,[["render",yo]]);export{Bo as C,Lt as u};