@dcodegroup-au/dsg-vue 0.0.13-alpha.2 → 0.0.13-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/dsg-vue.table.cjs
CHANGED
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
`+a.map(Ze).join(`
|
|
5
5
|
`):" "+Ze(a[0]):"as no adapter specified";throw new V("There is no suitable adapter to dispatch the request "+l,"ERR_NOT_SUPPORT")}return s},adapters:Ve};function Pe(e){if(e.cancelToken&&e.cancelToken.throwIfRequested(),e.signal&&e.signal.aborted)throw new ie(null,e)}function Ge(e){return Pe(e),e.headers=Y.from(e.headers),e.data=Ne.call(e,e.transformRequest),["post","put","patch"].indexOf(e.method)!==-1&&e.headers.setContentType("application/x-www-form-urlencoded",!1),Tt.getAdapter(e.adapter||pe.adapter)(e).then(function(s){return Pe(e),s.data=Ne.call(e,e.transformResponse,s),s.headers=Y.from(s.headers),s},function(s){return vt(s)||(Pe(e),s&&s.response&&(s.response.data=Ne.call(e,e.transformResponse,s.response),s.response.headers=Y.from(s.response.headers))),Promise.reject(s)})}const $t="1.8.4",Be={};["object","boolean","number","function","string","symbol"].forEach((e,n)=>{Be[e]=function(s){return typeof s===e||"a"+(n<1?"n ":" ")+e}});const Qe={};Be.transitional=function(n,r,s){function o(a,l){return"[Axios v"+$t+"] Transitional option '"+a+"'"+l+(s?". "+s:"")}return(a,l,i)=>{if(n===!1)throw new V(o(l," has been removed"+(r?" in "+r:"")),V.ERR_DEPRECATED);return r&&!Qe[l]&&(Qe[l]=!0,console.warn(o(l," has been deprecated since v"+r+" and will be removed in the near future"))),n?n(a,l,i):!0}};Be.spelling=function(n){return(r,s)=>(console.warn(`${s} is likely a misspelling of ${n}`),!0)};function Br(e,n,r){if(typeof e!="object")throw new V("options must be an object",V.ERR_BAD_OPTION_VALUE);const s=Object.keys(e);let o=s.length;for(;o-- >0;){const a=s[o],l=n[a];if(l){const i=e[a],h=i===void 0||l(i,a,e);if(h!==!0)throw new V("option "+a+" must be "+h,V.ERR_BAD_OPTION_VALUE);continue}if(r!==!0)throw new V("Unknown option "+a,V.ERR_BAD_OPTION)}}const ye={assertOptions:Br,validators:Be},ee=ye.validators;let oe=class{constructor(n){this.defaults=n,this.interceptors={request:new qe,response:new qe}}async request(n,r){try{return await this._request(n,r)}catch(s){if(s instanceof Error){let o={};Error.captureStackTrace?Error.captureStackTrace(o):o=new Error;const a=o.stack?o.stack.replace(/^.+\n/,""):"";try{s.stack?a&&!String(s.stack).endsWith(a.replace(/^.+\n.+\n/,""))&&(s.stack+=`
|
|
6
6
|
`+a):s.stack=a}catch{}}throw s}}_request(n,r){typeof n=="string"?(r=r||{},r.url=n):r=n||{},r=ae(this.defaults,r);const{transitional:s,paramsSerializer:o,headers:a}=r;s!==void 0&&ye.assertOptions(s,{silentJSONParsing:ee.transitional(ee.boolean),forcedJSONParsing:ee.transitional(ee.boolean),clarifyTimeoutError:ee.transitional(ee.boolean)},!1),o!=null&&(c.isFunction(o)?r.paramsSerializer={serialize:o}:ye.assertOptions(o,{encode:ee.function,serialize:ee.function},!0)),r.allowAbsoluteUrls!==void 0||(this.defaults.allowAbsoluteUrls!==void 0?r.allowAbsoluteUrls=this.defaults.allowAbsoluteUrls:r.allowAbsoluteUrls=!0),ye.assertOptions(r,{baseUrl:ee.spelling("baseURL"),withXsrfToken:ee.spelling("withXSRFToken")},!0),r.method=(r.method||this.defaults.method||"get").toLowerCase();let l=a&&c.merge(a.common,a[r.method]);a&&c.forEach(["delete","get","head","post","put","patch","common"],p=>{delete a[p]}),r.headers=Y.concat(l,a);const i=[];let h=!0;this.interceptors.request.forEach(function(S){typeof S.runWhen=="function"&&S.runWhen(r)===!1||(h=h&&S.synchronous,i.unshift(S.fulfilled,S.rejected))});const u=[];this.interceptors.response.forEach(function(S){u.push(S.fulfilled,S.rejected)});let m,d=0,$;if(!h){const p=[Ge.bind(this),void 0];for(p.unshift.apply(p,i),p.push.apply(p,u),$=p.length,m=Promise.resolve(r);d<$;)m=m.then(p[d++],p[d++]);return m}$=i.length;let R=r;for(d=0;d<$;){const p=i[d++],S=i[d++];try{R=p(R)}catch(w){S.call(this,w);break}}try{m=Ge.call(this,R)}catch(p){return Promise.reject(p)}for(d=0,$=u.length;d<$;)m=m.then(u[d++],u[d++]);return m}getUri(n){n=ae(this.defaults,n);const r=kt(n.baseURL,n.url,n.allowAbsoluteUrls);return gt(r,n.params,n.paramsSerializer)}};c.forEach(["delete","get","head","options"],function(n){oe.prototype[n]=function(r,s){return this.request(ae(s||{},{method:n,url:r,data:(s||{}).data}))}});c.forEach(["post","put","patch"],function(n){function r(s){return function(a,l,i){return this.request(ae(i||{},{method:n,headers:s?{"Content-Type":"multipart/form-data"}:{},url:a,data:l}))}}oe.prototype[n]=r(),oe.prototype[n+"Form"]=r(!0)});let Dr=class Bt{constructor(n){if(typeof n!="function")throw new TypeError("executor must be a function.");let r;this.promise=new Promise(function(a){r=a});const s=this;this.promise.then(o=>{if(!s._listeners)return;let a=s._listeners.length;for(;a-- >0;)s._listeners[a](o);s._listeners=null}),this.promise.then=o=>{let a;const l=new Promise(i=>{s.subscribe(i),a=i}).then(o);return l.cancel=function(){s.unsubscribe(a)},l},n(function(a,l,i){s.reason||(s.reason=new ie(a,l,i),r(s.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(n){if(this.reason){n(this.reason);return}this._listeners?this._listeners.push(n):this._listeners=[n]}unsubscribe(n){if(!this._listeners)return;const r=this._listeners.indexOf(n);r!==-1&&this._listeners.splice(r,1)}toAbortSignal(){const n=new AbortController,r=s=>{n.abort(s)};return this.subscribe(r),n.signal.unsubscribe=()=>this.unsubscribe(r),n.signal}static source(){let n;return{token:new Bt(function(o){n=o}),cancel:n}}};function Rr(e){return function(r){return e.apply(null,r)}}function Nr(e){return c.isObject(e)&&e.isAxiosError===!0}const xe={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(xe).forEach(([e,n])=>{xe[n]=e});function Dt(e){const n=new oe(e),r=ot(oe.prototype.request,n);return c.extend(r,oe.prototype,n,{allOwnKeys:!0}),c.extend(r,n,null,{allOwnKeys:!0}),r.create=function(o){return Dt(ae(e,o))},r}const q=Dt(pe);q.Axios=oe;q.CanceledError=ie;q.CancelToken=Dr;q.isCancel=vt;q.VERSION=$t;q.toFormData=Te;q.AxiosError=V;q.Cancel=q.CanceledError;q.all=function(n){return Promise.all(n)};q.spread=Rr;q.isAxiosError=Nr;q.mergeConfig=ae;q.AxiosHeaders=Y;q.formToJSON=e=>yt(c.isHTMLForm(e)?new FormData(e):e);q.getAdapter=Tt.getAdapter;q.HttpStatusCode=xe;q.default=q;const{Axios:Ms,AxiosError:Ls,CanceledError:Us,isCancel:Hs,CancelToken:zs,VERSION:js,all:qs,Cancel:Is,isAxiosError:Ws,spread:Js,toFormData:Ks,AxiosHeaders:Ys,HttpStatusCode:Xs,formToJSON:Zs,getAdapter:Gs,mergeConfig:Qs}=q;var ve={exports:{}},Pr=ve.exports,et;function Or(){return et||(et=1,function(e,n){(function(r,s){e.exports=s()})(Pr,function(){var r=1e3,s=6e4,o=36e5,a="millisecond",l="second",i="minute",h="hour",u="day",m="week",d="month",$="quarter",R="year",p="date",S="Invalid Date",w=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,P=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,L={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(N){var k=["th","st","nd","rd"],v=N%100;return"["+N+(k[(v-20)%10]||k[v]||k[0])+"]"}},M=function(N,k,v){var B=String(N);return!B||B.length>=k?N:""+Array(k+1-B.length).join(v)+N},W={s:M,z:function(N){var k=-N.utcOffset(),v=Math.abs(k),B=Math.floor(v/60),E=v%60;return(k<=0?"+":"-")+M(B,2,"0")+":"+M(E,2,"0")},m:function N(k,v){if(k.date()<v.date())return-N(v,k);var B=12*(v.year()-k.year())+(v.month()-k.month()),E=k.clone().add(B,d),A=v-E<0,_=k.clone().add(B+(A?-1:1),d);return+(-(B+(v-E)/(A?E-_:_-E))||0)},a:function(N){return N<0?Math.ceil(N)||0:Math.floor(N)},p:function(N){return{M:d,y:R,w:m,d:u,D:p,h,m:i,s:l,ms:a,Q:$}[N]||String(N||"").toLowerCase().replace(/s$/,"")},u:function(N){return N===void 0}},C="en",f={};f[C]=L;var y="$isDayjsObject",g=function(N){return N instanceof x||!(!N||!N[y])},j=function N(k,v,B){var E;if(!k)return C;if(typeof k=="string"){var A=k.toLowerCase();f[A]&&(E=A),v&&(f[A]=v,E=A);var _=k.split("-");if(!E&&_.length>1)return N(_[0])}else{var b=k.name;f[b]=k,E=b}return!B&&E&&(C=E),E||!B&&C},D=function(N,k){if(g(N))return N.clone();var v=typeof k=="object"?k:{};return v.date=N,v.args=arguments,new x(v)},O=W;O.l=j,O.i=g,O.w=function(N,k){return D(N,{locale:k.$L,utc:k.$u,x:k.$x,$offset:k.$offset})};var x=function(){function N(v){this.$L=j(v.locale,null,!0),this.parse(v),this.$x=this.$x||v.x||{},this[y]=!0}var k=N.prototype;return k.parse=function(v){this.$d=function(B){var E=B.date,A=B.utc;if(E===null)return new Date(NaN);if(O.u(E))return new Date;if(E instanceof Date)return new Date(E);if(typeof E=="string"&&!/Z$/i.test(E)){var _=E.match(w);if(_){var b=_[2]-1||0,T=(_[7]||"0").substring(0,3);return A?new Date(Date.UTC(_[1],b,_[3]||1,_[4]||0,_[5]||0,_[6]||0,T)):new Date(_[1],b,_[3]||1,_[4]||0,_[5]||0,_[6]||0,T)}}return new Date(E)}(v),this.init()},k.init=function(){var v=this.$d;this.$y=v.getFullYear(),this.$M=v.getMonth(),this.$D=v.getDate(),this.$W=v.getDay(),this.$H=v.getHours(),this.$m=v.getMinutes(),this.$s=v.getSeconds(),this.$ms=v.getMilliseconds()},k.$utils=function(){return O},k.isValid=function(){return this.$d.toString()!==S},k.isSame=function(v,B){var E=D(v);return this.startOf(B)<=E&&E<=this.endOf(B)},k.isAfter=function(v,B){return D(v)<this.startOf(B)},k.isBefore=function(v,B){return this.endOf(B)<D(v)},k.$g=function(v,B,E){return O.u(v)?this[B]:this.set(E,v)},k.unix=function(){return Math.floor(this.valueOf()/1e3)},k.valueOf=function(){return this.$d.getTime()},k.startOf=function(v,B){var E=this,A=!!O.u(B)||B,_=O.p(v),b=function(re,K){var te=O.w(E.$u?Date.UTC(E.$y,K,re):new Date(E.$y,K,re),E);return A?te:te.endOf(u)},T=function(re,K){return O.w(E.toDate()[re].apply(E.toDate("s"),(A?[0,0,0,0]:[23,59,59,999]).slice(K)),E)},F=this.$W,U=this.$M,z=this.$D,G="set"+(this.$u?"UTC":"");switch(_){case R:return A?b(1,0):b(31,11);case d:return A?b(1,U):b(0,U+1);case m:var Q=this.$locale().weekStart||0,ce=(F<Q?F+7:F)-Q;return b(A?z-ce:z+(6-ce),U);case u:case p:return T(G+"Hours",0);case h:return T(G+"Minutes",1);case i:return T(G+"Seconds",2);case l:return T(G+"Milliseconds",3);default:return this.clone()}},k.endOf=function(v){return this.startOf(v,!1)},k.$set=function(v,B){var E,A=O.p(v),_="set"+(this.$u?"UTC":""),b=(E={},E[u]=_+"Date",E[p]=_+"Date",E[d]=_+"Month",E[R]=_+"FullYear",E[h]=_+"Hours",E[i]=_+"Minutes",E[l]=_+"Seconds",E[a]=_+"Milliseconds",E)[A],T=A===u?this.$D+(B-this.$W):B;if(A===d||A===R){var F=this.clone().set(p,1);F.$d[b](T),F.init(),this.$d=F.set(p,Math.min(this.$D,F.daysInMonth())).$d}else b&&this.$d[b](T);return this.init(),this},k.set=function(v,B){return this.clone().$set(v,B)},k.get=function(v){return this[O.p(v)]()},k.add=function(v,B){var E,A=this;v=Number(v);var _=O.p(B),b=function(U){var z=D(A);return O.w(z.date(z.date()+Math.round(U*v)),A)};if(_===d)return this.set(d,this.$M+v);if(_===R)return this.set(R,this.$y+v);if(_===u)return b(1);if(_===m)return b(7);var T=(E={},E[i]=s,E[h]=o,E[l]=r,E)[_]||1,F=this.$d.getTime()+v*T;return O.w(F,this)},k.subtract=function(v,B){return this.add(-1*v,B)},k.format=function(v){var B=this,E=this.$locale();if(!this.isValid())return E.invalidDate||S;var A=v||"YYYY-MM-DDTHH:mm:ssZ",_=O.z(this),b=this.$H,T=this.$m,F=this.$M,U=E.weekdays,z=E.months,G=E.meridiem,Q=function(K,te,ue,he){return K&&(K[te]||K(B,A))||ue[te].slice(0,he)},ce=function(K){return O.s(b%12||12,K,"0")},re=G||function(K,te,ue){var he=K<12?"AM":"PM";return ue?he.toLowerCase():he};return A.replace(P,function(K,te){return te||function(ue){switch(ue){case"YY":return String(B.$y).slice(-2);case"YYYY":return O.s(B.$y,4,"0");case"M":return F+1;case"MM":return O.s(F+1,2,"0");case"MMM":return Q(E.monthsShort,F,z,3);case"MMMM":return Q(z,F);case"D":return B.$D;case"DD":return O.s(B.$D,2,"0");case"d":return String(B.$W);case"dd":return Q(E.weekdaysMin,B.$W,U,2);case"ddd":return Q(E.weekdaysShort,B.$W,U,3);case"dddd":return U[B.$W];case"H":return String(b);case"HH":return O.s(b,2,"0");case"h":return ce(1);case"hh":return ce(2);case"a":return re(b,T,!0);case"A":return re(b,T,!1);case"m":return String(T);case"mm":return O.s(T,2,"0");case"s":return String(B.$s);case"ss":return O.s(B.$s,2,"0");case"SSS":return O.s(B.$ms,3,"0");case"Z":return _}return null}(K)||_.replace(":","")})},k.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},k.diff=function(v,B,E){var A,_=this,b=O.p(B),T=D(v),F=(T.utcOffset()-this.utcOffset())*s,U=this-T,z=function(){return O.m(_,T)};switch(b){case R:A=z()/12;break;case d:A=z();break;case $:A=z()/3;break;case m:A=(U-F)/6048e5;break;case u:A=(U-F)/864e5;break;case h:A=U/o;break;case i:A=U/s;break;case l:A=U/r;break;default:A=U}return E?A:O.a(A)},k.daysInMonth=function(){return this.endOf(d).$D},k.$locale=function(){return f[this.$L]},k.locale=function(v,B){if(!v)return this.$L;var E=this.clone(),A=j(v,B,!0);return A&&(E.$L=A),E},k.clone=function(){return O.w(this.$d,this)},k.toDate=function(){return new Date(this.valueOf())},k.toJSON=function(){return this.isValid()?this.toISOString():null},k.toISOString=function(){return this.$d.toISOString()},k.toString=function(){return this.$d.toUTCString()},N}(),I=x.prototype;return D.prototype=I,[["$ms",a],["$s",l],["$m",i],["$H",h],["$W",u],["$M",d],["$y",R],["$D",p]].forEach(function(N){I[N[1]]=function(k){return this.$g(k,N[0],N[1])}}),D.extend=function(N,k){return N.$i||(N(k,x,D),N.$i=!0),D},D.locale=j,D.isDayjs=g,D.unix=function(N){return D(1e3*N)},D.en=f[C],D.Ls=f,D.p={},D})}(ve)),ve.exports}var _r=Or();const Ar=xt.getDefaultExportFromCjs(_r),Fr={class:"dsg-table--filter",ref:"dsgTableFilter"},Vr={class:"dsg-table--filter-trigger"},xr={key:0,class:"dsg-table--filter-menu"},Mr={class:"dsg-table--filter--header"},Lr={class:"dsg-table--filter--list"},Ur=["onClick"],Hr={class:"dsg-table--filter--facet-title"},zr={class:"dsg-table--filter--facet-icon-wrapper"},jr={class:"dsg-table--filter--facet-content"},qr={key:0,class:"dsg-table--filter--facet-search"},Ir={class:"no-results"},Wr={class:"dsg-table--filter--facet-list"},Jr={key:0,class:"dsg-table--filter--facet-list-item"},Kr={key:1,class:"dsg-table--filter--facet-action"},Yr={class:"dsg-table--filter--facet"},Xr=["innerHTML"],Zr={class:"dsg-table--filter--facet-content"},Gr={key:2,class:"dsg-table--filter-list-divider-item"},Rt=t.defineComponent({__name:"DsgTableFilter",props:{entity:{},filterEmitsTo:{},filterEndpoint:{default:null},initialFilters:{default:()=>({})},filterIcon:{default:"filter-lines"},placement:{default:"bottom-end"},moveSelectedToTop:{type:Boolean,default:!0}},emits:["dsg-table:filter-updated"],setup(e,{emit:n}){const r=t.ref(!1),s=t.ref(3),o=t.ref([]),a=t.ref(!1),l=t.ref(""),i=t.useTemplateRef("dsgTableFilter"),h=t.useTemplateRef("floatingVueFilterDropdown"),u=t.computed(()=>{let f=0;return f+=P().reduce((y,g)=>y+(g.refines.some(j=>j.selected)?1:0),0),f+=P("date_range").reduce((y,g)=>y+(g.value?1:0),0),f}),m=t.computed(()=>u.value===0?"Filter":`Filters (${u.value})`),d=t.computed(()=>l.value.length>0?`${e.filterEndpoint}?filter[term]=${l.value}`||`/app/api/filters/${e.entity}?filter[term]=${l.value}`:e.filterEndpoint||`/app/api/filters/${e.entity}`),$=()=>{q.get(d.value).then(f=>{o.value=f.data.map(y=>["date_range","date"].includes(y.type)?(a.value=!0,{...y,value:y.value?String(y.value).split(",").map(g=>Ar(g,"YYYY-MM-DD").toDate()):null}):y.type==="refines"&&y.refines?{results:y.refines,displaying:3,viewAll:!1,searchTerm:null,noResults:!1,active:!1,hasSearch:!0,...y}:y),S()})},R=f=>{if(e.moveSelectedToTop){const y=f.results.filter(g=>g.selected).sort((g,j)=>g.label>j.label?1:-1);f.results=y.concat(f.results.filter(g=>!g.selected))}},p=H.useDebounceFn((f,y)=>{const g=!y||y===""?null:y;f.searchTerm=g;const j=f.searchTerm?.toLowerCase();j&&(f.results=f.refines.map(D=>(D.visible=D.label.toLowerCase().includes(j),D)).sort((D,O)=>D.visible===O.visible?-1:1).filter(D=>D.visible===!0),R(f),f.displaying=f.results.length,f.results.length>s.value&&(f.results=f.results.slice(0,s.value)),f.noResults=f.results.length===0)},300),S=()=>{const f={},y=P(),g=P("date_range"),j=P("date");y.forEach(x=>{x.refines.forEach(I=>{I.selected&&(f[x.key]||(f[x.key]=[]),f[x.key].push(I.value))})}),g.forEach(x=>{if(Array.isArray(x.value)&&x.value[0]&&x.value[1]){const I=x.value[0],N=x.value[1],k=ne.isoFormatDate(new Date(I)),v=ne.isoFormatDate(new Date(N));f[`${x.key}`]=[k,v]}}),j.forEach(x=>{x.value&&(Array.isArray(x.value)?f[`${x.key}`]=x.value.map(I=>ne.isoFormatDate(new Date(I))):f[`${x.key}`]=x.value instanceof Date?ne.isoFormatDate(x.value):ne.isoFormatDate(new Date(x.value)))});const D={};let O="";for(let[x,I]of Object.entries(f))I=Array.isArray(I)?I.join(","):I,D[`filter[${x}]`]=I,O!==""&&(O+="&"),O+=`filter[${x}]=`+I;if(l.value.length>0&&(O!==""&&(O+="&"),O+="filter[term]="+l.value,D["filter[term]"]=l.value),H.tt(),!e.filterEmitsTo){const x=`${window.location.pathname}?${O}`;window.history.replaceState({},"",x)}C("dsg-table:filter-updated",{...D},f)},w=()=>{o.value.map(f=>{f.type==="refines"?(f.refines=f.refines.map(y=>(y.selected=!1,y)),f.results=f.refines,f.displaying=s.value,f.viewAll=!1,f.active=!1,f.searchTerm=null,f.noResults=!1):f.value=null}),S()},P=(f="refines")=>o.value.filter(y=>y.type===f),L=f=>{P().forEach(y=>{(!f||y!==f)&&(y.active=!1)})},M=f=>{f.refines=f.refines.map(y=>(y.visible=!0,y)).sort((y,g)=>y.label===g.label?-1:1),f.searchTerm=null,f.noResults=!1,f.results=f.refines,f.displaying=s.value,f.viewAll=!1,R(f),p(f)},W=f=>{if(a.value){const y=document.querySelector(".dp__outer_menu_wrap.dp--menu-wrapper");if(y&&y.contains(f.target))return}r.value=!1};t.onMounted(()=>{$()});const C=n;return(f,y)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",Fr,[t.createVNode(t.unref(H.kt),{triggers:[],placement:f.placement,"handle-resize":!0,strategy:"absolute",shown:r.value,flip:!1,shift:!1,boundary:t.unref(i),container:t.unref(i),"auto-hide":!1,class:"dsg-filter__popper",onHide:y[1]||(y[1]=g=>r.value=!1),ref_key:"floatingVueFilterDropdown",ref:h},{popper:t.withCtx(()=>[r.value?(t.openBlock(),t.createElementBlock("div",xr,[t.createElementVNode("div",{class:t.normalizeClass(["dsg-table--filter--inner",{"has-date-facet":a.value}])},[t.createElementVNode("div",Mr,[y[2]||(y[2]=t.createElementVNode("h3",{class:"dsg-table--filter-title"},"Filters",-1)),u.value?(t.openBlock(),t.createBlock(H._sfc_main$1,{key:0,label:"Clear All",theme:"brand-link",size:"sm",onClick:t.withModifiers(w,["stop","prevent"])})):t.createCommentVNode("",!0)]),t.createElementVNode("ul",Lr,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.value,(g,j)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[g.type==="refines"?(t.openBlock(),t.createElementBlock("li",{key:`${g.name}-${j}`,class:"dsg-table--filter--list-item"},[t.createElementVNode("div",{class:"dsg-table--filter--facet",onClick:t.withModifiers(()=>{L(g),g.active=!g.active},["prevent"])},[t.createElementVNode("span",Hr,t.toDisplayString(g.name),1),t.createElementVNode("span",zr,[t.createVNode(H._sfc_main,{icon:g.active?"minus":"plus",size:"sm",class:"dsg-table--filter--facet-icon"},null,8,["icon"])])],8,Ur),t.withDirectives(t.createElementVNode("div",jr,[g.hasSearch?(t.openBlock(),t.createElementBlock("div",qr,[t.createVNode(H._sfc_main$4,{value:g.searchTerm,name:g.name,label:"",placeholder:`Search for ${g.name}`,autocomplete:"off",class:"",type:"text",size:"sm","has-clear-button":!0,icon:"search-sm","icon-clickable":!0,onIconClicked:D=>t.unref(p)(g,D),onEnterPressed:D=>t.unref(p)(g,D),onOnClear:D=>M(g),"onUpdate:modelValue":D=>{t.unref(p)(g,D)}},null,8,["value","name","placeholder","onIconClicked","onEnterPressed","onOnClear","onUpdate:modelValue"])])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("div",Ir,[t.createElementVNode("p",null,"There were not results for "+t.toDisplayString(g.searchTerm)+".",1)],512),[[t.vShow,g.noResults&&g.hasSearch]]),t.createElementVNode("ul",Wr,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.results,(D,O)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[O<g.displaying&&D.visible?(t.openBlock(),t.createElementBlock("li",Jr,[(t.openBlock(),t.createBlock(H._sfc_main$2,{key:`${g.name}-${D.label}`,id:`${g.name}-${D.label}`,label:D.label,size:"sm","no-focus":!0,modelValue:D.selected,"onUpdate:modelValue":[x=>D.selected=x,()=>{S(),R(g)}]},null,8,["id","label","modelValue","onUpdate:modelValue"]))])):t.createCommentVNode("",!0)],64))),256))]),g.noResults?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",Kr,[t.createVNode(H._sfc_main$1,{label:g.viewAll?"View less":"View all ("+g.refines.length+")",theme:"brand-link",size:"sm",onClick:t.withModifiers(()=>{g.displaying=g.viewAll?s.value:g.refines.length,g.viewAll=!g.viewAll},["stop","prevent"])},null,8,["label","onClick"])]))],512),[[t.vShow,g.active]])])):t.createCommentVNode("",!0),["date_range","date"].includes(g.type)?(t.openBlock(),t.createElementBlock("li",{key:`${g.name}-${j}`,class:"dsg-table--filter--facet-list-item facet-date"},[t.createElementVNode("div",Yr,[t.createElementVNode("span",{innerHTML:g.name,class:"dsg-table--filter--facet-title"},null,8,Xr)]),t.createElementVNode("div",Zr,[t.createVNode(H._sfc_main$5,{"model-value":g.value,placeholder:g.type==="date_range"?`Range for ${g.name}`:"Select a Date",type:g.type.toLowerCase()==="date"?"single":"range","onUpdate:modelValue":D=>{g.value=D,S()}},null,8,["model-value","placeholder","type","onUpdate:modelValue"])])])):t.createCommentVNode("",!0),j<o.value.length-1?(t.openBlock(),t.createElementBlock("li",Gr,y[3]||(y[3]=[t.createElementVNode("hr",{class:"dsg-table--filter-list-divider"},null,-1)]))):t.createCommentVNode("",!0)],64))),256))])],2)])):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.createElementVNode("div",Vr,[t.renderSlot(f.$slots,"dsg-table--filter-trigger",{},()=>[t.createVNode(H._sfc_main$1,{theme:"gray-secondary",class:"dsg-table--filter-trigger",label:m.value,"icon-before":f.filterIcon,size:"md",onClick:y[0]||(y[0]=g=>r.value=!r.value)},null,8,["label","icon-before"])])])]),_:3},8,["placement","shown","boundary","container"])])),[[t.unref(H.vOnClickOutside),W]])}}),Qr={class:"dsg-table--header-row"},es={key:0,class:"dsg-table--th dsg-table--th-checkbox",scope:"col"},ts={key:1,class:"dsg-table--th dsg-table--th-expand-detail",scope:"col"},ns=["title","id","onClick"],rs={key:0,class:"dsg-table--th-sort-icon"},ss=["innerHTML"],os=["innerHTML"],as=t.defineComponent({__name:"DsgTableRowHeader",props:t.mergeModels({fields:{},scrollVisible:{type:Boolean},hasSelectAll:{type:Boolean,default:!1},showExpandDetail:{type:Boolean,default:!0}},{sortField:{default:null},sortFieldModifiers:{},allSelected:{type:Boolean,default:!1},allSelectedModifiers:{}}),emits:t.mergeModels(["dsg-table:sort-field","dsg-table:on-select-all","dsg-table:on-deselect-all"],["update:sortField","update:allSelected"]),setup(e,{emit:n}){const r=t.useModel(e,"sortField"),s=t.useModel(e,"allSelected"),o=t.ref("17px"),a=()=>{s.value=!s.value,s.value?l("dsg-table:on-select-all"):l("dsg-table:on-deselect-all")},l=n,i=(u,m)=>[u,u+"-"+ne.toSnakeCase(String(m?.name)),m.titleClass||"",{sortable:m.sortable},{"sort-active":r.value?.name===m.name}],h=u=>{u.sortable&&(r.value={name:String(u?.name),field:String(u?.sortField),direction:r.value?.name===u.name&&r.value?.direction==="asc"?"desc":"asc"},l("dsg-table:sort-field",u))};return(u,m)=>(t.openBlock(),t.createElementBlock("tr",Qr,[u.hasSelectAll?(t.openBlock(),t.createElementBlock("th",es,[t.createVNode(H._sfc_main$2,{modelValue:s.value,"onUpdate:modelValue":m[0]||(m[0]=d=>s.value=d),onChange:a},null,8,["modelValue"])])):t.createCommentVNode("",!0),u.showExpandDetail?(t.openBlock(),t.createElementBlock("th",ts)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.fields,(d,$)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[d?.visible?(t.openBlock(),t.createElementBlock("th",{key:$,class:t.normalizeClass(i("dsg-table--th",d)),style:t.normalizeStyle([{width:d.width||void 0},d.style]),title:d.title+(d.sortable?" Sort":""),id:"_"+d.name,onClick:R=>h(d),scope:"col"},[d.sortable?(t.openBlock(),t.createElementBlock("div",rs,[d.title?(t.openBlock(),t.createElementBlock("span",{key:0,class:"dsg-table--th-title",innerHTML:d.title},null,8,ss)):t.createCommentVNode("",!0),d.sortable&&r.value?.name!==d.name?(t.openBlock(),t.createBlock(H._sfc_main,{key:1,icon:"chevron-selector-vertical",class:"inline-flex",size:"xs"})):t.createCommentVNode("",!0),d.sortable&&r.value?.name===d.name&&r.value?.direction==="asc"?(t.openBlock(),t.createBlock(H._sfc_main,{key:2,icon:"chevron-down",class:"inline-flex",size:"xs"})):t.createCommentVNode("",!0),d.sortable&&r.value?.name===d.name&&r.value?.direction==="desc"?(t.openBlock(),t.createBlock(H._sfc_main,{key:3,icon:"chevron-up",class:"inline-flex",size:"xs"})):t.createCommentVNode("",!0)])):(t.openBlock(),t.createElementBlock("span",{key:1,class:"dsg-table--th-title",innerHTML:t.unref(ne.ucwords)(String(d?.title))},null,8,os))],14,ns)):t.createCommentVNode("",!0)],64))),256)),u.scrollVisible?(t.openBlock(),t.createElementBlock("th",{key:2,style:t.normalizeStyle({width:o.value}),class:"dsg-table--th-col-gutter"},null,4)):t.createCommentVNode("",!0)]))}}),ls={class:"dsg-table--wrapper"},is=["span"],cs={key:0,class:"dsg-table--loading"},us=["colspan"],ds=["colspan"],fs=["onClick","onDblclick","onMouseover"],ms=["onClick","onDblclick","onContextmenu"],ps=["innerHTML"],hs=["onClick"],gs=["colspan"],bs={key:2},ys=["colspan"],vs={class:"dsg-table--footer"},ws=t.defineComponent({__name:"DsgTableComponent",props:t.mergeModels({fields:{default:()=>[]},isDraggable:{type:Boolean,default:!1},dragApi:{default:""},loadOnStart:{type:Boolean,default:!0},apiUrl:{default:""},httpMethod:{default:"get"},reactiveApiUrl:{type:Boolean,default:!0},apiMode:{type:Boolean,default:!0},data:{default:null},dataManager:{type:[Function,null],default:null},dataPath:{default:"data"},tableLayout:{default:"fixed"},paginationPath:{default:"links.pagination"},queryParams:{default:()=>({sort:"sort",order:"order",page:"page",perPage:"per_page"})},httpOptions:{default:()=>({})},hasDetailRow:{type:Boolean,default:!1},showExpandDetail:{type:Boolean,default:!0},initialPage:{default:1},firstPage:{default:1},sortOrder:{default:()=>[]},multiSort:{type:Boolean},tableHeight:{default:null},multiSortKey:{},rowClass:{type:[String,Function],default:""},detailRowComponent:{},detailRowTransition:{default:"fade"},detailRowClass:{type:[String,Function]},detailRowOptions:{default:()=>({})},trackBy:{},css:{default:()=>({tableWrapper:"dsg-table-wrapper",thead:"dsg-table-thead",tbody:"dsg-table-tbody",table:"dsg-table-component"})},minRows:{default:0},noDataTemplate:{default:"No Data Available"},showSortIcons:{type:Boolean},headerRows:{},transform:{type:[Function,null],default:null},sortParams:{type:[Function,null],default:null},fieldPrefix:{},eventPrefix:{}},{filterParams:{default:{}},filterParamsModifiers:{},perPage:{default:20},perPageModifiers:{}}),emits:t.mergeModels(["dsg-table:loading","dsg-table:loaded","dsg-table:load-success","dsg-table:load-error","dsg-table:pagination-data"],["update:filterParams","update:perPage"]),setup(e,{expose:n,emit:r}){const s=b=>b.map((T,F)=>({field:T.field||"",title:T.title||"",name:T.name||"",titleClass:T.titleClass||"",dataClass:T.dataClass||"",visible:T.visible!==!1,width:T.width||void 0,sortField:T.sortField||null,sortable:T.sortField,formatter:T.formatter||null,$_index:F})),o=t.ref(s(e.fields)),a=t.ref(null),l=t.ref(null),i=t.ref(e.initialPage),h=t.ref("17px"),u=t.ref(!1),m=t.ref({}),d=t.ref(0),$=t.ref(!0),R=t.ref(null),p=t.ref(null),S=t.useModel(e,"filterParams"),w=t.useModel(e,"perPage"),P=t.computed(()=>e.tableHeight!=null),L=t.computed(()=>o.value.filter(b=>b.visible).length);t.watch(()=>S.value,()=>{x()},{deep:!0}),t.watch(()=>w.value,()=>{x()});const M=r,W=(b,T)=>b.formatter&&typeof b.formatter=="function"?b.formatter(b,T):De.data_get(T,String(b?.name),""),C=b=>"dsg-field--"+b.name?.toLowerCase().replaceAll(/[_ ]/g,"-"),f=b=>{b==="prev"?i.value>e.firstPage&&i.value--:b==="next"?i.value<(l.value?.last_page??0)&&i.value++:b!=i.value&&b>=e.firstPage&&b<=(l.value?.last_page??0)&&(i.value=b),x()},y=()=>({[e.queryParams?.sort]:R.value?(R.value?.direction==="desc"?"-":"")+R.value?.field:void 0,[e.queryParams?.order]:R.value?.direction,[e.queryParams?.page]:i.value,[e.queryParams?.perPage]:w.value}),g=()=>{p.value&&(p.value.abort(),p.value=null)},j=async(b,T)=>{g();const F=new AbortController;if(T.signal=F.signal,p.value=F,e.httpMethod.toLowerCase()==="get")return await q.get(b,T);{const U=T.params;return delete T.params,await q.post(b,U,T)}},D=b=>{M("dsg-table:load-success",b);const T=e.transform?e.transform(b.data):b.data;a.value=De.data_get(T,e.dataPath,null),l.value=De.data_get(T,e.paginationPath,null)??null,d.value=a.value?.length?a.value[0].order:d,l.value===null&&console.warn('DsgTable: pagination-path "'+e.paginationPath+`" not found. It looks like the data returned from the server does not have pagination information or you may have set it incorrectly.
|
|
7
|
-
You can explicitly suppress this warning by setting pagination-path="".`),M("dsg-table:pagination-data",l.value),M("dsg-table:loaded"),$.value=!1},O=b=>{console.error("load-error",b),M("dsg-table:load-error",b),M("dsg-table:loaded"),$.value=!1},x=(b=D,T=O,F={})=>{const U=b||D,z=T||O;if(e.apiMode)return $.value=!0,M("dsg-table:loading",$.value),e.httpOptions.params={...y(),...S.value},j(e.apiUrl,e.httpOptions).then(U).catch(G=>z(G))},I=(b,T,F)=>{},N=(b,T,F)=>{},k=(b,T,F)=>{},v=(b,T,F,U)=>{},B=(b,T,F,U)=>{},E=(b,T,F,U)=>{},A=(b,T,F)=>{};t.onMounted(()=>{x()});const _=()=>{x()};return n({changePage:f,reload:_}),(b,T)=>(t.openBlock(),t.createElementBlock("div",ls,[t.createElementVNode("div",{ref:"dsgTableBodyWrapper",class:t.normalizeClass(["dsg-table-body-wrapper",{"fixed-header":P.value}]),style:t.normalizeStyle({height:b.tableHeight||void 0})},[t.createElementVNode("table",{class:t.normalizeClass(["dsg-table-main",P.value?"fixed-header":"",m.value.table,"table-"+b.tableLayout])},[t.createElementVNode("colgroup",{span:L.value},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.value,(F,U)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[F?.visible?(t.openBlock(),t.createElementBlock("col",{key:U,style:t.normalizeStyle({width:F.width||void 0}),class:t.normalizeClass("dsg-table--col-"+F.name+" "+F.titleClass)},null,6)):t.createCommentVNode("",!0)],64))),256)),!P.value&&u.value?(t.openBlock(),t.createElementBlock("col",{key:0,style:t.normalizeStyle({width:h.value}),class:"dsg-table--col-gutter"},null,4)):t.createCommentVNode("",!0)],8,is),t.createElementVNode("thead",{class:t.normalizeClass([[m.value.thead,{sticky:P.value,"top-0":P.value}],"dsg-table--head"])},[t.renderSlot(b.$slots,"tableHeader",{fields:o.value},()=>[t.createVNode(as,{fields:o.value,"scroll-visible":u.value,"show-expand-detail":b.hasDetailRow&&b.showExpandDetail,"sort-field":R.value,"onUpdate:sortField":T[0]||(T[0]=F=>R.value=F),"onDsgTable:sortField":T[1]||(T[1]=F=>_())},null,8,["fields","scroll-visible","show-expand-detail","sort-field"])])],2),t.createElementVNode("tbody",{class:t.normalizeClass(["dsg-table--body",m.value.tbody])},[$.value?(t.openBlock(),t.createElementBlock("tr",cs,[t.createElementVNode("td",{colspan:L.value},[t.createElementVNode("div",{"aria-label":"Loading...",role:"status",class:"flex items-center space-x-3 h-12 w-full justify-center",colspan:L.value},[t.renderSlot(b.$slots,"dsg-table-loading",{},()=>[t.createVNode(H._sfc_main,{icon:"loading-02",class:"animate-spin"}),T[2]||(T[2]=t.createElementVNode("span",{class:"text-xs font-medium text-gray-500"},"Loading...",-1))])],8,ds)],8,us)])):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(a.value,(F,U)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:U},[t.createElementVNode("tr",{class:t.normalizeClass(["dsg-table--tbody-row",{odd:U%2===0,even:U%2!==0}]),onClick:z=>I(),onDblclick:z=>N(),onMouseover:z=>k()},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.value,(z,G)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:G},[z.visible?(t.openBlock(),t.createElementBlock("td",{key:0,class:t.normalizeClass(["dsg-table--tbody-cell",z.dataClass]),style:t.normalizeStyle({width:z.width||void 0}),onClick:Q=>v(),onDblclick:Q=>B(),onContextmenu:Q=>E()},[t.renderSlot(b.$slots,C(z),{rowData:F,rowIndex:U,rowField:z},()=>[t.createElementVNode("span",{innerHTML:W(z,F)},null,8,ps)])],46,ms)):t.createCommentVNode("",!0)],64))),128))],42,fs),b.hasDetailRow?(t.openBlock(),t.createBlock(t.Transition,{key:0,name:b.detailRowTransition},{default:t.withCtx(()=>[t.createElementVNode("tr",{class:"dsg-table--tbody-detail-row",onClick:z=>A()},[t.createElementVNode("td",{colspan:L.value},[t.renderSlot(b.$slots,"dsg-table-detail-row",{rowData:F,rowIndex:U,options:b.detailRowOptions})],8,gs)],8,hs)]),_:2},1032,["name"])):t.createCommentVNode("",!0)],64))),128)),!a.value?.length&&b.noDataTemplate.length?(t.openBlock(),t.createElementBlock("tr",bs,[t.createElementVNode("td",{colspan:L.value,class:"dsg-table--empty-result"},[t.renderSlot(b.$slots,"dsg-table-empty-result",{},()=>[t.createTextVNode(t.toDisplayString(b.noDataTemplate),1)])],8,ys)])):t.createCommentVNode("",!0)],2),t.createElementVNode("tfoot",vs,[t.renderSlot(b.$slots,"dsg-table-footer",{fields:o.value,data:a.value})])],2)],6)]))}}),ks={class:"dsg-table"},Es={class:"dsg-table--pre-header"},Ss={class:"dsg-table--pre-header-left"},Cs=["textContent"],Ts={class:"dsg-table--pre-header-right"},$s={key:0,class:"dsg-table--search-header"},Bs={class:"dsg-table--footer"},Ds={class:"dsg-table--footer-left"},Rs={class:"dsg-table--footer-center"},Ns={class:"dsg-table--footer-right"},Ps=t.defineComponent({__name:"DsgTable",props:{getUrl:{},fields:{},loadOnStart:{type:Boolean,default:!0},displayPaginationInfo:{type:Boolean,default:!0},reloadOnChangeTimer:{type:Boolean,default:!1},title:{default:""},tableLayout:{default:"fixed"}},emits:["dsg-table:action-edit","dsg-table:action-view","dsg-table:action-delete"],setup(e,{expose:n,emit:r}){const s=C=>{$.value=C},o=t.useSlots(),a=t.ref(!0),l=t.ref(null),i=t.ref("<p>Showing {from} to {to} of {total}</p>"),h=t.ref(null),u=t.useTemplateRef("dsgTable"),m=t.ref({}),d=t.ref({perPage:20,change:s}),$=t.ref(20),R=r,p=C=>{u.value?.changePage(C)},S=C=>{h.value=C},w=({data:C})=>{l.value=C},P=()=>{a.value===!1&&u.value?.reload()},L=C=>{u.value?.setData(u.value?.tableData.map(f=>f.id===C.id?C:f))},M=C=>{m.value["filter[term]"]=C},W=(C,f)=>{m.value={"filter[term]":m.value["filter[term]"],...C}};return n({reloadTable:P,updateRowTable:L,termChanged:M}),(C,f)=>(t.openBlock(),t.createElementBlock("div",ks,[t.createElementVNode("div",Es,[t.renderSlot(C.$slots,"dsg-table--pre-header",{},()=>[t.createElementVNode("div",Ss,[t.renderSlot(C.$slots,"dsg-table--page-title",{data:l.value,title:C.title},()=>[C.title.length>0?(t.openBlock(),t.createElementBlock("h1",{key:0,class:"dsg-table--title",textContent:t.toDisplayString(C.title)},null,8,Cs)):t.createCommentVNode("",!0)])]),t.createElementVNode("div",Ts,[t.renderSlot(C.$slots,"dsg-table--page-actions",{data:l.value})])])]),C.displayPaginationInfo?(t.openBlock(),t.createElementBlock("div",$s,[t.renderSlot(C.$slots,"dsg-table--search-header",{data:l.value},()=>[t.createVNode(st,{name:"term","onDsgTable:termChanged":f[0]||(f[0]=y=>M(y))}),t.createVNode(Rt,{entity:
|
|
7
|
+
You can explicitly suppress this warning by setting pagination-path="".`),M("dsg-table:pagination-data",l.value),M("dsg-table:loaded"),$.value=!1},O=b=>{console.error("load-error",b),M("dsg-table:load-error",b),M("dsg-table:loaded"),$.value=!1},x=(b=D,T=O,F={})=>{const U=b||D,z=T||O;if(e.apiMode)return $.value=!0,M("dsg-table:loading",$.value),e.httpOptions.params={...y(),...S.value},j(e.apiUrl,e.httpOptions).then(U).catch(G=>z(G))},I=(b,T,F)=>{},N=(b,T,F)=>{},k=(b,T,F)=>{},v=(b,T,F,U)=>{},B=(b,T,F,U)=>{},E=(b,T,F,U)=>{},A=(b,T,F)=>{};t.onMounted(()=>{x()});const _=()=>{x()};return n({changePage:f,reload:_}),(b,T)=>(t.openBlock(),t.createElementBlock("div",ls,[t.createElementVNode("div",{ref:"dsgTableBodyWrapper",class:t.normalizeClass(["dsg-table-body-wrapper",{"fixed-header":P.value}]),style:t.normalizeStyle({height:b.tableHeight||void 0})},[t.createElementVNode("table",{class:t.normalizeClass(["dsg-table-main",P.value?"fixed-header":"",m.value.table,"table-"+b.tableLayout])},[t.createElementVNode("colgroup",{span:L.value},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.value,(F,U)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[F?.visible?(t.openBlock(),t.createElementBlock("col",{key:U,style:t.normalizeStyle({width:F.width||void 0}),class:t.normalizeClass("dsg-table--col-"+F.name+" "+F.titleClass)},null,6)):t.createCommentVNode("",!0)],64))),256)),!P.value&&u.value?(t.openBlock(),t.createElementBlock("col",{key:0,style:t.normalizeStyle({width:h.value}),class:"dsg-table--col-gutter"},null,4)):t.createCommentVNode("",!0)],8,is),t.createElementVNode("thead",{class:t.normalizeClass([[m.value.thead,{sticky:P.value,"top-0":P.value}],"dsg-table--head"])},[t.renderSlot(b.$slots,"tableHeader",{fields:o.value},()=>[t.createVNode(as,{fields:o.value,"scroll-visible":u.value,"show-expand-detail":b.hasDetailRow&&b.showExpandDetail,"sort-field":R.value,"onUpdate:sortField":T[0]||(T[0]=F=>R.value=F),"onDsgTable:sortField":T[1]||(T[1]=F=>_())},null,8,["fields","scroll-visible","show-expand-detail","sort-field"])])],2),t.createElementVNode("tbody",{class:t.normalizeClass(["dsg-table--body",m.value.tbody])},[$.value?(t.openBlock(),t.createElementBlock("tr",cs,[t.createElementVNode("td",{colspan:L.value},[t.createElementVNode("div",{"aria-label":"Loading...",role:"status",class:"flex items-center space-x-3 h-12 w-full justify-center",colspan:L.value},[t.renderSlot(b.$slots,"dsg-table-loading",{},()=>[t.createVNode(H._sfc_main,{icon:"loading-02",class:"animate-spin"}),T[2]||(T[2]=t.createElementVNode("span",{class:"text-xs font-medium text-gray-500"},"Loading...",-1))])],8,ds)],8,us)])):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(a.value,(F,U)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:U},[t.createElementVNode("tr",{class:t.normalizeClass(["dsg-table--tbody-row",{odd:U%2===0,even:U%2!==0}]),onClick:z=>I(),onDblclick:z=>N(),onMouseover:z=>k()},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.value,(z,G)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:G},[z.visible?(t.openBlock(),t.createElementBlock("td",{key:0,class:t.normalizeClass(["dsg-table--tbody-cell",z.dataClass]),style:t.normalizeStyle({width:z.width||void 0}),onClick:Q=>v(),onDblclick:Q=>B(),onContextmenu:Q=>E()},[t.renderSlot(b.$slots,C(z),{rowData:F,rowIndex:U,rowField:z},()=>[t.createElementVNode("span",{innerHTML:W(z,F)},null,8,ps)])],46,ms)):t.createCommentVNode("",!0)],64))),128))],42,fs),b.hasDetailRow?(t.openBlock(),t.createBlock(t.Transition,{key:0,name:b.detailRowTransition},{default:t.withCtx(()=>[t.createElementVNode("tr",{class:"dsg-table--tbody-detail-row",onClick:z=>A()},[t.createElementVNode("td",{colspan:L.value},[t.renderSlot(b.$slots,"dsg-table-detail-row",{rowData:F,rowIndex:U,options:b.detailRowOptions})],8,gs)],8,hs)]),_:2},1032,["name"])):t.createCommentVNode("",!0)],64))),128)),!a.value?.length&&b.noDataTemplate.length?(t.openBlock(),t.createElementBlock("tr",bs,[t.createElementVNode("td",{colspan:L.value,class:"dsg-table--empty-result"},[t.renderSlot(b.$slots,"dsg-table-empty-result",{},()=>[t.createTextVNode(t.toDisplayString(b.noDataTemplate),1)])],8,ys)])):t.createCommentVNode("",!0)],2),t.createElementVNode("tfoot",vs,[t.renderSlot(b.$slots,"dsg-table-footer",{fields:o.value,data:a.value})])],2)],6)]))}}),ks={class:"dsg-table"},Es={class:"dsg-table--pre-header"},Ss={class:"dsg-table--pre-header-left"},Cs=["textContent"],Ts={class:"dsg-table--pre-header-right"},$s={key:0,class:"dsg-table--search-header"},Bs={class:"dsg-table--footer"},Ds={class:"dsg-table--footer-left"},Rs={class:"dsg-table--footer-center"},Ns={class:"dsg-table--footer-right"},Ps=t.defineComponent({__name:"DsgTable",props:{getUrl:{},fields:{},loadOnStart:{type:Boolean,default:!0},displayPaginationInfo:{type:Boolean,default:!0},reloadOnChangeTimer:{type:Boolean,default:!1},title:{default:""},filterEntity:{default:""},tableLayout:{default:"fixed"}},emits:["dsg-table:action-edit","dsg-table:action-view","dsg-table:action-delete"],setup(e,{expose:n,emit:r}){const s=C=>{$.value=C},o=t.useSlots(),a=t.ref(!0),l=t.ref(null),i=t.ref("<p>Showing {from} to {to} of {total}</p>"),h=t.ref(null),u=t.useTemplateRef("dsgTable"),m=t.ref({}),d=t.ref({perPage:20,change:s}),$=t.ref(20),R=r,p=C=>{u.value?.changePage(C)},S=C=>{h.value=C},w=({data:C})=>{l.value=C},P=()=>{a.value===!1&&u.value?.reload()},L=C=>{u.value?.setData(u.value?.tableData.map(f=>f.id===C.id?C:f))},M=C=>{m.value["filter[term]"]=C},W=(C,f)=>{m.value={"filter[term]":m.value["filter[term]"],...C}};return n({reloadTable:P,updateRowTable:L,termChanged:M}),(C,f)=>(t.openBlock(),t.createElementBlock("div",ks,[t.createElementVNode("div",Es,[t.renderSlot(C.$slots,"dsg-table--pre-header",{},()=>[t.createElementVNode("div",Ss,[t.renderSlot(C.$slots,"dsg-table--page-title",{data:l.value,title:C.title},()=>[C.title.length>0?(t.openBlock(),t.createElementBlock("h1",{key:0,class:"dsg-table--title",textContent:t.toDisplayString(C.title)},null,8,Cs)):t.createCommentVNode("",!0)])]),t.createElementVNode("div",Ts,[t.renderSlot(C.$slots,"dsg-table--page-actions",{data:l.value})])])]),C.displayPaginationInfo?(t.openBlock(),t.createElementBlock("div",$s,[t.renderSlot(C.$slots,"dsg-table--search-header",{data:l.value},()=>[t.createVNode(st,{name:"term","onDsgTable:termChanged":f[0]||(f[0]=y=>M(y))}),t.createVNode(Rt,{entity:C.filterEntity,"onDsgTable:filterUpdated":f[1]||(f[1]=(y,g)=>W(y))},null,8,["entity"]),t.renderSlot(C.$slots,"dsg-table--search-actions",{data:l.value})])])):t.createCommentVNode("",!0),t.createVNode(ws,{ref:"dsgTable","api-url":C.getUrl,"filter-params":m.value,"onUpdate:filterParams":f[5]||(f[5]=y=>m.value=y),"per-page":$.value,"onUpdate:perPage":f[6]||(f[6]=y=>$.value=y),fields:C.fields,"load-on-start":C.loadOnStart,"pagination-path":"meta","table-layout":C.tableLayout,css:{tableWrapper:"border-b"},"onDsgTable:loading":f[7]||(f[7]=y=>a.value=!0),"onDsgTable:loaded":f[8]||(f[8]=y=>a.value=!1),"onDsgTable:paginationData":S,"onDsgTable:loadSuccess":w},t.createSlots({"dsg-field--actions":t.withCtx(y=>[t.renderSlot(C.$slots,"dsg-table-actions",{data:y},()=>[(t.openBlock(),t.createBlock(rt,{key:y.rowIndex,data:y,"onDsgTable:actionEdit":f[2]||(f[2]=g=>R("dsg-table:action-edit",g)),"onDsgTable:actionView":f[3]||(f[3]=g=>R("dsg-table:action-view",g)),"onDsgTable:actionDelete":f[4]||(f[4]=g=>R("dsg-table:action-delete",g))},null,8,["data"]))])]),_:2},[t.renderList(t.unref(o),(y,g)=>({name:g,fn:t.withCtx(({rowData:j,rowField:D,rowIndex:O})=>[String(g)!=="dsg-field--actions"?t.renderSlot(C.$slots,g,t.normalizeProps(t.mergeProps({key:0},{rowData:j,rowField:D,rowIndex:O}))):t.createCommentVNode("",!0)])}))]),1032,["api-url","filter-params","per-page","fields","load-on-start","table-layout"]),t.createElementVNode("div",Bs,[t.createElementVNode("div",Ds,[t.renderSlot(C.$slots,"dsg-table--footer-left",{data:h.value,perPage:d.value},()=>[t.createVNode(nt,{"no-data-template":"",ref:"paginationInfoStart",pagination:h.value,"onUpdate:pagination":f[9]||(f[9]=y=>h.value=y),"info-template":i.value},null,8,["pagination","info-template"]),t.renderSlot(C.$slots,"dsg-table--footer-left-extras",{data:h.value,perPage:d.value})])]),t.createElementVNode("div",Rs,[t.renderSlot(C.$slots,"dsg-table--footer-center",{data:h.value,perPage:d.value},()=>[t.renderSlot(C.$slots,"dsg-table--footer-center-extras",{data:h.value,perPage:d.value})])]),t.createElementVNode("div",Ns,[t.renderSlot(C.$slots,"dsg-table--footer-right",{data:h.value,perPage:d.value},()=>[a.value===!1?(t.openBlock(),t.createBlock(tt,{key:0,ref:"pagination",pagination:h.value,"onUpdate:pagination":f[10]||(f[10]=y=>h.value=y),"onDsgTable:changePage":p},null,8,["pagination"])):t.createCommentVNode("",!0),t.renderSlot(C.$slots,"dsg-table--footer-right-extras",{data:h.value,perPage:d.value})])])])]))}}),Os={class:"dsg-table--per-page"},_s=["value","textContent"],As=t.defineComponent({__name:"DsgTablePerPage",props:{perPageOptions:{default:()=>[10,20,30,50,100]},perPage:{}},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("div",Os,[t.withDirectives(t.createElementVNode("select",{"onUpdate:modelValue":r[0]||(r[0]=s=>n.perPage.perPage=s),class:"dsg-table--per-page-select",onChange:r[1]||(r[1]=s=>n.perPage.change(n.perPage.perPage))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.perPageOptions,s=>(t.openBlock(),t.createElementBlock("option",{key:s,value:s,textContent:t.toDisplayString(s)},null,8,_s))),128))],544),[[t.vModelSelect,n.perPage.perPage]])]))}}),Nt=Ps,Pt=rt,Ot=As,_t=Rt,At=tt,Ft=nt,Vt=st,Fs={DsgTable:Nt,DsgTableActions:Pt,DsgTablePerPage:Ot,DsgTableFilter:_t,DsgTablePagination:At,DsgTablePaginationInfo:Ft,DsgTableSearch:Vt};exports.DsgTable=Nt;exports.DsgTableActions=Pt;exports.DsgTableFilter=_t;exports.DsgTablePagination=At;exports.DsgTablePaginationInfo=Ft;exports.DsgTablePerPage=Ot;exports.DsgTableSearch=Vt;exports.default=Fs;
|
|
@@ -2889,6 +2889,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
2889
2889
|
displayPaginationInfo: { type: Boolean, default: !0 },
|
|
2890
2890
|
reloadOnChangeTimer: { type: Boolean, default: !1 },
|
|
2891
2891
|
title: { default: "" },
|
|
2892
|
+
filterEntity: { default: "" },
|
|
2892
2893
|
tableLayout: { default: "fixed" }
|
|
2893
2894
|
},
|
|
2894
2895
|
emits: ["dsg-table:action-edit", "dsg-table:action-view", "dsg-table:action-delete"],
|
|
@@ -2943,9 +2944,9 @@ You can explicitly suppress this warning by setting pagination-path="".`
|
|
|
2943
2944
|
"onDsgTable:termChanged": d[0] || (d[0] = (b) => H(b))
|
|
2944
2945
|
}),
|
|
2945
2946
|
Y(an, {
|
|
2946
|
-
entity:
|
|
2947
|
+
entity: E.filterEntity,
|
|
2947
2948
|
"onDsgTable:filterUpdated": d[1] || (d[1] = (b, m) => G(b))
|
|
2948
|
-
}),
|
|
2949
|
+
}, null, 8, ["entity"]),
|
|
2949
2950
|
K(E.$slots, "dsg-table--search-actions", { data: o.value })
|
|
2950
2951
|
])
|
|
2951
2952
|
])) : j("", !0),
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dcodegroup-au/dsg-vue",
|
|
3
3
|
"description": "Front-end Vue/Tailwind DSG for UntitledUI.",
|
|
4
|
-
"version": "0.0.13-alpha.
|
|
4
|
+
"version": "0.0.13-alpha.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"preinstall": "npx only-allow pnpm",
|
|
@@ -138,4 +138,4 @@
|
|
|
138
138
|
"dependencies": {
|
|
139
139
|
"@vuepic/vue-datepicker": "^11.0.2"
|
|
140
140
|
}
|
|
141
|
-
}
|
|
141
|
+
}
|