1import{d as w,a as v,o as T,c as k,h as t,w as l,e as n,dQ as b,dR as p,dO as u,j as m,dL as f,P as V,B as x,b as r,F as B,_ as C,f as g}from"./index.6ebb0f0b.js";const K=w({__name:"HorizonalTabBar",setup(_){const i=[{name:"overview",transKey:"campaign.tab.overview"},{name:"keywords",transKey:"campaign.tab.keywords"}],e=v("overview"),s=d=>{e.value=d};return(d,o)=>(T(),k("div",null,[t(n(f),{"model-value":0,disable:"","after-class":"",horizontal:"","separator-style":"height: 0px"},{before:l(()=>[t(n(b),{tabs:i,modelValue:e.value,"onUpdate:modelValue":[o[0]||(o[0]=a=>e.value=a),s]},null,8,["modelValue"])]),after:l(()=>[t(n(p),{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=a=>e.value=a)},{default:l(()=>[t(n(u),{name:"overview",dark:null},{default:l(()=>[...o[2]||(o[2]=[m("Overview Content",-1)])]),_:1}),t(n(u),{name:"keywords",dark:null},{default:l(()=>[...o[3]||(o[3]=[m("Keywords Content",-1)])]),_:1})]),_:1},8,["modelValue"])]),_:1})]))}}),Q=w({__name:"VerticalTabBar",setup(_){const i=[{name:"overview",transKey:"campaign.tab.overview"},{name:"keywords",transKey:"campaign.tab.keywords"}],e=v(200),s=v("overview"),d=o=>{s.value=o};return(o,a)=>(T(),k("div",null,[t(n(f),{"model-value":e.value,unit:"px",disable:"","after-class":"","separator-style":"width: 0px"},{before:l(()=>[t(n(b),{tabs:i,modelValue:s.value,"onUpdate:modelValue":[a[0]||(a[0]=y=>s.value=y),d],vertical:""},null,8,["modelValue"])]),after:l(()=>[t(n(p),{modelValue:s.value,"onUpdate:modelValue":a[1]||(a[1]=y=>s.value=y),vertical:""},{default:l(()=>[t(n(u),{name:"overview",dark:null},{default:l(()=>[...a[2]||(a[2]=[m("Overview Content",-1)])]),_:1}),t(n(u),{name:"keywords",dark:null},{default:l(()=>[...a[3]||(a[3]=[m("Keywords Content",-1)])]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["model-value"])]))}}),R=w({__name:"RouteTabBars",setup(_){const i=V(),e=[{name:"home",transKey:"testComponent.name.home",to:"/components/tab/"},{name:"tabs",transKey:"testComponent.name.tab",to:"/components/tab/tabs"}],s=v(200),d=v(i.currentRoute.value.name);return x(()=>i.currentRoute.value.name,o=>{d.value=o}),(o,a)=>(T(),k(B,null,[r("div",null,[t(n(f),{"model-value":0,disable:"","after-class":"",horizontal:"","separator-style":"height: 0px"},{before:l(()=>[t(n(b),{tabs:e,type:"route-tabs"})]),after:l(()=>[t(n(p),{"model-value":d.value},{default:l(()=>[t(n(u),{name:"components-home",dark:null},{default:l(()=>[...a[0]||(a[0]=[m("Home Content",-1)])]),_:1}),t(n(u),{name:"components-tabs",dark:null},{default:l(()=>[...a[1]||(a[1]=[m("Tabs Content",-1)])]),_:1})]),_:1},8,["model-value"])]),_:1})]),a[4]||(a[4]=r("br",null,null,-1)),r("div",null,[t(n(f),{"model-value":s.value,unit:"px",disable:"","after-class":"","separator-style":"width: 0px"},{before:l(()=>[t(n(b),{tabs:e,type:"route-tabs",vertical:""})]),after:l(()=>[t(n(p),{"model-value":d.value,vertical:""},{default:l(()=>[t(n(u),{name:"components-home",dark:null},{default:l(()=>[...a[2]||(a[2]=[m("Home Content",-1)])]),_:1}),t(n(u),{name:"components-tabs",dark:null},{default:l(()=>[...a[3]||(a[3]=[m("Tabs Content",-1)])]),_:1})]),_:1},8,["model-value"])]),_:1},8,["model-value"])])],64))}});const z=w({__name:"TonicTabBars",setup(_){return(i,e)=>(T(),g(n(u),{name:"tab",dark:null},{default:l(()=>[e[0]||(e[0]=r("h3",null,"Tab",-1)),e[1]||(e[1]=r("h4",null,"Horizontal Tab Bar (using QTab)",-1)),t(K),e[2]||(e[2]=r("br",null,null,-1)),e[3]||(e[3]=r("h4",null,"Vertical Tab Bar (using QTab)",-1)),t(Q),e[4]||(e[4]=r("br",null,null,-1)),e[5]||(e[5]=r("h4",null,"Route Tabs (using QRouteTab)",-1)),e[6]||(e[6]=r("p",null," Watch browser url while switching tabs or set browser address manually and watch route tab active state and content. ",-1)),t(R)]),_:1}))}});var U=C(z,[["__scopeId","data-v-66ae3f7a"]]);export{U as default}; 2//# sourceMappingURL=TonicTabBars.362849b2.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.