@directus/app 9.14.5 → 9.16.0

package/dist/assets/index.d3abd983.js

@@ -1 +0,0 @@
-import{a,o as n,b as s,w as r,g as l}from"./runtime-core.esm-bundler.e3d5f5b7.js";const c=l("div",{class:"markdown-body"},null,-1),_="null",i=!1,f="Homepage",x={name:"index",setup(p,{expose:t}){const o={title:"null",modularExtension:!1,layout:"Homepage"};return t({frontmatter:o}),(m,d)=>{const e=a("docs-wrapper");return n(),s(e,{frontmatter:o},{default:r(()=>[c]),_:1})}}};export{x as default,f as layout,i as modularExtension,_ as title};

package/dist/assets/index.d87c135a.js

@@ -1,26 +0,0 @@
-import{T as ge,c as ye,w as Ne}from"./vue.runtime.esm-bundler.ee2a778f.js";import{u as De,a as be,_ as B,g as $e,b as ue,c as x,d as ce,M as Ue,t as Be,e as Ae,f as Ee,h as je,i as _e,l as Re,p as Pe,j as He,k as Fe,m as Te,n as fe,o as me,q as qe,r as We,H as ze}from"./index.917a76e9.entry.js";import{l as ie}from"./use-sync.138c50b0.js";import{storeToRefs as le}from"./pinia.b8e2dbe3.entry.js";import{useI18n as G}from"./vue-i18n.3cc3a25f.entry.js";import{useRouter as he}from"./vue-router.1ad5ff1f.entry.js";import{d as A,c as S,r as $,I as de,f as te,a,n as ee,p as F,o as s,b as _,w as r,q as I,e as l,u as j,F as ne,v as E,x as we,B as U,t as V,g as O,H as oe,P as Ge,i as W,A as ke,O as Qe,j as Xe,C as Je,G as b,h as Ke,y as Ye,z as Ze,L as xe,M as et}from"./runtime-core.esm-bundler.e3d5f5b7.js";const tt=A({setup(){const{t:e}=G(),t=De(),o=be(),u=S(()=>{var v;return o.settings===null||!((v=o.settings)!=null&&v.project_logo)?null:$e()+`assets/${o.settings.project_logo}`}),d=$(!1),{queueHasItems:c}=de(t);te(()=>c.value,v=>{v&&(d.value=!0)});const i=S(()=>{var v;return(v=o.settings)==null?void 0:v.project_url}),n=S(()=>{var v;return(v=o.settings)!=null&&v.project_url?e("view_project"):!1});return{customLogoPath:u,showLoader:d,stopSpinnerIfQueueIsEmpty:p,url:i,urlTooltip:n};function p(){c.value===!1&&(d.value=!1)}}});function nt(e,t,o,u,d,c){const i=a("v-progress-linear"),n=a("v-image"),p=ee("tooltip");return F((s(),_(we(e.url?"a":"div"),{href:e.url,target:e.url?"_blank":void 0,rel:e.url?"noopener noreferrer":void 0,class:E(["module-bar-logo",{loading:e.showLoader}])},{default:r(()=>[e.customLogoPath?(s(),I(ne,{key:0},[l(ge,{name:"fade"},{default:r(()=>[e.showLoader?(s(),_(i,{key:0,indeterminate:"",rounded:"",onAnimationiteration:e.stopSpinnerIfQueueIsEmpty},null,8,["onAnimationiteration"])):j("",!0)]),_:1}),l(n,{class:"custom-logo",src:e.customLogoPath,alt:"Project Logo"},null,8,["src"])],64)):(s(),I("div",{key:1,class:E(["logo",{running:e.showLoader}]),onAnimationiteration:t[0]||(t[0]=(...v)=>e.stopSpinnerIfQueueIsEmpty&&e.stopSpinnerIfQueueIsEmpty(...v))},null,34))]),_:1},8,["href","target","rel","class"])),[[p,e.urlTooltip,void 0,{right:!0}]])}var ot=B(tt,[["render",nt],["__scopeId","data-v-2a41087f"]]);const at=A({setup(){const{t:e}=G(),t=ue(),o=x(),{notificationsDrawerOpen:u}=le(t),{unread:d}=le(o),c=ce(),i=$(!1),n=S(()=>{var h;return!c.currentUser||!("avatar"in c.currentUser)||!((h=c.currentUser)!=null&&h.avatar)?null:$e()+`assets/${c.currentUser.avatar.id}?key=system-medium-cover`}),p=$(null),v=S(()=>{var g;return`/users/${(g=c.currentUser)==null?void 0:g.id}`}),y=S(()=>"/logout"),f=c.fullName;return{t:e,userFullName:f,avatarURL:n,userProfileLink:v,signOutActive:i,signOutLink:y,notificationsDrawerOpen:u,unread:d,avatarError:p}}}),st={class:"module-bar-avatar"};function rt(e,t,o,u,d,c){const i=a("v-icon"),n=a("v-button"),p=a("v-badge"),v=a("v-card-title"),y=a("v-card-actions"),f=a("v-card"),h=a("v-dialog"),g=a("v-image"),H=a("v-avatar"),D=a("router-link"),M=a("v-hover"),R=ee("tooltip");return s(),I("div",st,[l(p,{value:e.unread,disabled:e.unread==0,class:"notifications-badge"},{default:r(()=>[F((s(),_(n,{tile:"",icon:"","x-large":"",class:"notifications",onClick:t[0]||(t[0]=C=>e.notificationsDrawerOpen=!0)},{default:r(()=>[l(i,{name:"notifications"})]),_:1})),[[R,e.t("notifications"),void 0,{right:!0}]])]),_:1},8,["value","disabled"]),l(M,null,{default:r(({hover:C})=>[l(h,{modelValue:e.signOutActive,"onUpdate:modelValue":t[2]||(t[2]=N=>e.signOutActive=N),onEsc:t[3]||(t[3]=N=>e.signOutActive=!1)},{activator:r(({on:N})=>[l(ge,{name:"sign-out"},{default:r(()=>[C?F((s(),_(n,{key:0,tile:"",icon:"","x-large":"",class:"sign-out",onClick:N},{default:r(()=>[l(i,{name:"logout"})]),_:2},1032,["onClick"])),[[R,e.t("sign_out"),void 0,{right:!0}]]):j("",!0)]),_:2},1024)]),default:r(()=>[l(f,null,{default:r(()=>[l(v,null,{default:r(()=>[U(V(e.t("sign_out_confirm")),1)]),_:1}),l(y,null,{default:r(()=>[l(n,{secondary:"",onClick:t[1]||(t[1]=N=>e.signOutActive=!e.signOutActive)},{default:r(()=>[U(V(e.t("cancel")),1)]),_:1}),l(n,{to:e.signOutLink},{default:r(()=>[U(V(e.t("sign_out")),1)]),_:1},8,["to"])]),_:1})]),_:1})]),_:2},1032,["modelValue"]),l(D,{to:e.userProfileLink},{default:r(()=>[F((s(),_(H,{tile:"",large:"",class:E({"no-avatar":!e.avatarURL})},{default:r(()=>[e.avatarURL&&!e.avatarError?(s(),_(g,{key:0,src:e.avatarURL,alt:e.userFullName,class:"avatar-image",onError:t[4]||(t[4]=N=>e.avatarError=N)},null,8,["src","alt"])):(s(),_(i,{key:1,name:"account_circle"}))]),_:1},8,["class"])),[[R,e.userFullName,void 0,{right:!0}]])]),_:1},8,["to"])]),_:1})])}var it=B(at,[["render",rt],["__scopeId","data-v-7bf6ce14"]]);const lt=A({components:{ModuleBarLogo:ot,ModuleBarAvatar:it},setup(){const e=be(),{modules:t}=Ae(),o=S(()=>t.value.map(d=>d.id));return{modules:S(()=>{var d;return e.settings?((d=e.settings.module_bar)!=null?d:Ue).filter(c=>c.type==="link"?!0:c.enabled&&o.value.includes(c.id)).map(c=>{if(c.type==="link"){const n=ie.exports.omit(c,["url"]);return c.url.startsWith("/")?n.to=c.url:n.href=c.url,Be(n)}const i=t.value.find(n=>n.id===c.id);return{...c,...t.value.find(n=>n.id===c.id),to:`/${i.id}`}}):[]})}}}),ut={class:"module-bar"},ct={class:"modules"};function dt(e,t,o,u,d,c){const i=a("module-bar-logo"),n=a("v-icon"),p=a("v-button"),v=a("module-bar-avatar"),y=ee("tooltip");return s(),I("div",ut,[l(i),O("div",ct,[(s(!0),I(ne,null,oe(e.modules,f=>F((s(),_(p,{key:f.id,icon:"","x-large":"",to:f.to,href:f.href,tile:"",style:Ge(f.color?{"--v-button-color-active":f.color}:null)},{default:r(()=>[l(n,{name:f.icon},null,8,["name"])]),_:2},1032,["to","href","style"])),[[y,f.name,void 0,{right:!0}]])),128))]),l(v)])}var vt=B(lt,[["render",dt],["__scopeId","data-v-fc7a189c"]]);const pt=A({setup(){const{t:e}=G(),{parsedInfo:t}=Ee(),o=x(),u=ce(),d=S(()=>o.dialogs);return{t:e,notifications:d,admin:u.isAdmin,done:i,getGitHubIssueLink:c};function c(n,p){var y,f,h,g;const v=`<!-- Please put a detailed explanation of the problem here. -->
-
----
-
-### Project details
-Directus Version: ${(y=t.value)==null?void 0:y.directus.version}
-Environment: production
-OS: ${(f=t.value)==null?void 0:f.os.type} ${(h=t.value)==null?void 0:h.os.version}
-Node: ${(g=t.value)==null?void 0:g.node.version}
-
-### Error
-
-Title: ${p.title||"none"}
-Message: ${p.text||"none"}
-
-<details>
-<summary>Stack Trace</summary>
-<pre>
-${JSON.stringify(p.error,Object.getOwnPropertyNames(p.error),2)}
-</pre>
-</details>
-			`;return`https://github.com/directus/directus/issues/new?body=${encodeURIComponent(v)}`}function i(n){o.remove(n)}}}),_t={class:"notification-dialogs"},ft=["href"];function mt(e,t,o,u,d,c){const i=a("v-card-title"),n=a("v-error"),p=a("v-card-text"),v=a("v-button"),y=a("v-card-actions"),f=a("v-card"),h=a("v-dialog");return s(),I("div",_t,[(s(!0),I(ne,null,oe(e.notifications,g=>(s(),_(h,{key:g.id,"model-value":!0,persist:""},{default:r(()=>[l(f,{class:E([g.type])},{default:r(()=>[l(i,null,{default:r(()=>[U(V(g.title),1)]),_:2},1024),g.text?(s(),_(p,{key:0},{default:r(()=>[U(V(g.text)+" ",1),g.error?(s(),_(n,{key:0,error:g.error},null,8,["error"])):j("",!0)]),_:2},1024)):j("",!0),l(y,null,{default:r(()=>[g.type==="error"&&e.admin&&g.code==="UNKNOWN"?(s(),_(v,{key:0,secondary:""},{default:r(()=>[O("a",{target:"_blank",href:e.getGitHubIssueLink(g.id,g)},V(e.t("report_error")),9,ft)]),_:2},1024)):j("",!0),l(v,{onClick:H=>e.done(g.id)},{default:r(()=>[U(V(e.t("dismiss")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),_:2},1032,["class"])]),_:2},1024))),128))])}var gt=B(pt,[["render",mt],["__scopeId","data-v-bb61b36a"]]);const yt=A({props:{modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e){const{t}=G(),o=ue(),u=ce(),d=x(),c=je(),i=he(),n=$([]),p=$(0),v=$(!1),y=$(null),f=$([]),h=$(["inbox"]),{notificationsDrawerOpen:g}=le(o),H=$([{text:t("subject"),value:"subject",sortable:!1,width:300,align:"left"},{text:t("timestamp"),value:"timestampDistance",sortable:!1,width:180,align:"left"}]);return D(),te([()=>e.modelValue,h],()=>D()),{tableHeaders:H,t,notificationsDrawerOpen:g,page:p,notifications:n,loading:v,error:y,selection:f,onRowClick:R,toggleArchive:M,tab:h};async function D(){v.value=!0;try{const C=await _e.get("/notifications",{params:{filter:{_and:[{recipient:{_eq:u.currentUser.id}},{status:{_eq:h.value[0]}}]},fields:["id","subject","collection","item","timestamp"],sort:["-timestamp"]}});await d.getUnreadCount();const N=C.data.data,T=[];for(const Q of N)T.push({...Q,timestampDistance:Re(Pe(Q.timestamp),new Date,{addSuffix:!0})});n.value=T}catch(C){y.value=C}finally{v.value=!1}}async function M(){await _e.patch("/notifications",{keys:f.value.map(({id:C})=>C),data:{status:h.value[0]==="inbox"?"archived":"inbox"}}),await D(),f.value=[]}function R({item:C}){var T;const N=c.getCollection(C.collection);(T=N==null?void 0:N.meta)!=null&&T.singleton?i.push(`/content/${C.collection}`):i.push(`/content/${C.collection}/${C.item}`),g.value=!1}}});function bt(e,t,o,u,d,c){const i=a("v-icon"),n=a("v-button"),p=a("v-list-item-icon"),v=a("v-list-item-content"),y=a("v-tab"),f=a("v-tabs"),h=a("v-info"),g=a("v-table"),H=a("v-drawer"),D=ee("tooltip");return s(),_(H,{modelValue:e.notificationsDrawerOpen,"onUpdate:modelValue":t[3]||(t[3]=M=>e.notificationsDrawerOpen=M),icon:"notifications",title:e.t("notifications"),onCancel:t[4]||(t[4]=M=>e.notificationsDrawerOpen=!1)},{actions:r(()=>[F((s(),_(n,{icon:"",rounded:"",disabled:e.selection.length===0,secondary:"",onClick:e.toggleArchive},{default:r(()=>[l(i,{name:e.tab[0]==="inbox"?"archive":"move_to_inbox"},null,8,["name"])]),_:1},8,["disabled","onClick"])),[[D,e.tab[0]==="inbox"?e.t("archive"):e.t("unarchive"),void 0,{bottom:!0}]])]),sidebar:r(()=>[l(f,{modelValue:e.tab,"onUpdate:modelValue":t[0]||(t[0]=M=>e.tab=M),vertical:""},{default:r(()=>[l(y,{value:"inbox"},{default:r(()=>[l(p,null,{default:r(()=>[l(i,{name:"inbox"})]),_:1}),l(v,null,{default:r(()=>[U(V(e.t("inbox")),1)]),_:1})]),_:1}),l(y,{value:"archived"},{default:r(()=>[l(p,null,{default:r(()=>[l(i,{name:"archive"})]),_:1}),l(v,null,{default:r(()=>[U(V(e.t("archive")),1)]),_:1})]),_:1})]),_:1},8,["modelValue"])]),default:r(()=>[!e.loading&&e.notifications.length===0?(s(),_(h,{key:0,icon:"notifications",title:e.t("no_notifications"),center:""},{default:r(()=>[U(V(e.t("no_notifications_copy")),1)]),_:1},8,["title"])):(s(),_(g,{key:1,modelValue:e.selection,"onUpdate:modelValue":t[1]||(t[1]=M=>e.selection=M),headers:e.tableHeaders,"onUpdate:headers":t[2]||(t[2]=M=>e.tableHeaders=M),"show-select":"",loading:e.loading,items:e.notifications,"item-key":"id","onClick:row":e.onRowClick},null,8,["modelValue","headers","loading","items","onClick:row"]))]),_:1},8,["modelValue","title"])}var $t=B(yt,[["render",bt],["__scopeId","data-v-f681d28a"]]);const ht=A({props:{id:{type:String,required:!0},title:{type:String,required:!0},text:{type:String,default:null},icon:{type:String,default:null},type:{type:String,default:"info",validator:e=>["info","success","warning","error"].includes(e)},tail:{type:Boolean,default:!1},dense:{type:Boolean,default:!1},showClose:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},progress:{type:Number,default:void 0}},setup(e){const t=x();return{close:o};function o(){e.showClose===!0&&t.remove(e.id)}}}),wt={key:0,class:"icon"},kt={class:"content"},St={class:"title selectable"},It={key:0,class:"text selectable"};function Ct(e,t,o,u,d,c){const i=a("v-progress-circular"),n=a("v-icon");return s(),I("div",{class:E(["notification-item",[e.type,{tail:e.tail,dense:e.dense}]]),onClick:t[0]||(t[0]=(...p)=>e.close&&e.close(...p))},[e.loading||e.progress||e.icon?(s(),I("div",wt,[e.loading?(s(),_(i,{key:0,indeterminate:"",small:""})):e.progress?(s(),_(i,{key:1,small:"",value:e.progress},null,8,["value"])):(s(),_(n,{key:2,name:e.icon},null,8,["name"]))])):j("",!0),O("div",kt,[O("p",St,V(e.title),1),e.text?(s(),I("p",It,V(e.text),1)):j("",!0)]),e.showClose?(s(),_(n,{key:1,name:"close",clickable:"",class:"close",onClick:e.close},null,8,["onClick"])):j("",!0)],2)}var Se=B(ht,[["render",Ct],["__scopeId","data-v-43553e80"]]);const Lt=A({components:{NotificationItem:Se},props:{sidebarOpen:{type:Boolean,default:!1}},setup(){const e=x();return{queue:de(e).queue}}});function Ot(e,t,o,u,d,c){const i=a("notification-item");return s(),_(ye,{class:E(["notifications-group",{"sidebar-open":e.sidebarOpen}]),name:"slide-fade",tag:"div"},{default:r(()=>[W(e.$slots,"default",{},void 0,!0),(s(!0),I(ne,null,oe(e.queue,(n,p)=>(s(),_(i,ke({key:n.id},n,{tail:p===e.queue.length-1,dense:e.sidebarOpen===!1,"show-close":n.persist===!0&&n.closeable!==!1}),null,16,["tail","dense","show-close"]))),128))]),_:3},8,["class"])}var Vt=B(Lt,[["render",Ot],["__scopeId","data-v-509bd4b0"]]);const Mt=A({props:{to:{type:String,default:null},icon:{type:String,default:"box"},active:{type:Boolean,default:!1}},emits:["click"],setup(){const e=ue(),{sidebarOpen:t}=de(e);return{sidebarOpen:t}}}),Nt={class:"icon"},Dt={key:0,class:"title"};function Ut(e,t,o,u,d,c){const i=a("v-icon");return s(),_(we(e.to?"router-link":"button"),{class:E(["sidebar-button",{active:e.active}]),onClick:t[0]||(t[0]=n=>e.$emit("click",n))},{default:r(()=>[O("div",Nt,[l(i,{name:e.icon},null,8,["name"])]),e.sidebarOpen?(s(),I("div",Dt,[W(e.$slots,"default",{},void 0,!0)])):j("",!0)]),_:3},8,["class"])}var Bt=B(Mt,[["render",Ut],["__scopeId","data-v-a8c828a4"]]);const At=A({components:{SidebarButton:Bt,NotificationItem:Se},props:{sidebarOpen:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(){const{t:e}=G(),t=x();return{t:e,lastFour:t.lastFour}}}),Et={class:"notifications-preview"},jt={key:0,class:"inline"},Rt={class:"padding-box"};function Pt(e,t,o,u,d,c){const i=a("router-link"),n=a("notification-item"),p=a("transition-expand"),v=a("sidebar-button"),y=ee("tooltip");return s(),I("div",Et,[l(p,{tag:"div"},{default:r(()=>[e.modelValue?(s(),I("div",jt,[O("div",Rt,[l(i,{class:E(["link",{"has-items":e.lastFour.length>0}]),to:"/activity"},{default:r(()=>[U(V(e.t("show_all_activity")),1)]),_:1},8,["class"]),l(ye,{tag:"div",name:"notification",class:"transition"},{default:r(()=>[(s(!0),I(ne,null,oe(e.lastFour,f=>(s(),_(n,ke({key:f.id},f),null,16))),128))]),_:1})])])):j("",!0)]),_:1}),F((s(),_(v,{active:e.modelValue,class:"toggle",icon:"pending_actions",onClick:t[0]||(t[0]=f=>e.$emit("update:modelValue",!e.modelValue))},{default:r(()=>[U(V(e.t("activity_log")),1)]),_:1},8,["active"])),[[y,e.t("activity_log"),void 0,{left:!0}]])])}var Ht=B(At,[["render",Pt],["__scopeId","data-v-415ab206"]]),K=1e3,Y=K*60,Z=Y*60,z=Z*24,Ft=z*7,Tt=z*365.25,se=function(e,t){t=t||{};var o=typeof e;if(o==="string"&&e.length>0)return qt(e);if(o==="number"&&isFinite(e))return t.long?zt(e):Wt(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function qt(e){if(e=String(e),!(e.length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!!t){var o=parseFloat(t[1]),u=(t[2]||"ms").toLowerCase();switch(u){case"years":case"year":case"yrs":case"yr":case"y":return o*Tt;case"weeks":case"week":case"w":return o*Ft;case"days":case"day":case"d":return o*z;case"hours":case"hour":case"hrs":case"hr":case"h":return o*Z;case"minutes":case"minute":case"mins":case"min":case"m":return o*Y;case"seconds":case"second":case"secs":case"sec":case"s":return o*K;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return o;default:return}}}}function Wt(e){var t=Math.abs(e);return t>=z?Math.round(e/z)+"d":t>=Z?Math.round(e/Z)+"h":t>=Y?Math.round(e/Y)+"m":t>=K?Math.round(e/K)+"s":e+"ms"}function zt(e){var t=Math.abs(e);return t>=z?re(e,t,z,"day"):t>=Z?re(e,t,Z,"hour"):t>=Y?re(e,t,Y,"minute"):t>=K?re(e,t,K,"second"):e+" ms"}function re(e,t,o,u){var d=t>=o*1.5;return Math.round(e/o)+" "+u+(d?"s":"")}const Gt=A({setup(){const{t:e}=G(),t=He(),o=S(()=>{const n=ie.exports.sortBy(t.latency,["timestamp"]);return n[n.length-1]}),u=S(()=>{if(!t.latency||t.latency.length===0)return 0;const n=ie.exports.sortBy(t.latency,["timestamp"]),p=n.slice(Math.max(n.length-5,0));let v=0;for(const{latency:y}of p)v+=y;return Math.round(v/p.length)}),d=S(()=>u.value<=250?4:u.value>250&&u.value<=500?3:u.value>500&&u.value<=750?2:1),c=S(()=>{switch(d.value){case 4:return`${e("connection_excellent")}
-(${se(u.value)} ${e("latency")})`;case 3:return`${e("connection_good")}
-(${se(u.value)} ${e("latency")})`;case 2:return`${e("connection_fair")}
-(${se(u.value)} ${e("latency")})`;case 1:return`${e("connection_poor")}
-(${se(u.value)} ${e("latency")})`;default:return null}});return{icon:S(()=>{switch(d.value){case 4:return"signal_wifi_4_bar";case 3:return"signal_wifi_3_bar";case 2:return"signal_wifi_2_bar";case 1:return"signal_wifi_1_bar";default:return null}}),lastLatency:o,latencyTooltip:c}}}),Qt={class:"latency-indicator"};function Xt(e,t,o,u,d,c){const i=a("v-progress-circular"),n=a("v-icon"),p=ee("tooltip");return F((s(),I("div",Qt,[e.lastLatency?(s(),_(n,{key:1,name:e.icon},null,8,["name"])):(s(),_(i,{key:0,indeterminate:""}))])),[[p,e.latencyTooltip,void 0,{bottom:!0,end:!0}]])}var Jt=B(Gt,[["render",Xt],["__scopeId","data-v-2cfd5c8b"]]);const Kt=A({components:{LatencyIndicator:Jt},setup(){const e=Fe(),t=S(()=>{var u,d;return(d=(u=e.info)==null?void 0:u.project)==null?void 0:d.project_name}),o=S(()=>{var u,d;return(d=(u=e.info)==null?void 0:u.project)==null?void 0:d.project_descriptor});return{name:t,descriptor:o}}}),Yt={class:"project-info"},Zt={class:"name-container"};function xt(e,t,o,u,d,c){const i=a("latency-indicator"),n=a("v-text-overflow");return s(),I("div",Yt,[l(i),O("div",Zt,[l(n,{placement:"right",class:"name",text:e.name},null,8,["text"]),e.descriptor?(s(),_(n,{key:0,placement:"right",class:"descriptor",text:e.descriptor},null,8,["text"])):j("",!0)])])}var en=B(Kt,[["render",xt],["__scopeId","data-v-47e3c683"]]);const tn=A({props:{sidebarOpen:{type:Boolean,default:!1}},setup(e){const t=$([]),o=$(!1);return te(()=>e.sidebarOpen,async u=>{u===!1?t.value=[]:(o.value=!0,await Qe(),o.value=!1)}),{openDetail:t,mandatory:o}}});function nn(e,t,o,u,d,c){const i=a("v-item-group");return s(),_(i,{modelValue:e.openDetail,"onUpdate:modelValue":t[0]||(t[0]=n=>e.openDetail=n),class:"sidebar-detail-group",scope:"sidebar-detail",mandatory:e.mandatory},{default:r(()=>[W(e.$slots,"default",{},void 0,!0)]),_:3},8,["modelValue","mandatory"])}var on=B(tn,[["render",nn],["__scopeId","data-v-ebb6371e"]]);const an=e=>(xe("data-v-33cebee0"),e=e(),et(),e),sn={class:"module-nav-content"},rn={class:"flex-container"},ln=an(()=>O("div",{class:"spacer"},null,-1)),un=A({name:"private-view",props:{title:{default:null},smallHeader:{type:Boolean,default:!1}},setup(e){const t=e,{t:o}=G(),u=he(),d=$(),c=$(),{width:i}=Te(),{width:n}=fe(d),{width:p}=fe(c),v=$(),{handleHover:y,onResizeHandlePointerDown:f,resetModuleNavWidth:h,onPointerMove:g,onPointerUp:H}=Ce();me(window,"pointermove",g),me(window,"pointerup",H);const{data:D}=qe("module-nav-width");Xe(()=>{!D.value||Number.isNaN(D.value)||(v.value.style.width=`${D.value}px`)});const{title:M}=de(t),R=$(!1),C=ce(),N=ue(),T=S(()=>{var k,m;return C.currentUser?((m=(k=C.currentUser)==null?void 0:k.role)==null?void 0:m.app_access)||!1:!0}),Q=$(!1),{sidebarOpen:P,fullScreen:pe}=le(N),Ie=S(()=>{var k;return((k=C.currentUser)==null?void 0:k.theme)||"auto"});Je("main-element",d),u.afterEach(async(k,m)=>{var q;k.path!==m.path&&((q=d.value)==null||q.scrollTo({top:0}),pe.value=!1)}),We(M);function Ce(){const k=$(!1),m=$(!1),q=$(0),ae=$(0),L=$(null),w=$(0),X=$(null);return te(L,ie.exports.debounce(J=>{J===220?D.value=null:D.value=J},300)),te([i,n,p],()=>{i.value>1260?w.value=i.value-(590+60+p.value):i.value>960?w.value=i.value-(590+60+60):w.value=i.value-(60+60),L.value&&L.value>w.value&&(L.value=Math.max(220,w.value),v.value.style.width=`${L.value}px`)},{immediate:!0}),{handleHover:k,onResizeHandlePointerDown:ve,resetModuleNavWidth:Oe,onPointerMove:Ve,onPointerUp:Me};function ve(J){m.value=!0,q.value=J.pageX,ae.value=v.value.offsetWidth}function Oe(){L.value=220,v.value.style.width="220px"}function Ve(J){!m.value||(X.value=window.requestAnimationFrame(()=>{L.value=Math.max(220,ae.value+(J.pageX-q.value)),L.value>=w.value&&(L.value=w.value),L.value>220&&L.value<=230&&(L.value=220),v.value.style.width=`${L.value}px`}))}function Me(){m.value===!0&&(m.value=!1,X.value&&window.cancelAnimationFrame(X.value))}}function Le(k){k.target&&k.target.classList.contains("close")===!1&&(P.value=!0)}return(k,m)=>{const q=a("v-button"),ae=a("v-info"),L=a("v-overlay");return b(T)===!1?(s(),_(ae,{key:0,center:"",title:b(o)("no_app_access"),type:"danger",icon:"block"},{append:r(()=>[l(q,{to:"/logout"},{default:r(()=>[U(V(b(o)("switch_user")),1)]),_:1})]),default:r(()=>[U(V(b(o)("no_app_access_copy"))+" ",1)]),_:1},8,["title"])):(s(),I("div",{key:1,class:E(["private-view",{theme:b(Ie),"full-screen":b(pe)}])},[O("aside",{id:"navigation",role:"navigation","aria-label":"Module Navigation",class:E({"is-open":R.value})},[l(vt),O("div",{ref_key:"moduleNavEl",ref:v,class:"module-nav alt-colors"},[l(b(en)),O("div",sn,[W(k.$slots,"navigation",{},void 0,!0)]),O("div",{class:E(["module-nav-resize-handle",{active:b(y)}]),onPointerenter:m[0]||(m[0]=w=>y.value=!0),onPointerleave:m[1]||(m[1]=w=>y.value=!1),onPointerdown:m[2]||(m[2]=Ne((...w)=>b(f)&&b(f)(...w),["self"])),onDblclick:m[3]||(m[3]=(...w)=>b(h)&&b(h)(...w))},null,34)],512)],2),O("div",{id:"main-content",ref_key:"contentEl",ref:d,class:"content"},[l(b(ze),{small:e.smallHeader,"show-sidebar-toggle":"",title:b(M),"onToggle:sidebar":m[4]||(m[4]=w=>P.value=!b(P)),onPrimary:m[5]||(m[5]=w=>R.value=!R.value)},Ke({_:2},[oe(k.$slots,(w,X)=>({name:X,fn:r(ve=>[W(k.$slots,X,Ye(Ze(ve)),void 0,!0)])}))]),1032,["small","title"]),O("main",null,[W(k.$slots,"default",{},void 0,!0)])],512),O("aside",{id:"sidebar",ref_key:"sidebarEl",ref:c,role:"contentinfo",class:E(["alt-colors",{"is-open":b(P)}]),"aria-label":"Module Sidebar",onClick:Le},[O("div",rn,[l(b(on),{"sidebar-open":b(P)},{default:r(()=>[W(k.$slots,"sidebar",{},void 0,!0)]),_:3},8,["sidebar-open"]),ln,l(b(Ht),{modelValue:Q.value,"onUpdate:modelValue":m[6]||(m[6]=w=>Q.value=w),"sidebar-open":b(P)},null,8,["modelValue","sidebar-open"])])],2),l(L,{class:"nav-overlay",active:R.value,onClick:m[7]||(m[7]=w=>R.value=!1)},null,8,["active"]),l(L,{class:"sidebar-overlay",active:b(P),onClick:m[8]||(m[8]=w=>P.value=!1)},null,8,["active"]),l($t),Q.value===!1?(s(),_(b(Vt),{key:0,"sidebar-open":b(P)},null,8,["sidebar-open"])):j("",!0),l(b(gt))],2))}}});var gn=B(un,[["__scopeId","data-v-33cebee0"]]);export{gn as PrivateView,gn as default};

package/dist/assets/index.dbec7bd8.css

@@ -1 +0,0 @@
-.module-bar-logo[data-v-2a41087f]{--v-progress-linear-height: 2px;--v-progress-linear-color: var(--white);--v-progress-linear-background-color: rgb(255 255 255 / .5);position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:12px;background-color:var(--brand)}.module-bar-logo .v-progress-linear[data-v-2a41087f]{position:absolute;right:10px;bottom:5px;left:10px;width:40px}.module-bar-logo .custom-logo[data-v-2a41087f]{display:block;width:40px;height:40px;object-fit:contain}.module-bar-logo .logo[data-v-2a41087f]{position:absolute;top:18px;left:10px;width:40px;height:32px;margin:0 auto;background-image:url(./sprite.e37451a6.svg);background-position:0% 0%;background-size:600px 32px}.module-bar-logo .running[data-v-2a41087f]{animation:.56s run-2a41087f steps(14) infinite}.fade-enter-active[data-v-2a41087f]{transition:opacity var(--slow) var(--transition)}.fade-leave-active[data-v-2a41087f]{transition:opacity var(--medium) var(--transition)}.fade-enter-from[data-v-2a41087f],.fade-leave-to[data-v-2a41087f]{opacity:0}@keyframes run-2a41087f{to{background-position:100%}}.module-bar-avatar[data-v-7bf6ce14]{position:relative}.module-bar-avatar .v-avatar[data-v-7bf6ce14]{--v-button-color: var(--module-icon);--v-button-color-hover: var(--white);--v-avatar-color: var(--module-background);position:relative;z-index:3;overflow:visible}.module-bar-avatar .v-avatar .avatar-image[data-v-7bf6ce14]{opacity:.8;transition:opacity var(--fast) var(--transition)}.module-bar-avatar .v-avatar.no-avatar[data-v-7bf6ce14]:after{position:absolute;top:-1px;right:8px;left:8px;height:2px;background-color:var(--module-icon);opacity:.25;content:""}.module-bar-avatar .v-avatar .v-icon[data-v-7bf6ce14]{--v-icon-color: var(--module-icon)}.module-bar-avatar .v-avatar:hover .avatar-image[data-v-7bf6ce14]{opacity:1}.module-bar-avatar .v-avatar:hover .v-icon[data-v-7bf6ce14]{--v-icon-color: var(--white)}.module-bar-avatar .notifications-badge[data-v-7bf6ce14]{--v-badge-offset-x: 16px;--v-badge-offset-y: 16px}.module-bar-avatar .notifications[data-v-7bf6ce14]{--v-button-color: var(--module-icon);--v-button-color-hover: var(--white);--v-button-background-color: var(--module-background);--v-button-background-color-hover: var(--module-background)}.module-bar-avatar .sign-out[data-v-7bf6ce14]{--v-button-color: var(--module-icon);--v-button-background-color: var(--module-background);--v-button-background-color-hover: var(--module-background);position:absolute;top:0;left:0;z-index:2;transition:transform var(--fast) var(--transition)}.module-bar-avatar .sign-out:hover .v-icon[data-v-7bf6ce14]{--v-icon-color: var(--primary)}.module-bar-avatar .sign-out-enter-active[data-v-7bf6ce14],.module-bar-avatar .sign-out-leave-active[data-v-7bf6ce14]{transform:translateY(0)}.module-bar-avatar .sign-out-enter-from[data-v-7bf6ce14],.module-bar-avatar .sign-out-leave-to[data-v-7bf6ce14]{transform:translateY(-100%)}@media (min-width: 960px){.module-bar-avatar .sign-out-enter-from[data-v-7bf6ce14],.module-bar-avatar .sign-out-leave-to[data-v-7bf6ce14]{transform:translateY(100%)}}.module-bar[data-v-fc7a189c]{display:flex;flex-direction:column;width:60px;height:100%;background-color:var(--module-background)}.module-bar .modules[data-v-fc7a189c]{flex-grow:1;overflow-x:hidden;overflow-y:auto}.module-bar .v-button[data-v-fc7a189c]{--v-button-color: var(--module-icon);--v-button-color-hover: var(--white);--v-button-color-active: var(--module-icon-alt);--v-button-background-color: var(--module-background);--v-button-background-color-hover: var(--module-background);--v-button-background-color-active: var(--module-background-alt)}.notification-dialogs[data-v-bb61b36a]{position:relative}.v-error[data-v-bb61b36a]{margin-top:12px}.v-table[data-v-f681d28a]{display:contents}.v-table[data-v-f681d28a]>table{min-width:calc(100% - var(--content-padding))!important;margin-left:var(--content-padding)}.v-table[data-v-f681d28a]>table tr{margin-right:var(--content-padding)}.notification-item[data-v-43553e80]{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;margin-top:4px;padding:12px;color:var(--white);border-radius:var(--border-radius)}.notification-item .icon[data-v-43553e80]{display:block;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;margin-right:12px;background-color:#ffffff40;border-radius:50%}.notification-item .content[data-v-43553e80]{flex-grow:1}.notification-item .title[data-v-43553e80]{font-weight:600}.notification-item[data-v-43553e80]:after{position:absolute;right:12px;bottom:-5px;z-index:-1;display:block;width:20px;height:20px;border-radius:2px;transform:rotate(45deg) translate(-5px,-5px);transition:transform var(--slow) var(--transition);content:"";pointer-events:none}.notification-item.tail[data-v-43553e80]:after{transform:rotate(45deg) translate(0)}.notification-item.dense[data-v-43553e80]{width:max-content;max-width:100%;min-height:44px}.notification-item.dense .icon[data-v-43553e80]{width:auto;height:auto;margin-right:8px;background-color:transparent}.notification-item.dense .text[data-v-43553e80]{display:none}.notification-item.info[data-v-43553e80]{background-color:var(--primary)}.notification-item.info.tail[data-v-43553e80]:after{background-color:var(--primary)}.notification-item.info .text[data-v-43553e80]{color:var(--primary-alt)}.notification-item.success[data-v-43553e80]{background-color:var(--success)}.notification-item.success.tail[data-v-43553e80]:after{background-color:var(--success)}.notification-item.success .text[data-v-43553e80]{color:var(--success-alt)}.notification-item.warning[data-v-43553e80]{background-color:var(--warning)}.notification-item.warning.tail[data-v-43553e80]:after{background-color:var(--warning)}.notification-item.warning .text[data-v-43553e80]{color:var(--warning-alt)}.notification-item.error[data-v-43553e80]{background-color:var(--danger)}.notification-item.error.tail[data-v-43553e80]:after{background-color:var(--danger)}.notification-item.error .text[data-v-43553e80]{color:var(--danger-alt)}.v-progress-circular[data-v-43553e80]{--v-progress-circular-color: var(--foreground-inverted);--v-progress-circular-background-color: transparent}.notifications-group[data-v-509bd4b0]{position:fixed;top:0;right:8px;left:8px;z-index:50;width:256px;direction:rtl}.notifications-group>*[data-v-509bd4b0],.notifications-group[data-v-509bd4b0]>*{direction:ltr}.notifications-group.sidebar-open[data-v-509bd4b0]{top:auto;right:12px;bottom:76px;left:auto}@media (min-width: 960px){.notifications-group[data-v-509bd4b0]{top:auto;right:12px;bottom:76px;left:auto}}.notification-item[data-v-509bd4b0]{transition:all .4s cubic-bezier(0,0,.2,1.25)}.slide-fade-enter-active[data-v-509bd4b0]{transform:translate(0) scaleY(1) scaleX(1);opacity:1}.slide-fade-leave-active[data-v-509bd4b0]{position:absolute}.slide-fade-enter-from[data-v-509bd4b0]{transform:translate(50px) scaleY(0) scaleX(0);transform-origin:right bottom;opacity:0}.slide-fade-leave-to[data-v-509bd4b0]{transform:translate(50px) scaleX(0);transform-origin:right;opacity:0;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.2s}.sidebar-button[data-v-a8c828a4]{position:relative;flex-shrink:0;width:100%;height:60px;color:var(--foreground-normal-alt);background-color:var(--background-normal-alt)}.sidebar-button .icon[data-v-a8c828a4]{display:flex;align-items:center;justify-content:center;width:60px;height:100%}.sidebar-button .title[data-v-a8c828a4]{position:absolute;top:50%;left:52px;overflow:hidden;white-space:nowrap;transform:translateY(-50%)}.sidebar-button.active[data-v-a8c828a4]{background-color:var(--background-normal-alt)}.notifications-preview[data-v-415ab206]{position:relative}.link[data-v-415ab206]{display:block;color:var(--foreground-subdued);text-align:center;text-decoration:none}.link[data-v-415ab206]:hover{color:var(--foreground-normal)}.link.has-items[data-v-415ab206]{margin-bottom:12px}.transition[data-v-415ab206]{position:relative;width:100%}.sidebar-button[data-v-415ab206]{background-color:var(--background-normal-alt)}.inline[data-v-415ab206]{position:absolute;right:0;bottom:100%;width:100%;background-color:var(--background-normal);box-shadow:0 -4px 12px #2632381a}.inline .padding-box[data-v-415ab206]{position:relative;width:100%;padding:12px}.notification-enter-active[data-v-415ab206],.notification-leave-active[data-v-415ab206]{transition:all var(--slow) var(--transition)}.notification-leave-active[data-v-415ab206]{position:absolute}.notification-move[data-v-415ab206]{transition:all .5s var(--transition)}.notification-enter-from[data-v-415ab206],.notification-leave-to[data-v-415ab206]{opacity:0}.v-progress-circular[data-v-2cfd5c8b]{--v-progress-circular-size: 23px}.project-info[data-v-47e3c683]{position:relative;display:flex;align-items:center;width:100%;height:60px;padding-left:20px;color:var(--foreground-normal-alt);text-align:left;background-color:var(--background-normal-alt)}.project-info .name-container[data-v-47e3c683]{flex-grow:1;width:100px;margin-left:12px;line-height:1.3}.project-info .name[data-v-47e3c683]{margin-right:8px}.project-info .descriptor[data-v-47e3c683]{display:block;color:var(--foreground-subdued)}.sidebar-detail-group[data-v-ebb6371e]{display:contents}.private-view[data-v-33cebee0]{--content-padding: 12px;--content-padding-bottom: 60px;display:flex;width:100%;height:100%;overflow-x:hidden;background-color:var(--background-page)}.private-view .nav-overlay[data-v-33cebee0]{--v-overlay-z-index: 49}@media (min-width: 960px){.private-view .nav-overlay[data-v-33cebee0]{display:none}}.private-view .sidebar-overlay[data-v-33cebee0]{--v-overlay-z-index: 29}@media (min-width: 1260px){.private-view .sidebar-overlay[data-v-33cebee0]{display:none}}.private-view #navigation[data-v-33cebee0]{position:fixed;top:0;left:0;z-index:50;display:flex;height:100%;font-size:0;transform:translate(-100%);transition:transform var(--slow) var(--transition)}.private-view #navigation.is-open[data-v-33cebee0]{transform:translate(0)}.private-view #navigation:not(.is-open) .module-nav-resize-handle[data-v-33cebee0]{display:none}.private-view #navigation .module-nav[data-v-33cebee0]{position:relative;display:inline-block;width:220px;height:100%;font-size:1rem;background-color:var(--background-normal)}.private-view #navigation .module-nav-content[data-v-33cebee0]{--v-list-item-background-color-hover: var(--background-normal-alt);--v-list-item-background-color-active: var(--background-normal-alt);height:calc(100% - 64px);overflow-x:hidden;overflow-y:auto}.private-view #navigation .module-nav-resize-handle[data-v-33cebee0]{position:absolute;top:0;right:-2px;bottom:0;width:4px;background-color:var(--primary);cursor:ew-resize;opacity:0;transition:opacity var(--fast) var(--transition);transition-delay:0;user-select:none;touch-action:none}.private-view #navigation .module-nav-resize-handle[data-v-33cebee0]:hover,.private-view #navigation .module-nav-resize-handle[data-v-33cebee0]:active{opacity:1}.private-view #navigation .module-nav-resize-handle.active[data-v-33cebee0]{transition-delay:var(--slow)}@media (min-width: 960px){.private-view #navigation[data-v-33cebee0]{position:relative;transform:none}.private-view #navigation:not(.is-open) .module-nav-resize-handle[data-v-33cebee0]{display:block}}.private-view #main-content[data-v-33cebee0]{--border-radius: 6px;--input-height: 60px;--input-padding: 16px;position:relative;flex-grow:1;width:100%;height:100%;overflow:auto;scroll-padding-top:100px;font-size:15px;line-height:24px}.private-view #main-content main[data-v-33cebee0]{display:contents}@media (min-width: 960px){.private-view #main-content[data-v-33cebee0]{margin-right:60px}}@media (min-width: 1260px){.private-view #main-content[data-v-33cebee0]{margin-right:0}}.private-view #sidebar[data-v-33cebee0]{position:fixed;top:0;right:0;z-index:30;width:280px;height:100%;overflow:hidden;background-color:var(--background-normal);transform:translate(100%);transition:transform var(--slow) var(--transition)}.private-view #sidebar .spacer[data-v-33cebee0]{flex-grow:1}.private-view #sidebar.is-open[data-v-33cebee0]{transform:translate(0)}.private-view #sidebar .flex-container[data-v-33cebee0]{display:flex;flex-direction:column;width:280px;height:100%}@media (min-width: 960px){.private-view #sidebar[data-v-33cebee0]{transform:translate(calc(100% - 60px))}}@media (min-width: 1260px){.private-view #sidebar[data-v-33cebee0]{position:relative;flex-basis:60px;flex-shrink:0;transition:flex-basis var(--slow) var(--transition),transform var(--slow) var(--transition)}.private-view #sidebar.is-open[data-v-33cebee0]{flex-basis:280px}}@media (min-width: 600px){.private-view[data-v-33cebee0]{--content-padding: 32px;--content-padding-bottom: 132px}}.private-view.full-screen #navigation[data-v-33cebee0]{position:fixed;transform:translate(-100%);transition:none}.private-view.full-screen #main-content[data-v-33cebee0]{margin:0}.private-view.full-screen #sidebar[data-v-33cebee0]{position:fixed;transform:translate(100%);transition:none}

package/dist/assets/insights.9f2c43c6.js

@@ -1,2 +0,0 @@
-import{a,o as d,b as u,w as t,g as e,e as i,B as l}from"./runtime-core.esm-bundler.e3d5f5b7.js";const h={class:"markdown-body"},c=e("blockquote",null,[e("p",null,[l("Insights is a Module in Directus that allows rapid, no-code buildout of analytics dashboards. Regardless of your use-case "),e("em",null,"(be it business intelligence, user progress tracking, web traffic conversions, or whatever!)"),l(" you will be able to setup key data metrics in just a few clicks.")])],-1),g=e("video",{autoplay:"",muted:"",loop:"",controls:""},[e("source",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/insights-dashboards-20220216A.mp4",type:"video/mp4"})],-1),p=e("p",null,[e("div",{class:"table-of-contents"},[e("ul",null,[e("li",null,[e("a",{href:"#how-it-works"},"How it Works ")]),e("li",null,[e("a",{href:"#dashboards-overview"},"Dashboards Overview ")]),e("li",null,[e("a",{href:"#create%2C-edit%2C-and-delete-dashboards"},"Create, Edit, and Delete Dashboards ")]),e("li",null,[e("a",{href:"#panels-overview"},"Panels Overview ")]),e("li",null,[e("a",{href:"#panel-header-options"},"Panel Header Options ")]),e("li",null,[e("a",{href:"#labels"},"Labels ")]),e("li",null,[e("a",{href:"#lists"},"Lists ")]),e("li",null,[e("a",{href:"#metrics"},"Metrics ")]),e("li",null,[e("a",{href:"#time-series"},"Time Series ")]),e("li",null,[e("a",{href:"#global-variable"},"Global Variable ")])])])],-1),m=e("h2",{id:"how-it-works",tabindex:"-1"},[l("How it Works "),e("a",{class:"header-anchor",href:"#how-it-works"},"#")],-1),b=e("video",{autoplay:"",muted:"",loop:"",controls:""},[e("source",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/insights-how-it-works-20220216A_1.mp4",type:"video/mp4"})],-1),f=e("p",null,"First, create a Dashboard, then fill the Dashboard with Panels.",-1),_=e("ol",null,[e("li",null,[l("Click the \u201CCreate Dashboard\u201D action button "),e("span",{mi:"",btn:""},"add"),l(" in the page header.")]),e("li",null,"Fill in the dashboard name, icon and note."),e("li",null,"Click \u201CSave\u201D."),e("li",null,"Click the edit icon in the page header."),e("li",null,[l("Hit the \u201CCreate Panel\u201D "),e("span",{mi:"",btn:""},"add"),l(" in the page header.")]),e("li",null,[l("Select a Panel type. "),e("a",{href:"#panels-overview"},"Learn More about panel types.")]),e("li",null,"Adjust the Panel Options to customize the analytics metric."),e("li",null,[l("Click "),e("span",{mi:"",btn:""},"check"),l(" in the drawer header to create the panel.")]),e("li",null,[l("Click "),e("span",{mi:"",btn:""},"check"),l(" in the page header to confirm all edits.")])],-1),v=e("h2",{id:"dashboards-overview",tabindex:"-1"},[l("Dashboards Overview "),e("a",{class:"header-anchor",href:"#dashboards-overview"},"#")],-1),y=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/dashboards-overview-20220216A.webp",alt:"Dashboard Grid Area"})],-1),w=l("Each Directus Dashboard provides a drag-and-drop canvas where you can create and arrange different Panels to easily build out customized analytics. The Dashboard area automatically expands as you add more and more Panels. In theory, a Dashboard area can expand infinitely large\u2026 but in practice, users will probably only want to build Dashboards as large as the screen they will be viewing on. You are able to create as many Dashboards as you need. Additionally, the Dashboard view, edit, and create permissions are "),S=l("fully configurable"),x=l(" by User Role."),A={class:"tip hint"},D=e("div",{class:"hint-title"},"Auto Refresh",-1),k=l("The Auto Refresh menu in the "),C=l("Sidebar"),F=l(" lets you select an interval to refresh dashboard data."),I=e("h2",{id:"create%2C-edit%2C-and-delete-dashboards",tabindex:"-1"},[l("Create, Edit, and Delete Dashboards "),e("a",{class:"header-anchor",href:"#create%2C-edit%2C-and-delete-dashboards"},"#")],-1),P=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/create-edit-delete-dashboards-20220216A.webp",alt:"How to Add, Edit and Delete Dashboards in Directus Insights"})],-1),T=e("ol",null,[e("li",null,[l("Click the "),e("span",{mi:"",btn:""},"add"),l(" icon in the page header to create a new Dashboard.")]),e("li",null,"Click the item option to edit or delete a Dashboard.")],-1),L=e("h2",{id:"panels-overview",tabindex:"-1"},[l("Panels Overview "),e("a",{class:"header-anchor",href:"#panels-overview"},"#")],-1),V=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/panels-overview-20220216A.webp",alt:"Directus Dashboard Panels"})],-1),M=e("p",null,"Panels are the building-blocks we add onto Insights dashboards to create, save and display data analytics. There are five types of Panels, and each one provides some unique analytics tool.",-1),O=e("ol",null,[e("li",null,[e("strong",null,"Label"),l(" \u2013 Displays simple header text to describe other groups of panels. Doesn\u2019t actually provide data analysis.")]),e("li",null,[e("strong",null,"List"),l(" \u2013 Sortable, filterable list of items within a collection.")]),e("li",null,[e("strong",null,"Metric"),l(" \u2013 Sortable, filterable single-number metrics like sum, average, minimum and maximum, or first and last.")]),e("li",null,[e("strong",null,"Time Series"),l(" \u2013 Graph to display how metrics change over time. Provides same sorting, filtering and aggregation features seen in the list and metric panels.")]),e("li",null,[e("strong",null,"Global Variables"),l(" \u2014 Sets a variable which is globally accessible across other panels.")])],-1),G=e("h2",{id:"panel-header-options",tabindex:"-1"},[l("Panel Header Options "),e("a",{class:"header-anchor",href:"#panel-header-options"},"#")],-1),H=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/panel-header-options-20220216A.webp",alt:"Panel Header Options"})],-1),q=e("p",null,"All 4 panel types let you set custom text to provide quick and clear context about what a Panel represents. Panel Header options are exactly the same for all four Panel types. Headers are also totally optional and can be hidden.",-1),N=e("ul",null,[e("li",null,[e("strong",null,"Visible"),l(" \u2013 Determines if the header is visible or not.")]),e("li",null,[e("strong",null,"Name"),l(" \u2013 Sets a name in the header area.")]),e("li",null,[e("strong",null,"Icon"),l(" \u2013 Sets a small icon by the name.")]),e("li",null,[e("strong",null,"Color"),l(" \u2013 Sets a color for the icon.")]),e("li",null,[e("strong",null,"Note"),l(" \u2013 Sets a short description of the icon.")])],-1),W=e("h2",{id:"labels",tabindex:"-1"},[l("Labels "),e("a",{class:"header-anchor",href:"#labels"},"#")],-1),E=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/label-panel-options-20220216A.webp",alt:"Label Panel Options"})],-1),R=e("p",null,[l("As the name implies, this panel simply allows you to "),e("em",null,"label"),l(" a group of other panels. Labels do not provide analytics. Labels simply help visually group the other panels ("),e("em",null,"which do provide analytics"),l(") and give context to your dashboard.")],-1),Y=e("ul",null,[e("li",null,[e("strong",null,"Label"),l(" \u2013 Sets the label text.")]),e("li",null,[e("strong",null,"Color"),l(" \u2013 Sets the label text color.")])],-1),z=e("h2",{id:"lists",tabindex:"-1"},[l("Lists "),e("a",{class:"header-anchor",href:"#lists"},"#")],-1),B=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/list-panel-options-20220216A.webp",alt:"List Panel Options"})],-1),j=e("p",null,[l("List panels display some number of Items from a Collection, "),e("em",null,"as a list!"),l(" These Items displayed can be filtered by other criteria as well. So for example, you could show your top 5 selling products, 3 worst performing sales regions, 10 students with the highest GPA "),e("em",null,"that are also"),l(" in intramural sports, or create any other kind of ranked and/or filtered list that could be generated from your dataset.")],-1),U=e("ul",null,[e("li",null,[e("strong",null,"Collection"),l(" \u2013 Selects the Collection to rank.")]),e("li",null,[e("strong",null,"Limit"),l(" \u2013 Limits the number of Items that will appear in the Dashboard.")]),e("li",null,[e("strong",null,"Sort Field"),l(" \u2013 Sets the Collection Field you wish to order results by.")]),e("li",null,[e("strong",null,"Sort Direction"),l(" \u2013 Sets Items to display in ascending or descending order.")]),e("li",null,[e("strong",null,"Display Template"),l(" \u2013 Defines how List Items will be represented. Allows use of Field Item values as well as custom text.")]),e("li",null,[e("strong",null,"Filter"),l(" \u2013 Sets filters to only consider and rank Items that meet some criteria.")])],-1),X=e("h2",{id:"metrics",tabindex:"-1"},[l("Metrics "),e("a",{class:"header-anchor",href:"#metrics"},"#")],-1),J=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/metric-panel-options-20220216A.webp",alt:"Metrics Panel Options"})],-1),K=e("p",null,"Metrics Panels allow you to aggregate all Items in a Field down to a single value.",-1),Q=e("ul",null,[e("li",null,[e("strong",null,"Collection"),l(" \u2013 Selects the Collection.")]),e("li",null,[e("strong",null,"Field"),l(" \u2013 Selects the Field to run aggregate function on.")]),e("li",null,[e("strong",null,"Aggregate Function"),l(" \u2013 Selects the type of aggregate to perform.")]),e("li",null,[e("strong",null,"Sort Field"),l(" \u2013 Sets the collection field you wish to order results by.")]),e("li",null,[e("strong",null,"Filter"),l(" \u2013 Sets filters to only run metrics on Items that meet some criteria.")])],-1),Z=e("h3",{id:"more-on-aggregate-functions",tabindex:"-1"},[l("More on Aggregate Functions "),e("a",{class:"header-anchor",href:"#more-on-aggregate-functions"},"#")],-1),$=e("p",null,"Generally speaking, aggregate functions take a list of values and returns one single value.",-1),ee=e("ul",null,[e("li",null,[e("strong",null,"Count"),l(" \u2013 Counts the number of Items in a Field.")]),e("li",null,[e("strong",null,"Count (Distinct)"),l(" \u2013 Counts the number of "),e("em",null,"unique"),l(" Items in a field.")]),e("li",null,[e("strong",null,"Average"),l(" \u2013 Averages values of all Items in a Field.")]),e("li",null,[e("strong",null,"Average (Distinct)"),l(" \u2013 Averages values of all "),e("em",null,"unique"),l(" Items in a Field.")]),e("li",null,[e("strong",null,"Sum"),l(" \u2013 Sums the values of all Items in a Field.")]),e("li",null,[e("strong",null,"Sum (Distinct)"),l(" \u2013 Sums the values of all "),e("em",null,"unique"),l(" Items in a Field.")]),e("li",null,[e("strong",null,"Minimum"),l(" \u2013 Selects the lowest valued Item in a Field.")]),e("li",null,[e("strong",null,"Maximum"),l(" \u2013 Selects the highest valued Item in a Field.")]),e("li",null,[e("strong",null,"First"),l(" \u2013 Selects the first Item out of all Items in a Field.")]),e("li",null,[e("strong",null,"Last"),l(" \u2013 Selects the last Item out of all Items in a Field.")])],-1),le=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"First, Last, Minimum and Maximum"),e("p",null,"First, Last, Minimum and Maximum are not aggregates in the purely mathematical sense of the word. However, they are placed in this panel option because they return one single Item.")],-1),te=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Why are some Fields grayed out?"),e("p",null,[l("Certain Fields cannot be used with certain aggregate functions. For example, you cannot use the average function on Fields that store text, because text cannot be averaged. When there is a conflict between panel options, Fields will be grayed out and unselectable in the "),e("code",null,"field dropdown list"),l(".")])],-1),se=e("h3",{id:"style-and-format-options",tabindex:"-1"},[l("Style and Format Options "),e("a",{class:"header-anchor",href:"#style-and-format-options"},"#")],-1),ne=e("ul",null,[e("li",null,[e("strong",null,"Abbreviate Value"),l(" \u2013 Abbreviates large numbers with a letter "),e("em",null,"(e.g. 2,000 = 2k)"),l(".")]),e("li",null,[e("strong",null,"Decimals"),l(" \u2013 Changes the number of decimals displayed.")]),e("li",null,[e("strong",null,"Prefix"),l(" \u2013 Adds text before the aggregate metric.")]),e("li",null,[e("strong",null,"Suffix"),l(" \u2013 Adds text after the aggregate metric.")]),e("li",null,[e("strong",null,"Conditional Styles"),l(" \u2013 Changes color of number displayed if it is "),e("code",null,">"),l(", "),e("code",null,">="),l(", "),e("code",null,"<"),l(", "),e("code",null,"<="),l(", "),e("code",null,"=="),l(", or "),e("code",null,"!="),l(" to some defined value.")])],-1),ae=e("h2",{id:"time-series",tabindex:"-1"},[l("Time Series "),e("a",{class:"header-anchor",href:"#time-series"},"#")],-1),ie=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/time-series-panel-options-20220216A.webp",alt:"Time Series Panel Options"})],-1),oe=e("p",null,"The Time Series Panel allows you to build graphs and see how data changes over time.",-1),re=e("ul",null,[e("li",null,[e("strong",null,"Collection"),l(" \u2013 Selects the Collection you want to analyze.")]),e("li",null,[e("strong",null,"Color"),l(" \u2013 Sets color of your graph curve.")]),e("li",null,[e("strong",null,"Group Aggregation"),l(" \u2013 Selects the type of aggregation to perform. "),e("a",{href:"#more-on-aggregate-functions"},"Learn more.")]),e("li",null,[e("strong",null,"Group Precision"),l(" \u2013 Sets the time interval to aggregate by "),e("em",null,"(days, weeks, months, etc.)"),l(".")]),e("li",null,[e("strong",null,"Date Field"),l(" \u2013 Selects the datetime Field used along the x-axis.")]),e("li",null,[e("strong",null,"Date Range"),l(" \u2013 Sets the time range from which data should be displayed, can be customized.")]),e("li",null,[e("strong",null,"Value Field"),l(" \u2013 Sets the Field you wish to aggregate.")]),e("li",null,[e("strong",null,"Value Decimals"),l(" \u2013 Changes the number of decimals displayed on the y-axis.")]),e("li",null,[e("strong",null,"Min Value"),l(" \u2013 Sets minimum value displayed on y-axis.")]),e("li",null,[e("strong",null,"Max Value"),l(" \u2013 Sets maximum value displayed on y-axis.")]),e("li",null,[e("strong",null,"Curve Type"),l(" \u2013 Sets curve to be shown as smooth, straight or stepline.")]),e("li",null,[e("strong",null,"Fill Type"),l(" \u2013 Sets fill type under curve to gradient, solid, or none.")]),e("li",null,[e("strong",null,"Filter"),l(" \u2013 Allows filtering of Items considered for analysis based on logical conditions.")]),e("li",null,[e("strong",null,"Show X-axis"),l(" \u2013 Toggles display of time along X-axis.")]),e("li",null,[e("strong",null,"Show Y-axis"),l(" \u2013 Toggles display of numeric values along Y-axis.")])],-1),de=e("div",{class:"warning hint"},[e("div",{class:"hint-title"},"Time-oriented metrics only"),e("p",null,"In order to use this Panel, your Collection will need a datetime Field.")],-1),ue=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Custom Date Range"),e("p",null,[l("Note that "),e("code",null,"Past"),l(" is not prefixed to a custom range as it is on the default ranges. When selecting "),e("strong",null,"\u201COther\u201D"),l(", simply type in "),e("code",null,"3 years"),l(", "),e("code",null,"1 month"),l(", "),e("code",null,"2 weeks"),l(", "),e("code",null,"5 days"),l(", etc.")])],-1),he=e("h2",{id:"global-variable",tabindex:"-1"},[l("Global Variable "),e("a",{class:"header-anchor",href:"#global-variable"},"#")],-1),ce=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-220624A/global-variable-220624A.webp",alt:"Global Variables"})],-1),ge=e("ul",null,[e("li",null,[e("strong",null,"Variable Key"),l(" \u2014 Sets your variable. Use this key to access the variable in other Insights panels.")]),e("li",null,[e("strong",null,"Type"),l(" \u2014 Sets the data type of your variable.")]),e("li",null,[e("strong",null,"Default Value"),l(" \u2014 Sets a default value for the global variable.")]),e("li",null,[e("strong",null,"Interface"),l(" \u2014 Selects the Interface to be used.")]),e("li",null,[e("strong",null,"Options"),l(" \u2014 Sets the Interface Options.")])],-1),pe=e("p",null,"This panel allows you to create a variable which is globally accessible across other panels. You can use this to do things like create a string or number to prefix other Insights Panel titles or pass it as a value into a Filter to query results.",-1),me=e("p",null,[l("To create and assign a Global Variable, follow the steps from "),e("a",{href:"#how-it-works"},"How it Works"),l(", selecting the Global Variable panel. Wrap the variable key in double-moustache syntax to access and assign it throughout other Insights Panels:")],-1),be=e("pre",null,[e("code",null,`{{ your_variable_key }}
-`)],-1),fe=e("p",null,"You will notice that the Global Variable Panel is an interface in the Dashboard, allowing you to modify the value of this variable. If you change its value, all panels referencing the variable will update automatically.",-1),_e=e("div",{class:"warning hint"},[e("div",{class:"hint-title"},"Must be Valid Data Type"),e("p",null,"Your variable\u2019s data type will need to be a valid match to wherever you are using it. For example, do not apply a string or JSON variable in a place that requires Datetime data.")],-1),xe="Insights",Ae=!1,De={name:"insights",setup(ve,{expose:o}){const s={title:"Insights",modularExtension:!1};return o({frontmatter:s}),(ye,we)=>{const n=a("router-link"),r=a("docs-wrapper");return d(),u(r,{frontmatter:s},{default:t(()=>[e("div",h,[c,g,p,m,b,f,_,v,y,e("p",null,[w,i(n,{to:"/docs/configuration/users-roles-permissions/"},{default:t(()=>[S]),_:1}),x]),e("div",A,[D,e("p",null,[k,i(n,{to:"/docs/app/overview/#_4-sidebar"},{default:t(()=>[C]),_:1}),F])]),I,P,T,L,V,M,O,G,H,q,N,W,E,R,Y,z,B,j,U,X,J,K,Q,Z,$,ee,le,te,se,ne,ae,ie,oe,re,de,ue,he,ce,ge,pe,me,be,fe,_e])]),_:1})}}};export{De as default,Ae as modularExtension,xe as title};

package/dist/assets/installation.76fec85e.js

@@ -1 +0,0 @@
-import{a,o as d,b as c,w as o,g as e,e as s,B as t}from"./runtime-core.esm-bundler.e3d5f5b7.js";const u={class:"markdown-body"},h=e("blockquote",null,[e("p",null,"Directus can be installed in many different ways and on several different stacks. You can choose between local, self-hosted on-premises, or our managed Cloud solution.")],-1),p=e("p",null,"While our CLI is the recommended method for self-hosting, you can use whichever of these self-hosted options best suits your needs. These methods offer a high level of customization and are ideal for intermediate developers.",-1),_=t("Command Line Interface (CLI)"),f=t("Docker"),m=t("Manually"),g={class:"tip hint"},y=e("div",{class:"hint-title"},"Development Environment",-1),k=t("To work on the Directus Core source code, please follow our "),D=t("Contributing Guide"),b=t("."),w=e("h2",{id:"deployment-guides",tabindex:"-1"},[t("Deployment Guides "),e("a",{class:"header-anchor",href:"#deployment-guides"},"#")],-1),v=e("p",null,"The following guides will walk you through the self-hosted installation process for specific third-party platforms. These options are only recommended for developers familiar with these services and comfortable with more advanced setup. While Directus is always completely free, you will likely need to pay for these services.",-1),B=t("Generic Ubuntu"),C=t("Internet Information Services (IIS)"),I=t("Amazon AWS"),T=t("Google Cloud Platform"),S=t("DigitalOcean App Platform"),A=t("Shared Hosting with Plesk"),E=e("li",null,[e("a",{href:"https://docs.cleavr.io/guides/directus",target:"_blank",rel:"noopener noreferrer"},"Cleavr.io")],-1),P=e("h2",{id:"one-click-installs",tabindex:"-1"},[t("One-Click Installs "),e("a",{class:"header-anchor",href:"#one-click-installs"},"#")],-1),x=e("p",null,"If you would like to completely avoid the manual installation process, the following self-hosted one-click apps will handle the heavy-lifting for you. While Directus is always completely free, you will likely need to pay for these services.",-1),L=t("Cloudron"),F=e("li",null,[e("a",{href:"https://marketplace.digitalocean.com/apps/directus?action=deploy&refcode=4c0b6062c16e",target:"_blank",rel:"noopener noreferrer"},"DigitalOcean")],-1),O=e("li",null,[e("a",{href:"https://heroku.com/deploy?template=https://github.com/directus-community/heroku-template",target:"_blank",rel:"noopener noreferrer"},"Heroku")],-1),R=e("li",null,[e("a",{href:"https://console.platform.sh/projects/create-project?template=https%3A%2F%2Fraw.githubusercontent.com%2Fplatformsh%2Ftemplate-builder%2Fmaster%2Ftemplates%2Fdirectus%2F.platform.template.yaml",target:"_blank",rel:"noopener noreferrer"},"Platform.sh")],-1),U=e("li",null,[e("a",{href:"https://deploy.zeet.co/?url=https://github.com/directus-community/heroku-template",target:"_blank",rel:"noopener noreferrer"},"Zeet")],-1),W=e("li",null,[e("a",{href:"https://app.koyeb.com/deploy?type=docker&name=directus&ports=8055;http;/&env%5BPORT%5D=8055&env%5BKEY%5D=A%20random%20string&env%5BSECRET%5D=A%20random%20string&env%5BPUBLIC_URL%5D=https://myURL.com/&env%5BDB_CLIENT%5D=DB%20client&env%5BDB_HOST%5D=DB%20host&env%5BDB_PORT%5D=DB%20Port&env%5BDB_DATABASE%5D=Database%20name&env%5BDB_USER%5D=DB%20user&env%5BDB_PASSWORD%5D=DB%20Password&image=directus/directus",target:"_blank",rel:"noopener noreferrer"},"Koyeb")],-1),G=e("li",null,[e("a",{href:"https://www.alwaysdata.com/en/marketplace/directus/",target:"_blank",rel:"noopener noreferrer"},"alwaysdata")],-1),N=e("h2",{id:"directus-cloud",tabindex:"-1"},[t("Directus Cloud "),e("a",{class:"header-anchor",href:"#directus-cloud"},"#")],-1),j=e("p",null,"In addition to the self-hosted options above, you can also choose to create Directus projects using our official Managed Cloud Service. This is the easiest way to get up-and-running with Directus \u2014 even for non-technical users. Unique features include dedicated hardware, automatic updates, automatic backups, usage-based pricing, and more.",-1),z=e("ul",null,[e("li",null,[e("a",{href:"http://directus.cloud/",target:"_blank",rel:"noopener noreferrer"},"Directus Cloud Dashboard")]),e("li",null,[e("a",{href:"https://directus.io/on-demand-cloud/",target:"_blank",rel:"noopener noreferrer"},"Learn more about On-Demand Cloud")]),e("li",null,[e("a",{href:"https://directus.io/enterprise-cloud/",target:"_blank",rel:"noopener noreferrer"},"Learn more about Enterprise Cloud")])],-1),M="Installation",Y=!1,Z={name:"installation",setup(H,{expose:r}){const n={title:"Installation",modularExtension:!1};return r({frontmatter:n}),(V,q)=>{const l=a("router-link"),i=a("docs-wrapper");return d(),c(i,{frontmatter:n},{default:o(()=>[e("div",u,[h,p,e("ul",null,[e("li",null,[s(l,{to:"/docs/self-hosted/installation/cli/"},{default:o(()=>[_]),_:1})]),e("li",null,[s(l,{to:"/docs/self-hosted/installation/docker/"},{default:o(()=>[f]),_:1})]),e("li",null,[s(l,{to:"/docs/self-hosted/installation/manual/"},{default:o(()=>[m]),_:1})])]),e("div",g,[y,e("p",null,[k,s(l,{to:"/docs/contributing/introduction"},{default:o(()=>[D]),_:1}),b])]),w,v,e("ul",null,[e("li",null,[s(l,{to:"/docs/self-hosted/installation/ubuntu/"},{default:o(()=>[B]),_:1})]),e("li",null,[s(l,{to:"/docs/self-hosted/installation/iis"},{default:o(()=>[C]),_:1})]),e("li",null,[s(l,{to:"/docs/self-hosted/installation/aws"},{default:o(()=>[I]),_:1})]),e("li",null,[s(l,{to:"/docs/self-hosted/installation/gcp"},{default:o(()=>[T]),_:1})]),e("li",null,[s(l,{to:"/docs/self-hosted/installation/digitalocean-app-platform"},{default:o(()=>[S]),_:1})]),e("li",null,[s(l,{to:"/docs/self-hosted/installation/plesk"},{default:o(()=>[A]),_:1})]),E]),P,x,e("ul",null,[e("li",null,[s(l,{to:"/docs/self-hosted/installation/cloudron"},{default:o(()=>[L]),_:1})]),F,O,R,U,W,G]),N,j,z])]),_:1})}}};export{Z as default,Y as modularExtension,M as title};

package/dist/assets/introduction.e626ca8d.js

@@ -1 +0,0 @@
-import{a,o as c,b as r,w as s,g as t,e as n,B as e}from"./runtime-core.esm-bundler.e3d5f5b7.js";const _={class:"markdown-body"},h=t("blockquote",null,[t("p",null,"In addition to being highly customizable, Directus has been architected to be completely modular and extensible. This ensures you will never hit a hard feature ceiling within the platform.")],-1),u=t("p",null,"Build, modify or expand any feature needed for your app or project. What makes Directus so flexible is that it has been designed from the ground up with complete extensibility. In addition to offering our software\u2019s codebase as open-source, we\u2019ve broken down the app code into component pieces called Extensions. New Extensions can be created, modified or expanded to suit any need. However, the following extension types come with the platform\u2019s App and API.",-1),p=t("h2",{id:"extension-sdk",tabindex:"-1"},[e("Extension SDK "),t("a",{class:"header-anchor",href:"#extension-sdk"},"#")],-1),x=e("The easiest way to start creating extensions is to use the "),f=e("Extensions SDK"),m=e("."),w=t("h2",{id:"app-extensions",tabindex:"-1"},[e("App Extensions "),t("a",{class:"header-anchor",href:"#app-extensions"},"#")],-1),b=t("p",null,"Allow creating custom experiences within the Directus App.",-1),g=e("Modules"),y=e(" \u2014 Created with Vue.js"),C=e("Layouts"),k=e(" \u2014 Created with Vue.js"),E=e("Interfaces"),j=e(" \u2014 Created with Vue.js"),v=e("Displays"),V=e(" \u2014 Created with Vue.js"),A=e("Panels"),N=e(" \u2014 Created with Vue.js"),S=e("Themes"),D=e(" \u2014 Created with custom CSS"),B=t("h2",{id:"api-extensions",tabindex:"-1"},[e("API Extensions "),t("a",{class:"header-anchor",href:"#api-extensions"},"#")],-1),I=t("p",null,"Allow extending and customizing the data pipeline and platform logic.",-1),T=e("Endpoints"),J=e(" \u2014 Created with JavaScript / Node.js"),P=e("Hooks"),q=e(" \u2014 Created with JavaScript / Node.js"),z=e("Email Templates"),H=e(" \u2014 Created with Liquid.js"),K=e("Migrations"),L=e(" \u2014 Created with JavaScript / Node.js"),O="Extensions",Q=!1,R={name:"introduction",setup(M,{expose:d}){const i={title:"Extensions",modularExtension:!1};return d({frontmatter:i}),(W,F)=>{const o=a("router-link"),l=a("docs-wrapper");return c(),r(l,{frontmatter:i},{default:s(()=>[t("div",_,[h,u,p,t("p",null,[x,n(o,{to:"/docs/extensions/creating-extensions/"},{default:s(()=>[f]),_:1}),m]),w,b,t("ul",null,[t("li",null,[n(o,{to:"/docs/extensions/modules/"},{default:s(()=>[g]),_:1}),y]),t("li",null,[n(o,{to:"/docs/extensions/layouts/"},{default:s(()=>[C]),_:1}),k]),t("li",null,[n(o,{to:"/docs/extensions/interfaces/"},{default:s(()=>[E]),_:1}),j]),t("li",null,[n(o,{to:"/docs/extensions/displays/"},{default:s(()=>[v]),_:1}),V]),t("li",null,[n(o,{to:"/docs/extensions/panels/"},{default:s(()=>[A]),_:1}),N]),t("li",null,[n(o,{to:"/docs/extensions/themes/"},{default:s(()=>[S]),_:1}),D])]),B,I,t("ul",null,[t("li",null,[n(o,{to:"/docs/extensions/endpoints/"},{default:s(()=>[T]),_:1}),J]),t("li",null,[n(o,{to:"/docs/extensions/hooks/"},{default:s(()=>[P]),_:1}),q]),t("li",null,[n(o,{to:"/docs/extensions/email-templates/"},{default:s(()=>[z]),_:1}),H]),t("li",null,[n(o,{to:"/docs/extensions/migrations/"},{default:s(()=>[K]),_:1}),L])])])]),_:1})}}};export{R as default,Q as modularExtension,O as title};

package/dist/assets/introduction.e73b1c6c.js

@@ -1 +0,0 @@
-import{a as i,o as d,b as c,w as o,g as e,e as a,B as t}from"./runtime-core.esm-bundler.e3d5f5b7.js";const u={class:"markdown-body"},h=e("blockquote",null,[e("p",null,"These Docs will help you get Directus up-and-running quickly, guide you through advanced features, and explain the core concepts that make Directus so unique.")],-1),p=e("p",null,[e("div",{class:"table-of-contents"},[e("ul",null,[e("li",null,[e("a",{href:"#what-is-directus%3F"},"What is Directus? ")]),e("li",null,[e("a",{href:"#how-it-works"},"How It Works ")]),e("li",null,[e("a",{href:"#who%E2%80%99s-it-for%3F"},"Who\u2019s It For? ")]),e("li",null,[e("a",{href:"#when-to-use-it"},"When to Use It ")]),e("li",null,[e("a",{href:"#why-use-it%3F"},"Why Use It? ")]),e("li",null,[e("a",{href:"#directus-cloud"},"Directus Cloud ")])])])],-1),m=e("h2",{id:"what-is-directus%3F",tabindex:"-1"},[t("What is Directus? "),e("a",{class:"header-anchor",href:"#what-is-directus%3F"},"#")],-1),_=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Directus"),e("p",null,[t("Directus ("),e("a",{href:"http://audio.pronouncekiwi.com/Salli/Directus",target:"_blank",rel:"noopener noreferrer"},"duh REKT iss"),t(") is Latin for: "),e("em",null,"laid straight, arranged in lines"),t("."),e("br"),t(" The broadest goal of our platform is to present data in a simple, orderly, and intuitive way.")])],-1),g=e("p",null,[e("strong",null,"Directus is an Open Data Platform built to democratize the database."),e("br"),t(" This platform provides everyone on your team, "),e("em",null,"regardless of technical skill"),t(", equal access to data and digital file asset management, for any data model or project. First, link Directus to your desired SQL database and file storage adapter. After that, Directus enables you to perform CRUD operations, create users, assign roles with fully configurable permissions, build complex and granular queries, configure event-driven webhooks and task automation\u2026 "),e("em",null,"the list goes on!")],-1),f=e("p",null,[e("strong",null,"Database Introspection & Abstraction"),e("br"),t(" SQL flavors all come with slightly different data types and idiosyncrasies. Directus uses "),e("a",{href:"#how-it-works"},"Database Introspection"),t(" to read your database structure and create an abstraction layer to handle all the nitty-gritty details behind the scenes. This technique works seamlessly with any major SQL database. It also lets you link Directus to your new or pre-existing database or remove it anytime, with no impact on your existing data model. That means you\u2019ll never encounter vendor lock-in.")],-1),y=e("p",null,[e("strong",null,"The App and APIs"),e("br"),t(" Once your database is introspected and abstracted, Directus dynamically generates REST and GraphQL API endpoints to manage your data with granular control. You also get CLI tools for file management and a complete Javascript SDK.")],-1),b=e("p",null,[t("The API and CLI power the no-code App. In other words, the App is just a GUI that provides no-code access to the API. This architecture is how Directus democratizes the database and provides control to "),e("a",{href:"#who-s-it-for"},"the whole team"),t(".")],-1),w=e("p",null,[e("strong",null,"Open-Source, Modular, Extensible, Scalable"),e("br"),t(" At the highest level, Directus organizes its features and functionality into Modules. Each Module allows you to interact with data in some specific way, such as data and content management, digital file asset management, drag and drop analytics dashboard creation, or whatever. If you find Directus is missing something that your project needs, no problem!")],-1),v=e("p",null,[t("Built entirely in Typescript, primarily on "),e("a",{href:"https://nodejs.dev",target:"_blank",rel:"noopener noreferrer"},"Node.js"),t(" and "),e("a",{href:"https://vuejs.org",target:"_blank",rel:"noopener noreferrer"},"Vue.js"),t(", Directus is 100% open-source, modular and extensible, ensuring your project never hits a hard feature ceiling. The platform scales without issue, "),e("em",null,"and some Projects have hundreds of millions of users.")],-1),D=e("p",null,[t("You can use it with any "),e("em",null,"(or many)"),t(" stacks or frontend frameworks.")],-1),k=e("p",null,[e("strong",null,"Custom Configuration Options"),e("br"),t(" Extensive configuration options are also available as global variables in the codebase. Developers can custom configure SSO authentication method, caching details, default file storage location (local, S3, google, etc.) for digital assets, emails, "),e("em",null,"and much more.")],-1),I={class:"tip hint"},x=e("div",{class:"hint-title"},"Ready to dive in?",-1),T=t("Get a free project running in minutes. Learn Directus hands-on in the "),C=t("Quickstart Guide"),S=t("."),j=e("h2",{id:"how-it-works",tabindex:"-1"},[t("How It Works "),e("a",{class:"header-anchor",href:"#how-it-works"},"#")],-1),A=e("p",null,[e("strong",null,[t("Directus is installed as a "),e("em",null,"layer"),t(" on top of your new or existing SQL database.")])],-1),P=e("p",null,[t("The App and API dynamically "),e("em",null,"\u201Cmirror\u201D"),t(" your actual schema and content in real-time. This is similar to how technical database clients (like "),e("em",null,"phpMyAdmin"),t(") work. However, Database Introspection has many unique advantages:")],-1),E=e("ul",null,[e("li",null,"Absolute control over your pure SQL database schema."),e("li",null,"Complete transparency, portability, and security for your data."),e("li",null,"Allows importing existing databases, unaltered and without migrations."),e("li",null,"Direct database access and the full power of raw, complex SQL queries."),e("li",null,"Significant performance improvements through optimizations and indexing.")],-1),L=e("p",null,[t("In contrast, other platforms typically use a predefined or proprietary "),e("em",null,"one-size-fits-all"),t(" data model to store content . That is not the case with Directus. Directus gives you direct access to your pure and unaltered data. That means you have the option to bypass the Directus middleware (API, SDK, App) and connect to your data with proper SQL queries. This effectively removes all bottlenecks, latency overhead, and proprietary access limitations.")],-1),q=e("h2",{id:"who%E2%80%99s-it-for%3F",tabindex:"-1"},[t("Who\u2019s It For? "),e("a",{class:"header-anchor",href:"#who%E2%80%99s-it-for%3F"},"#")],-1),F=e("p",null,[e("strong",null,"Directus lets the whole team work together and access data in one place.")],-1),Q=e("p",null,[e("strong",null,"Developers"),e("br"),t(" Developers get a complete data connection toolkit with REST and GraphQL APIs, a JavaScript SDK, access to global variables to customize configuration options, and direct command-line access to digital assets.")],-1),W=e("p",null,[e("strong",null,"Power Users"),e("br"),t(" Data analysts and data scientists have in-app tools to query data, build out in-app analytics dashboards, and extract or upload data in file format. Additionally, these users are still free to link other services and run raw SQL queries directly on the database.")],-1),B=e("p",null,[e("strong",null,"Business Users"),e("br"),t(" The no-code app is safe and intuitive enough to make data accessible to everyone, even the most non-technical users. Administrators can create fully granular permissions for roles as well as individual users.")],-1),z={class:"tip hint"},U=e("div",{class:"hint-title"},"Directus Vocabulary",-1),M=t("In order keep things simpler, "),N=e("em",null,"especially for the no-code users",-1),R=t(", Directus uses friendlier names for many database terms and technical concepts, including "),G=t("Project"),O=t(" (database), "),H=t("Collection"),K=t(" (table), "),V=t("Field"),Y=t(" (column), "),J=t("Item"),X=t(" (record), and "),Z=t("Type"),$=t(" (datatype)."),ee=e("h2",{id:"when-to-use-it",tabindex:"-1"},[t("When to Use It "),e("a",{class:"header-anchor",href:"#when-to-use-it"},"#")],-1),te=e("p",null,[e("strong",null,"Directus can power any data-driven project and can be linked or removed at any time.")],-1),oe=e("p",null,[t("Build, monitor or manage any data model or app you desire: IoT fleets, e-commerce, SaaS, business data analytics, multi-channel content, "),e("em",null,"or anything else!"),t(" If it involves SQL and digital files, you can link up Directus. With this in mind, four broad use cases do emerge:")],-1),se=e("p",null,[e("strong",null,"Backend as a Service"),e("br"),t(" An end-to-end data solution. Efficiently connects data, auto-generates exhaustive APIs for projects that scale, and provides webhooks and task automation. Completely detached from the database, you\u2019re free to link and remove Directus anytime or use any other service in tandem.")],-1),ae=e("p",null,[e("strong",null,"Headless CMS"),e("br"),t(" Remember, "),e("em",null,"content"),t(" is just data from a database! Manage any omnichannel digital experience. Deliver file assets and data across websites, apps, kiosks, digital signage\u2026 "),e("em",null,"the sky\u2019s the limit!")],-1),ne=e("p",null,[e("strong",null,"Internal Tool Builder"),e("br"),t(" The whole team can build custom apps! Ditch the spreadsheet and quickly build back-office apps and admin panels for customers, inventory, projects, marketing, "),e("em",null,"or anything else.")],-1),ie=e("p",null,[e("strong",null,"Data Management and Analytics"),e("br"),t(" Establish "),e("em",null,"a single source of truth"),t(" for all data. Build no-code analytics dashboards to gain insights into company KPIs and other metrics. Coalesce previously siloed department data.")],-1),re=e("h2",{id:"why-use-it%3F",tabindex:"-1"},[t("Why Use It? "),e("a",{class:"header-anchor",href:"#why-use-it%3F"},"#")],-1),le=e("p",null,[e("strong",null,"Directus is a simple, data-first solution to complex problems with no downsides.")],-1),de=e("p",null,[t("Directus was created in 2004 and has been slowly, iteratively improved on for a long time. The core team has carefully thought through the app, beginning to end, and strives to make this platform is an all-benefit and no downside experience. It is also plug-and-play, so you\u2019re free to link or remove it anytime, with zero impact on your data. You have no vendor lock-in whatsoever, "),e("em",null,"your data is yours"),t(". There are no artificial data limits "),e("em",null,"(e.g. limits on users or roles)"),t(".")],-1),ce=e("p",null,[t("Consider competing platforms in the four general use cases "),e("a",{href:"#when-to-use-it"},"mentioned above"),t(". Due diligence to select a viable solution from one of these categories can easily take six months to ensure the feature list, pricing, scalability, migration options, etc\u2026 all match the project in question. However, with Directus, that\u2019s not the case! You can test it immediately on an existing database or build a new data model from scratch, "),e("em",null,"with no impact on your data and no long-term commitments.")],-1),ue=e("p",null,"The following core principles guide this platform:",-1),he=e("li",null,[e("strong",null,"Pure"),t(" \u2014 No predefined or proprietary schema, with all system metadata stored separately.")],-1),pe=e("li",null,[e("strong",null,"Open"),t(" \u2014 Directus Core is public and open source, with no obfuscated or cloud-only code.")],-1),me=e("li",null,[e("strong",null,"Portable"),t(" \u2014 The database can be exported or migrated anytime, so there\u2019s no vendor lock-in.")],-1),_e=e("strong",null,"Limitless",-1),ge=t(" \u2014 No artificial limits or paywalls on users, roles, languages, "),fe=t("Collections"),ye=t(", or "),be=t("Items"),we=t("."),ve=e("li",null,[e("strong",null,"Extensible"),t(" \u2014 Every aspect of this platform is modular to avoid any hard feature ceiling.")],-1),De=e("li",null,[e("strong",null,"Unopinionated"),t(" \u2014 Choose the stack, database, and architecture as you wish.")],-1),ke=e("h2",{id:"directus-cloud",tabindex:"-1"},[t("Directus Cloud "),e("a",{class:"header-anchor",href:"#directus-cloud"},"#")],-1),Ie=e("p",null,[e("strong",null,"Directus Cloud is the fastest and easiest way to get your Directus Projects going.")],-1),xe=t("Cloud architecture can be complicated and resource-intensive. Directus Cloud provides scalable, optimized storage and infrastructure, and automatic updates so developers can focus on the app\u2019s core business logic. Directus Cloud also offers "),Te=t("Cloud Exclusive Extensions"),Ce=t(", enhancing Directus Core with even more features."),Se=e("p",null,"With free Dirctus Cloud account, you can set up Teams to organize Projects, Project billing, and other Team Members however you need. You\u2019ll be able to get a Project running in about 90 seconds. Then as Project growth changes over time, scale service up or down as needed at the click of a button. The cloud dashboard also provides simple, straightforward analytics to help understand traffic and inform scaling decisions.",-1),je={class:"tip hint"},Ae=e("div",{class:"hint-title"},"Ready to try Directus Cloud?",-1),Pe=t("Setup your free Cloud account and learn Directus hands-on in the "),Ee=t("Quickstart Guide"),Le=t("."),qe=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Enterprise Cloud"),e("p",null,[t("Need advanced configuration, unlimited scalability, and dedicated support? "),e("a",{href:"https://directus.io/contact/",target:"_blank",rel:"noopener noreferrer"},"Contact us")])],-1),ze="Introduction",Ue=!1,Me={name:"introduction",setup(Fe,{expose:r}){const n={title:"Introduction",modularExtension:!1};return r({frontmatter:n}),(Qe,We)=>{const s=i("router-link"),l=i("docs-wrapper");return d(),c(l,{frontmatter:n},{default:o(()=>[e("div",u,[h,p,m,_,g,f,y,b,w,v,D,k,e("div",I,[x,e("p",null,[T,a(s,{to:"/docs/getting-started/quickstart/"},{default:o(()=>[C]),_:1}),S])]),j,A,P,E,L,q,F,Q,W,B,e("div",z,[U,e("p",null,[M,N,R,a(s,{to:"/docs/getting-started/glossary/#projects"},{default:o(()=>[G]),_:1}),O,a(s,{to:"/docs/getting-started/glossary/#collections"},{default:o(()=>[H]),_:1}),K,a(s,{to:"/docs/getting-started/glossary/#fields"},{default:o(()=>[V]),_:1}),Y,a(s,{to:"/docs/getting-started/glossary/#items"},{default:o(()=>[J]),_:1}),X,a(s,{to:"/docs/getting-started/glossary/#types"},{default:o(()=>[Z]),_:1}),$])]),ee,te,oe,se,ae,ne,ie,re,le,de,ce,ue,e("ul",null,[he,pe,me,e("li",null,[_e,ge,a(s,{to:"/docs/getting-started/glossary/#collections"},{default:o(()=>[fe]),_:1}),ye,a(s,{to:"/docs/getting-started/glossary/#items"},{default:o(()=>[be]),_:1}),we]),ve,De]),ke,Ie,e("p",null,[xe,a(s,{to:"/docs/cloud/glossary/#cloud-exclusives"},{default:o(()=>[Te]),_:1}),Ce]),Se,e("div",je,[Ae,e("p",null,[Pe,a(s,{to:"/docs/getting-started/quickstart/"},{default:o(()=>[Ee]),_:1}),Le])]),qe])]),_:1})}}};export{Me as default,Ue as modularExtension,ze as title};

package/dist/assets/introduction.eda1c2c4.js

@@ -1,90 +0,0 @@
-import{a as o,o as r,b as u,w as n,g as t,e as a,B as s}from"./runtime-core.esm-bundler.e3d5f5b7.js";const h={class:"markdown-body"},d=t("blockquote",null,[t("p",null,"Directus offers both a RESTful and GraphQL API to manage the data in the database. The API has predictable resource-oriented URLs, relies on standard HTTP status codes, and uses JSON for input and output.")],-1),p=t("p",null,[t("div",{class:"table-of-contents"},[t("ul",null,[t("li",null,[t("a",{href:"#dynamic-api"},"Dynamic API ")]),t("li",null,[t("a",{href:"#rest-vs.-graphql"},"REST vs. GraphQL ")]),t("li",null,[t("a",{href:"#authentication"},"Authentication ")]),t("li",null,[t("a",{href:"#relational-data"},"Relational Data ")]),t("li",null,[t("a",{href:"#search-http-method"},"SEARCH HTTP Method ")]),t("li",null,[t("a",{href:"#system-data-in-graphql"},"System data in GraphQL ")]),t("li",null,[t("a",{href:"#error-codes"},"Error Codes ")])])])],-1),_=t("h2",{id:"dynamic-api",tabindex:"-1"},[s("Dynamic API "),t("a",{class:"header-anchor",href:"#dynamic-api"},"#")],-1),f=s("The platform\u2019s API uses "),m=s("Database Mirroring"),y=s(" to dynamically generate REST endpoints and a GraphQL schema based on the connected database\u2019s architecture. Since these endpoints return data based on your specific schema and configured permissions, the input/output of the API differs greatly for individual installations."),j=t("h2",{id:"rest-vs.-graphql",tabindex:"-1"},[s("REST vs. GraphQL "),t("a",{class:"header-anchor",href:"#rest-vs.-graphql"},"#")],-1),g=t("p",null,[t("strong",null,"There is no difference in the functionality available between the REST and GraphQL endpoints."),s(" The functionality available in both is mapped to the same set of core services, meaning that you don\u2019t lose any performance or capabilities by choosing one or the other.")],-1),b=t("p",null,"Which one you choose is ultimately up to you.",-1),w=t("h2",{id:"authentication",tabindex:"-1"},[s("Authentication "),t("a",{class:"header-anchor",href:"#authentication"},"#")],-1),T=s("By default, all data in the system is off-limits for unauthenticated users. To gain access to protected data, you must "),v=s("include an access token with every request"),E=s(", or "),A=s("configure permissions for the public role"),k=s("."),I=t("p",null,"Useful references:",-1),P=s("Authenticating into the API"),x=s("Login endpoint reference"),D=t("h2",{id:"relational-data",tabindex:"-1"},[s("Relational Data "),t("a",{class:"header-anchor",href:"#relational-data"},"#")],-1),S=s("Directus only retrieves the fields in your items that explicitly have been requested. Relational data can be retrieved nested by using "),R=s("the "),q=t("code",null,"fields",-1),L=s(" parameter"),N=s(" in REST, or regular nested queries in GraphQL. This allows you to retrieve the author of your article included in the articles data, or fetch related log entry points for your app\u2019s analytics data for example."),O=t("h3",{id:"creating-%2F-updating-%2F-deleting",tabindex:"-1"},[s("Creating / Updating / Deleting "),t("a",{class:"header-anchor",href:"#creating-%2F-updating-%2F-deleting"},"#")],-1),C=t("p",null,"Similarly to fetching, relational content can be modified deeply as well.",-1),H=t("h4",{id:"many-to-one",tabindex:"-1"},[s("Many-to-One "),t("a",{class:"header-anchor",href:"#many-to-one"},"#")],-1),M=t("p",null,"Many-to-One relationships are fairly straightforward to manage relationally. You can simply submit the changes you want as an object under the relational key in your collection. For example, if you wanted to create a new featured article on your page, you could submit:",-1),U=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"featured_article"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-		`),t("span",{class:"hljs-attr"},'"title"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"This is my new article!"'),s(`
-	`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),G=t("p",null,[s("This will create a new record in the related collection, and save its primary key in the "),t("code",null,"featured_article"),s(" field for this item. To update an existing item, simply provide the primary key with the updates, and Directus will treat it as an update instead of a creation:")],-1),V=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"featured_article"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-		`),t("span",{class:"hljs-attr"},'"id"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-number"},"15"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-attr"},'"title"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"This is an updated title for my article!"'),s(`
-	`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),B=t("p",null,"Seeing that the Many-to-One relationship stores the foreign key on the field itself, removing the item can be done by nullifying the field:",-1),F=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"featured_article"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-literal"},[t("span",{class:"hljs-keyword"},"null")]),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),Q=t("h4",{id:"one-to-many-(%2F-many-to-many)",tabindex:"-1"},[s("One-to-Many (/ Many-to-Many) "),t("a",{class:"header-anchor",href:"#one-to-many-(%2F-many-to-many)"},"#")],-1),Y=t("p",null,"One-to-Many, and therefore Many-to-Many and Many-to-Any, relationships can be updated in one of two ways:",-1),W=t("p",null,[t("strong",null,"Basic")],-1),K=t("p",null,[s("The API will return one-to-many fields as an array of nested keys or items (based on the "),t("code",null,"fields"),s(" parameter). You can use this same structure to select what the related items are:")],-1),X=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"children"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-number"},"2"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-number"},"7"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-number"},"149"),t("span",{class:"hljs-punctuation"},"]"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),z=t("p",null,"You can also provide an object instead of a primary key in order to create new items nested on the fly, or an object with a primary key included to update an existing item:",-1),J=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"children"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),s(`
-		`),t("span",{class:"hljs-number"},"2"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-comment"},"// assign existing item 2 to be a child of the current item"),s(`
-		`),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"A new nested item"'),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"id"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-number"},"149"),t("span",{class:"hljs-punctuation"},","),s(`
-			`),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"Assign and update existing item 149"'),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),s(`
-	`),t("span",{class:"hljs-punctuation"},"]"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),Z=t("p",null,"To remove items from this relationship, simply omit them from the array:",-1),$=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"children"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-number"},"2"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-number"},"149"),t("span",{class:"hljs-punctuation"},"]"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),tt=t("p",null,"This method of updating a one-to-many is very useful for smaller relational datasets.",-1),st=t("p",null,[t("strong",null,"\u201CDetailed\u201D")],-1),nt=t("p",null,"Alternatively, you can provide an object detailing the changes as follows:",-1),et=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"children"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-		`),t("span",{class:"hljs-attr"},'"create"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-punctuation"},"{"),s(),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"A new nested item"'),s(),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},"]"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-attr"},'"update"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-punctuation"},"{"),s(),t("span",{class:"hljs-attr"},'"id"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-number"},"149"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"A new nested item"'),s(),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},"]"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-attr"},'"delete"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-number"},"7"),t("span",{class:"hljs-punctuation"},"]"),s(`
-	`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),at=t("p",null,"This is useful if you need to have more tightly control on staged changes, or when you\u2019re working with a big relational dataset.",-1),lt=t("h4",{id:"many-to-any-(union-types)",tabindex:"-1"},[s("Many-to-Any (Union Types) "),t("a",{class:"header-anchor",href:"#many-to-any-(union-types)"},"#")],-1),ot=t("p",null,"Many-to-Any fields work very similar to a \u201Cregular\u201D many-to-many, with the exception that the related field can pull in the fields from any of the related collections, for example:",-1),it=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"sections"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),s(`
-		`),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"collection"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"headings"'),t("span",{class:"hljs-punctuation"},","),s(`
-			`),t("span",{class:"hljs-attr"},'"item"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-				`),t("span",{class:"hljs-comment"},"/* headings fields */"),s(`
-			`),t("span",{class:"hljs-punctuation"},"}"),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"collection"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"paragraphs"'),t("span",{class:"hljs-punctuation"},","),s(`
-			`),t("span",{class:"hljs-attr"},'"item"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-				`),t("span",{class:"hljs-comment"},"/* paragraphs fields */"),s(`
-			`),t("span",{class:"hljs-punctuation"},"}"),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),s(`
-	`),t("span",{class:"hljs-punctuation"},"]"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),ct=t("h5",{id:"rest-api",tabindex:"-1"},[s("REST API "),t("a",{class:"header-anchor",href:"#rest-api"},"#")],-1),rt=t("p",null,[s("To scope the fields that are returned per collection type, you can use the "),t("code",null,"<field>:<scope>"),s(" syntax in the fields parameter as follows:")],-1),ut=t("pre",null,[t("code",null,`GET /items/pages
-	?fields[]=sections.item:headings.id
-	&fields[]=sections.item:headings.title
-	&fields[]=sections.item:paragraphs.body
-	&fields[]=sections.item:paragraphs.background_color
-`)],-1),ht=t("h5",{id:"graphql",tabindex:"-1"},[s("GraphQL "),t("a",{class:"header-anchor",href:"#graphql"},"#")],-1),dt=t("p",null,"In GraphQL, you can use nested fragments on the Union Type to select the fields:",-1),pt=t("pre",null,[t("code",{class:"language-graphql"},[t("span",{class:"hljs-keyword"},"query"),s(` {
-	pages {
-		sections {
-			item {
-				`),t("span",{class:"hljs-keyword"},"..."),s(),t("span",{class:"hljs-keyword"},"on"),s(` headings {
-					id
-					title
-				}
-
-				`),t("span",{class:"hljs-keyword"},"..."),s(),t("span",{class:"hljs-keyword"},"on"),s(` paragraphs {
-					body
-					background_color
-				}
-			}
-		}
-	}
-}
-`)])],-1),_t=t("div",{class:"tip hint"},[t("div",{class:"hint-title"},"Updating"),t("p",null,"Updating records in a many-to-any is identical to the other relationship types.")],-1),ft=t("h2",{id:"search-http-method",tabindex:"-1"},[s("SEARCH HTTP Method "),t("a",{class:"header-anchor",href:"#search-http-method"},"#")],-1),mt=t("p",null,"When using the REST API to read multiple items by (very) advanced filters, you might run into the issue where the URL simply can\u2019t hold enough data to include the full query structure. In those cases, you can use the SEARCH http method as a drop-in replacement for GET, where you\u2019re allowed to put the query into the request body as follows:",-1),yt=t("p",null,[t("strong",null,"Before:")],-1),jt=t("pre",null,[t("code",null,`GET /items/articles?filter[title][_eq]=Hello World
-`)],-1),gt=t("p",null,[t("strong",null,"After:")],-1),bt=t("pre",null,[t("code",{class:"language-json"},[s(`SEARCH /items/articles
-
-`),t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"query"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-		`),t("span",{class:"hljs-attr"},'"filter"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"title"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-				`),t("span",{class:"hljs-attr"},'"_eq"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"Hello World"'),s(`
-			`),t("span",{class:"hljs-punctuation"},"}"),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),s(`
-	`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),wt=t("p",null,[s("There\u2019s a lot of discussion around whether or not to put a body in a GET request, to use POSTs to create search queries, or to rely on a different method altogether. As of right now, we\u2019ve chosen "),t("a",{href:"https://datatracker.ietf.org/doc/draft-ietf-httpbis-safe-method-w-body/",target:"_blank",rel:"noopener noreferrer"},[s("to align with IETF\u2019s "),t("em",null,"HTTP SEARCH Method"),s(" specification")]),s(". While we recognize this is still a draft spec, the SEARCH method has been used extensively before in the WebDAV world ("),t("a",{href:"https://tools.ietf.org/html/rfc5323",target:"_blank",rel:"noopener noreferrer"},"spec"),s("), and compared to the other available options, it feels like the \u201Ccleanest\u201D and most correct to handle this moving forward. As with everything else, if you have any ideas, opinions, or concerns, "),t("a",{href:"https://github.com/directus/directus/discussions/new",target:"_blank",rel:"noopener noreferrer"},"we\u2019d love to hear your thoughts"),s(".")],-1),Tt=t("p",null,"Useful reading:",-1),vt=t("ul",null,[t("li",null,[t("a",{href:"https://datatracker.ietf.org/doc/draft-ietf-httpbis-safe-method-w-body/",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"HTTP SEARCH Method"),s(" (IETF, 2021)")])]),t("li",null,[t("a",{href:"https://httptoolkit.tech/blog/http-search-method/",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"Defining a new HTTP method: HTTP SEARCH"),s(" (Tim Perry, 2021)")])]),t("li",null,[t("a",{href:"https://stackoverflow.com/questions/978061/http-get-with-request-body",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"HTTP GET with request body"),s(" (StackOverflow, 2009 and ongoing)")])]),t("li",null,[t("a",{href:"https://www.elastic.co/guide/en/elasticsearch/guide/current/_empty_search.html",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"Elastic Search GET body usage"),s(" (elastic, n.d.)")])]),t("li",null,[t("a",{href:"https://evertpot.com/dropbox-post-api/",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"Dropbox starts using POST, and why this is poor API design."),s(" (Evert Pot, 2015)")])])],-1),Et=t("h2",{id:"system-data-in-graphql",tabindex:"-1"},[s("System data in GraphQL "),t("a",{class:"header-anchor",href:"#system-data-in-graphql"},"#")],-1),At=t("p",null,[s("Due to restrictions in GraphQL itself, it\u2019s impossible to properly scope/namespace system functionality from regular data access. In order to prevent any naming conflicts between user-created and system data, we\u2019ve scoped the access of the two into separate endpoints for user and system data respectively: "),t("code",null,"/graphql"),s(" and "),t("code",null,"/graphql/system"),s(". Both endpoints share the same underlying schema, so "),t("strong",null,"nested relations will work as expected"),s(" regardless if they \u201Ccross over\u201D between user and system data. The only difference in the two endpoints are the root query and mutation fields available.")],-1),kt=t("h2",{id:"error-codes",tabindex:"-1"},[s("Error Codes "),t("a",{class:"header-anchor",href:"#error-codes"},"#")],-1),It=t("p",null,"Below are the global error codes used within Directus, and what they mean.",-1),Pt=t("table",null,[t("thead",null,[t("tr",null,[t("th",null,"Error Code"),t("th",null,"HTTP Status"),t("th",null,"Description")])]),t("tbody",null,[t("tr",null,[t("td",null,[t("code",null,"FAILED_VALIDATION")]),t("td",null,"400"),t("td",null,"Validation for this particular item failed")]),t("tr",null,[t("td",null,[t("code",null,"FORBIDDEN")]),t("td",null,"403"),t("td",null,"You are not allowed to do the current action")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_TOKEN")]),t("td",null,"403"),t("td",null,"Provided token is invalid")]),t("tr",null,[t("td",null,[t("code",null,"TOKEN_EXPIRED")]),t("td",null,"401"),t("td",null,"Provided token is valid but has expired")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_CREDENTIALS")]),t("td",null,"401"),t("td",null,"Username / password or access token is wrong")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_IP")]),t("td",null,"401"),t("td",null,"Your IP address isn\u2019t allow-listed to be used with this user")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_OTP")]),t("td",null,"401"),t("td",null,"Wrong OTP was provided")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_PAYLOAD")]),t("td",null,"400"),t("td",null,"Provided payload is invalid")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_QUERY")]),t("td",null,"400"),t("td",null,"The requested query parameters can not be used")]),t("tr",null,[t("td",null,[t("code",null,"UNSUPPORTED_MEDIA_TYPE")]),t("td",null,"415"),t("td",null,[s("Provided payload format or "),t("code",null,"Content-Type"),s(" header is unsupported")])]),t("tr",null,[t("td",null,[t("code",null,"REQUESTS_EXCEEDED")]),t("td",null,"429"),t("td",null,"Hit the rate limit")]),t("tr",null,[t("td",null,[t("code",null,"ROUTE_NOT_FOUND")]),t("td",null,"404"),t("td",null,"Endpoint does not exist")]),t("tr",null,[t("td",null,[t("code",null,"SERVICE_UNAVAILABLE")]),t("td",null,"503"),t("td",null,"Could not use external service")]),t("tr",null,[t("td",null,[t("code",null,"UNPROCESSABLE_ENTITY")]),t("td",null,"422"),t("td",null,"You tried doing something illegal")])])],-1),xt=t("div",{class:"warning hint"},[t("div",{class:"hint-title"},"Security"),t("p",null,[s("To prevent leaking which items exist, all actions for non-existing items will return a "),t("code",null,"FORBIDDEN"),s(" error.")])],-1),Lt="API Reference",Nt=!1,Ot={name:"introduction",setup(Dt,{expose:i}){const l={title:"API Reference",modularExtension:!1};return i({frontmatter:l}),(St,Rt)=>{const e=o("router-link"),c=o("docs-wrapper");return r(),u(c,{frontmatter:l},{default:n(()=>[t("div",h,[d,p,_,t("p",null,[f,a(e,{to:"/docs/getting-started/introduction/#database-mirroring"},{default:n(()=>[m]),_:1}),y]),j,g,b,w,t("p",null,[T,a(e,{to:"/docs/reference/authentication/#access-tokens"},{default:n(()=>[v]),_:1}),E,a(e,{to:"/docs/getting-started/quickstart/#_6-set-role-public-permissions"},{default:n(()=>[A]),_:1}),k]),I,t("ul",null,[t("li",null,[a(e,{to:"/docs/reference/authentication/"},{default:n(()=>[P]),_:1})]),t("li",null,[a(e,{to:"/docs/reference/authentication/#login"},{default:n(()=>[x]),_:1})])]),D,t("p",null,[S,a(e,{to:"/docs/reference/query/#fields"},{default:n(()=>[R,q,L]),_:1}),N]),O,C,H,M,U,G,V,B,F,Q,Y,W,K,X,z,J,Z,$,tt,st,nt,et,at,lt,ot,it,ct,rt,ut,ht,dt,pt,_t,ft,mt,yt,jt,gt,bt,wt,Tt,vt,Et,At,kt,It,Pt,xt])]),_:1})}}};export{Ot as default,Nt as modularExtension,Lt as title};