@wikimedia/codex
Version:
Codex Design System for Wikimedia
2 lines (1 loc) • 22.8 kB
JavaScript
var ie=Object.getOwnPropertySymbols;var Ae=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable;var de=(e,t)=>{var s={};for(var n in e)Ae.call(e,n)&&t.indexOf(n)<0&&(s[n]=e[n]);if(e!=null&&ie)for(var n of ie(e))t.indexOf(n)<0&&Me.call(e,n)&&(s[n]=e[n]);return s};import{d as T,S as xe,a5 as Be,x as le,t as x,c as f,r as M,s as O,v as U,B as J,V as re,_ as q,a as D,o as d,b as p,e as v,a6 as _e,b6 as Ve,f as z,a2 as Ne,w,g as S,k,n as B,C as Q,O as Re,P as Fe,Q as ze,R as Oe,$ as Te,aK as qe,y as ue,i as $,D as H,E as oe,J as Ke,Z as Ue,A as We,p as V,q as C,aj as I,af as je,ag as Ee,b7 as He,b8 as Je,b3 as ne,z as Qe,b9 as Xe,ba as Ze,bb as Ge,bc as Ye,bd as et,F,m as se,h as tt}from"./DemoBaseLayout.vue_vue_type_style_index_0_lang-CWepejvL.js";/* empty css */import{a as ce,u as pe,g as at}from"./useFloatingMenu-Dmy3688L.js";import{C as nt}from"./Button-B1VmJ8QZ.js";const st=J(re),lt=T({name:"CdxCheckbox",components:{CdxLabel:xe},props:{modelValue:{type:[Boolean,Array],default:!1},inputValue:{type:[String,Number,Boolean],default:!1},name:{type:String,default:null},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},status:{type:String,default:"default",validator:st}},emits:["update:modelValue"],setup(e,{emit:t,slots:s,attrs:n}){var y;Be((y=s.default)==null?void 0:y.call(s),n);const{computedDisabled:b,computedStatus:g}=le(x(e,"disabled"),x(e,"status")),u=f(()=>({"cdx-checkbox--inline":e.inline,["cdx-checkbox--status-".concat(g.value)]:!0})),r=f(()=>({"cdx-checkbox__custom-input--inline":e.inline})),l=M(),c=O(),o=O(),P=U(x(e,"modelValue"),t);return{rootClasses:u,computedDisabled:b,input:l,checkboxId:c,descriptionId:o,wrappedModel:P,customInputClasses:r}}}),ot={class:"cdx-checkbox__wrapper"},it=["id","aria-describedby","value","name","disabled",".indeterminate"];function dt(e,t,s,n,b,g){const u=D("cdx-label");return d(),p("div",{class:B(["cdx-checkbox",e.rootClasses])},[v("div",ot,[_e(v("input",{id:e.checkboxId,ref:"input","onUpdate:modelValue":t[0]||(t[0]=r=>e.wrappedModel=r),class:"cdx-checkbox__input",type:"checkbox","aria-describedby":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,value:e.inputValue,name:e.name,disabled:e.computedDisabled,".indeterminate":e.indeterminate},null,40,it),[[Ve,e.wrappedModel]]),t[1]||(t[1]=v("span",{class:"cdx-checkbox__icon"},null,-1)),e.$slots.default&&e.$slots.default().length?(d(),z(u,{key:0,class:"cdx-checkbox__label","input-id":e.checkboxId,"description-id":e.$slots.description&&e.$slots.description().length>0?e.descriptionId:void 0,disabled:e.computedDisabled,"visually-hidden":e.hideLabel},Ne({default:w(()=>[S(e.$slots,"default")]),_:2},[e.$slots.description&&e.$slots.description().length>0?{name:"description",fn:w(()=>[S(e.$slots,"description")]),key:"0"}:void 0]),1032,["input-id","description-id","disabled","visually-hidden"])):k("v-if",!0)]),e.$slots["custom-input"]?(d(),p("div",{key:0,class:B(["cdx-checkbox__custom-input",e.customInputClasses])},[S(e.$slots,"custom-input")],2)):k("v-if",!0)],2)}const rt=q(lt,[["render",dt]]),ut={notice:Fe,error:ze,warning:Oe,success:Te},ct=T({name:"CdxInfoChip",components:{CdxIcon:Q},props:{status:{type:String,default:"notice",validator:Re},icon:{type:[String,Object],default:null}},setup(e){const t=f(()=>({["cdx-info-chip--".concat(e.status)]:!0})),s=f(()=>e.status==="notice"?e.icon:ut[e.status]);return{rootClasses:t,computedIcon:s}}}),pt={class:"cdx-info-chip__text"};function bt(e,t,s,n,b,g){const u=D("cdx-icon");return d(),p("div",{class:B(["cdx-info-chip",e.rootClasses])},[e.computedIcon?(d(),z(u,{key:0,class:"cdx-info-chip__icon--vue",icon:e.computedIcon},null,8,["icon"])):k("v-if",!0),v("span",pt,[S(e.$slots,"default")])],2)}const ra=q(ct,[["render",bt]]),gt=T({name:"CdxMenuButton",components:{CdxToggleButton:qe,CdxMenu:ce},inheritAttrs:!1,props:{selected:{type:[String,Number,null],required:!0},menuItems:{type:Array,required:!0},menuConfig:{type:Object,default:()=>({})},disabled:{type:Boolean,default:!1},footer:{type:Object,default:null}},emits:["update:selected"],setup(e,{emit:t,attrs:s}){const n=M(),b=M(),g=x(e,"selected"),u=U(g,t,"update:selected"),r=M(!1),l=O(),c=O(),{computedDisabled:o}=le(x(e,"disabled")),{rootClasses:P,rootStyle:y,otherAttrs:L}=ue(s);function K(N){!n.value||o.value||e.menuItems.length===0||N.key===" "||n.value.delegateKeyNavigation(N)}return pe(b,n,{useAvailableWidth:!0,placement:"bottom-start",offset:4}),{computedDisabled:o,expanded:r,menu:n,menuId:c,modelWrapper:u,onKeydown:K,toggle:b,toggleId:l,rootClasses:P,rootStyle:y,otherAttrs:L}}}),ft={class:"cdx-menu-button__menu-wrapper"};function mt(e,t,s,n,b,g){const u=D("cdx-toggle-button"),r=D("cdx-menu");return d(),p("div",{class:B(["cdx-menu-button",e.rootClasses]),style:oe(e.rootStyle)},[$(u,H({id:e.toggleId,ref:"toggle"},e.otherAttrs,{modelValue:e.expanded,"onUpdate:modelValue":t[0]||(t[0]=l=>e.expanded=l),disabled:e.computedDisabled,quiet:"","aria-haspopup":"menu","aria-controls":e.menuId,"aria-expanded":e.expanded,onBlur:t[1]||(t[1]=l=>e.expanded=!1),onKeydown:e.onKeydown}),{default:w(()=>[S(e.$slots,"default")]),_:3},16,["id","modelValue","disabled","aria-controls","aria-expanded","onKeydown"]),v("div",ft,[$(r,H({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":t[2]||(t[2]=l=>e.modelWrapper=l),expanded:e.expanded,"onUpdate:expanded":t[3]||(t[3]=l=>e.expanded=l),"menu-items":e.menuItems},e.menuConfig,{role:"menu","aria-labelledby":e.toggleId,footer:e.footer}),{default:w(({menuItem:l})=>[S(e.$slots,"menu-item",{menuItem:l})]),_:3},16,["id","selected","expanded","menu-items","aria-labelledby","footer"])])],6)}const ua=q(gt,[["render",mt]]),vt=J(re),ht=T({name:"CdxSelect",components:{CdxIcon:Q,CdxMenu:ce},inheritAttrs:!1,props:{menuItems:{type:Array,required:!0},selected:{type:[String,Number,null],required:!0},defaultLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},menuConfig:{type:Object,default:()=>({})},defaultIcon:{type:[String,Object],default:void 0},status:{type:String,default:"default",validator:vt}},emits:["update:selected","load-more"],setup(e,{emit:t,attrs:s}){const n=M(),b=M(),g=Ke(Ue,void 0),u=O(),r=M(!1),l=s.id||O(),{computedDisabled:c,computedStatus:o,computedInputId:P}=le(x(e,"disabled"),x(e,"status"),l),y=U(x(e,"selected"),t,"update:selected"),L=f(()=>{var m;return(m=b.value)==null?void 0:m.getComputedMenuItems().find(A=>A.value===e.selected)}),K=f(()=>{var m;return L.value?(m=L.value.label)!=null?m:L.value.value:e.defaultLabel}),N=f(()=>{var m;if(e.defaultIcon&&!L.value)return e.defaultIcon;if((m=L.value)!=null&&m.icon)return L.value.icon}),X=f(()=>({"cdx-select-vue--enabled":!c.value,"cdx-select-vue--disabled":c.value,"cdx-select-vue--expanded":r.value,"cdx-select-vue--value-selected":!!L.value,"cdx-select-vue--no-selections":!L.value,"cdx-select-vue--has-start-icon":!!N.value,["cdx-select-vue--status-".concat(o.value)]:!0})),{rootClasses:W,rootStyle:j,otherAttrs:Z}=ue(s,X),G=f(()=>{const _=Z.value,{id:m}=_;return de(_,["id"])}),Y=f(()=>{var m,A;return(A=(m=b.value)==null?void 0:m.getHighlightedMenuItem())==null?void 0:A.id});function ee(){r.value=!1}function E(){var m;c.value||(r.value=!r.value,(m=n.value)==null||m.focus())}function te(m){var A;c.value||(A=b.value)==null||A.delegateKeyNavigation(m,{characterNavigation:!0})}return pe(n,b),{handle:n,menu:b,computedHandleId:P,descriptionId:g,menuId:u,modelWrapper:y,selectedMenuItem:L,highlightedId:Y,expanded:r,computedDisabled:c,onBlur:ee,currentLabel:K,rootClasses:W,rootStyle:j,otherAttrsMinusId:G,onClick:E,onKeydown:te,startIcon:N,cdxIconExpand:We}}}),yt=["aria-disabled"],$t=["id","aria-controls","aria-activedescendant","aria-expanded","aria-describedby"];function St(e,t,s,n,b,g){const u=D("cdx-icon"),r=D("cdx-menu");return d(),p("div",{class:B(["cdx-select-vue",e.rootClasses]),style:oe(e.rootStyle),"aria-disabled":e.computedDisabled},[v("div",H({id:e.computedHandleId,ref:"handle",class:"cdx-select-vue__handle"},e.otherAttrsMinusId,{tabindex:"0",role:"combobox","aria-controls":e.menuId,"aria-activedescendant":e.highlightedId,"aria-expanded":e.expanded,"aria-describedby":e.descriptionId,onClick:t[0]||(t[0]=(...l)=>e.onClick&&e.onClick(...l)),onBlur:t[1]||(t[1]=(...l)=>e.onBlur&&e.onBlur(...l)),onKeydown:t[2]||(t[2]=(...l)=>e.onKeydown&&e.onKeydown(...l))}),[S(e.$slots,"label",{selectedMenuItem:e.selectedMenuItem,defaultLabel:e.defaultLabel},()=>[V(C(e.currentLabel),1)]),e.startIcon?(d(),z(u,{key:0,icon:e.startIcon,class:"cdx-select-vue__start-icon"},null,8,["icon"])):k("v-if",!0),$(u,{icon:e.cdxIconExpand,class:"cdx-select-vue__indicator"},null,8,["icon"])],16,$t),$(r,H({id:e.menuId,ref:"menu",selected:e.modelWrapper,"onUpdate:selected":t[3]||(t[3]=l=>e.modelWrapper=l),expanded:e.expanded,"onUpdate:expanded":t[4]||(t[4]=l=>e.expanded=l),"menu-items":e.menuItems},e.menuConfig,{onLoadMore:t[5]||(t[5]=l=>e.$emit("load-more"))}),{default:w(({menuItem:l})=>[S(e.$slots,"menu-item",{menuItem:l})]),_:3},16,["id","selected","expanded","menu-items"])],14,yt)}const Ct=q(ht,[["render",St]]),It=T({name:"CdxTablePager",components:{CdxButton:nt,CdxIcon:Q,CdxSelect:Ct},props:{paginationSizeOptions:{type:Array,required:!0},itemsPerPage:{type:Number,required:!0},nextDisabled:{type:Boolean,default:!1},prevDisabled:{type:Boolean,default:!1},lastDisabled:{type:Boolean,default:!1}},emits:["update:itemsPerPage","first","last","next","prev"],setup(e,{emit:t}){const s=U(x(e,"itemsPerPage"),t,"update:itemsPerPage"),n=I("cdx-table-pager-items-per-page-default","Results per page"),b=I("cdx-table-pager-items-per-page-current",c=>"".concat(c," rows"),[s]),g=I("cdx-table-pager-button-first-page","First page"),u=I("cdx-table-pager-button-next-page","Next page"),r=I("cdx-table-pager-button-prev-page","Previous page"),l=I("cdx-table-pager-button-last-page","Last page");return{defaultItemsPerPageLabel:n,currentItemsPerPageLabel:b,btnLabelFirst:g,btnLabelNext:u,btnLabelPrev:r,btnLabelLast:l,wrappedItemsPerPage:s,cdxIconPrevious:je,cdxIconNext:Ee,cdxIconMoveFirst:He,cdxIconMoveLast:Je}}}),wt={class:"cdx-table-pager"},kt={class:"cdx-table-pager__start"},Pt={key:0},Lt={key:1},Dt={class:"cdx-table-pager__center"},At={class:"cdx-table-pager__end"};function Mt(e,t,s,n,b,g){const u=D("cdx-select"),r=D("cdx-icon"),l=D("cdx-button");return d(),p("div",wt,[v("div",kt,[$(u,{selected:e.wrappedItemsPerPage,"onUpdate:selected":t[0]||(t[0]=c=>e.wrappedItemsPerPage=c),"default-label":e.defaultItemsPerPageLabel,"menu-items":e.paginationSizeOptions},{label:w(({selectedMenuItem:c,defaultLabel:o})=>[c?(d(),p("span",Pt,[v("span",null,C(e.currentItemsPerPageLabel),1)])):(d(),p("span",Lt,C(o),1))]),_:1},8,["selected","default-label","menu-items"])]),v("div",Dt,[S(e.$slots,"default")]),v("div",At,[$(l,{disabled:e.prevDisabled,class:"cdx-table-pager__button-first",weight:"quiet","aria-label":e.btnLabelFirst,onClick:t[1]||(t[1]=c=>e.$emit("first"))},{default:w(()=>[$(r,{icon:e.cdxIconMoveFirst},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),$(l,{disabled:e.prevDisabled,class:"cdx-table-pager__button-prev",weight:"quiet","aria-label":e.btnLabelPrev,onClick:t[2]||(t[2]=c=>e.$emit("prev"))},{default:w(()=>[$(r,{icon:e.cdxIconPrevious},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),$(l,{disabled:e.nextDisabled,class:"cdx-table-pager__button-next",weight:"quiet","aria-label":e.btnLabelNext,onClick:t[3]||(t[3]=c=>e.$emit("next"))},{default:w(()=>[$(r,{icon:e.cdxIconNext},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),$(l,{disabled:e.nextDisabled||e.lastDisabled,class:"cdx-table-pager__button-last",weight:"quiet","aria-label":e.btnLabelLast,onClick:t[4]||(t[4]=c=>e.$emit("last"))},{default:w(()=>[$(r,{icon:e.cdxIconMoveLast},null,8,["icon"])]),_:1},8,["disabled","aria-label"])])])}const xt=q(It,[["render",Mt]]),Bt=J(Ze),_t=J(Xe),Vt={none:Ge,asc:Ye,desc:et},Nt={none:"none",asc:"ascending",desc:"descending"},Rt=T({name:"CdxTable",components:{CdxCheckbox:rt,CdxIcon:Q,CdxTablePager:xt,CdxProgressBar:at},props:{caption:{type:String,required:!0},hideCaption:{type:Boolean,default:!1},columns:{type:Array,default:()=>[],validator:e=>{const t=e.map(n=>n.id);return new Set(t).size===t.length?!0:(console.warn('[CdxTable]: Each column in the "columns" prop must have a unique "id".'),!1)}},data:{type:Array,default:()=>[],validator:(e,t)=>{if(!Array.isArray(t.columns)||t.columns.length===0||e.length===0)return!0;const s=t.columns.some(b=>"allowSort"in b),n=e.every(b=>ne in b);return s&&t.useRowSelection&&!n?(console.warn('[CdxTable]: With sorting and row selection, each row in the "data" prop must have a "TableRowIdentifier".'),!1):!0}},useRowHeaders:{type:Boolean,default:!1},showVerticalBorders:{type:Boolean,default:!1},useRowSelection:{type:Boolean,default:!1},selectedRows:{type:Array,default:()=>[]},sort:{type:Object,default:()=>({})},pending:{type:Boolean,default:!1},paginate:{type:Boolean,default:!1},serverPagination:{type:Boolean,default:!1},totalRows:{type:Number,default:NaN},paginationPosition:{type:String,default:"bottom",validator:_t},paginationSizeOptions:{type:Array,default:()=>[{value:10},{value:20},{value:50}],validator:e=>{const t=s=>typeof s.value=="number";return e.every(t)?!0:(console.warn('[CdxTable]: "value" property of all menu items in PaginationOptions must be a number.'),!1)}},paginationSizeDefault:{type:Number,default:e=>e.paginate&&e.serverPagination?e.data.length:e.paginationSizeOptions[0].value}},emits:["update:selectedRows","update:sort","load-more","last"],setup(e,{emit:t}){const s=M(0),n=M(e.paginationSizeDefault),b=f(()=>e.serverPagination&&e.paginate?e.data:e.paginate?e.data.slice(s.value,n.value+s.value):e.data),g=f(()=>{var a;return e.serverPagination?(a=e.totalRows)!=null?a:NaN:e.data.length}),u=f(()=>isNaN(g.value)),r=f(()=>b.value.length),l=f(()=>s.value+1),c=f(()=>s.value+r.value),o=f(()=>u.value),P=f(()=>s.value<=0),y=f(()=>u.value?r.value<n.value:s.value+n.value>=g.value),L=I("cdx-table-pagination-status-message-determinate-short",(a,i,h)=>"".concat(a,"–").concat(i," of ").concat(h),[l,c,g]),K=I("cdx-table-pagination-status-message-determinate-long",(a,i,h)=>"Showing results ".concat(a,"–").concat(i," of ").concat(h),[l,c,g]),N=I("cdx-table-pagination-status-message-indeterminate-short",(a,i)=>"".concat(a,"–").concat(i," of many"),[l,c]),X=I("cdx-table-pagination-status-message-indeterminate-long",(a,i)=>"Showing results ".concat(a,"–").concat(i," of many"),[l,c]),W=I("cdx-table-pagination-status-message-indeterminate-final",a=>"Showing the last ".concat(a," results"),[r]),j=I("cdx-table-pagination-status-message-pending","Loading results..."),Z=f(()=>e.pending?j.value:u.value&&y.value?W.value:u.value?N.value:L.value),G=f(()=>e.pending?j.value:u.value&&y.value?W.value:u.value?X.value:K.value);function Y(){s.value+=n.value,e.serverPagination&&t("load-more",s.value,n.value)}function ee(){s.value-n.value<1?E():(s.value-=n.value,e.serverPagination&&t("load-more",s.value,n.value))}function E(){s.value=0,e.serverPagination&&t("load-more",s.value,n.value)}function te(){g.value%n.value===0?(s.value=g.value-n.value,t("load-more",s.value,n.value)):(s.value=Math.floor(g.value/n.value)*n.value,t("load-more",s.value,n.value))}Qe(n,a=>{e.serverPagination&&t("load-more",s.value,a)});const m=U(x(e,"selectedRows"),t,"update:selectedRows"),A=M(g.value===m.value.length),_=M(!1),be=f(()=>Object.keys(e.sort)[0]),ge=f(()=>e.columns.some(a=>a.allowSort)),fe=f(()=>{var i;return{"cdx-table__table--layout-fixed":(i=e.columns)==null?void 0:i.some(h=>"width"in h||"minWidth"in h),"cdx-table__table--borders-vertical":e.showVerticalBorders}}),me=I("cdx-table-sort-caption",a=>"".concat(a," (column headers with buttons are sortable)."),[x(e,"caption")]),ve=(a,i)=>I("cdx-table-select-row-label",(h,R)=>"Select row ".concat(h," of ").concat(R),[()=>a,()=>i]).value,he=I("cdx-table-select-all-label","Select all rows");function ae(a,i){return ne in a?a[ne]:i}function ye(a,i){const h=ae(a,i);return{"cdx-table__row--selected":m.value.includes(h)}}function $e(a){const i=e.columns[0].id;if(e.useRowHeaders&&a===i)return"row"}function Se(a){const i=e.columns[0].id;return e.useRowHeaders&&a===i?"th":"td"}function Ce(a,i=!1){if("textAlign"in a&&!Bt(a.textAlign)){console.warn('[CdxTable]: Invalid value for TableColumn "textAlign" property.');return}return{["cdx-table__table__cell--align-".concat(a.textAlign)]:"textAlign"in a&&a.textAlign!=="start","cdx-table__table__cell--has-sort":i}}function Ie(a){const i={};return"width"in a&&(i.width=a.width),"minWidth"in a&&(i.minWidth=a.minWidth),i}function we(a){if(g.value===a.length){A.value=!0,_.value=!1;return}A.value=!1,g.value>a.length&&(_.value=!0),a.length===0&&(_.value=!1)}function ke(a){_.value=!1,a?m.value=e.data.map((i,h)=>ae(i,h)):m.value=[]}function Pe(a){var R;const i=(R=e.sort[a])!=null?R:"none";let h="asc";i==="asc"&&(h="desc"),i==="desc"&&(h="none"),t("update:sort",{[a]:h})}function Le(a){var h;const i=(h=e.sort[a])!=null?h:"none";return Vt[i]}function De(a,i=!1){var h;if(i){const R=(h=e.sort[a])!=null?h:"none";return R==="none"?void 0:Nt[R]}}return{dataForDisplay:b,pageSize:n,onNext:Y,onPrev:ee,onFirst:E,onLast:te,nextDisabled:y,prevDisabled:P,lastDisabled:o,paginationStatusMessageShort:Z,paginationStatusMessageLong:G,wrappedSelectedRows:m,selectAll:A,selectAllIndeterminate:_,activeSortColumn:be,hasSortableColumns:ge,tableClasses:fe,getRowKey:ae,getRowClass:ye,getRowHeaderScope:$e,getCellElement:Se,getCellClass:Ce,getCellStyle:Ie,handleRowSelection:we,handleSelectAll:ke,handleSort:Pe,getSortIcon:Le,getSortOrder:De,translatedSortCaption:me,translatedSelectRowLabel:ve,translatedSelectAllLabel:he}}}),Ft={class:"cdx-table",tabindex:"0"},zt={key:0,class:"cdx-table__header"},Ot=["aria-hidden"],Tt={class:"cdx-table__header__content"},qt={class:"cdx-table__pagination-status--long"},Kt={class:"cdx-table__pagination-status--short"},Ut={class:"cdx-table__table-wrapper"},Wt={key:0},jt={key:0,class:"cdx-table__table__select-rows"},Et=["aria-sort"],Ht=["aria-selected","onClick"],Jt={class:"cdx-table__table__sort-label"},Qt={key:0},Xt={key:0},Zt={key:1},Gt={class:"cdx-table__table__empty-state"},Yt=["colspan"],ea={class:"cdx-table__pagination-status--long"},ta={class:"cdx-table__pagination-status--short"},aa={key:3,class:"cdx-table__footer"};function na(e,t,s,n,b,g){const u=D("cdx-table-pager"),r=D("cdx-checkbox"),l=D("cdx-icon"),c=D("cdx-progress-bar");return d(),p("div",Ft,[!e.hideCaption||e.$slots.header&&e.$slots.header().length>0?(d(),p("div",zt,[v("div",{class:"cdx-table__header__caption","aria-hidden":e.$slots.header&&e.$slots.header().length>0?void 0:!0},[e.hideCaption?k("v-if",!0):(d(),p(F,{key:0},[V(C(e.caption),1)],64))],8,Ot),v("div",Tt,[S(e.$slots,"header")])])):k("v-if",!0),e.paginate&&(e.paginationPosition==="top"||e.paginationPosition==="both")?(d(),z(u,{key:1,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":t[0]||(t[0]=o=>e.pageSize=o),class:"cdx-table__pagination--top","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:w(()=>[v("span",qt,C(e.paginationStatusMessageLong),1),v("span",Kt,C(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):k("v-if",!0),v("div",Ut,[v("table",{class:B(["cdx-table__table",e.tableClasses])},[v("caption",null,[e.hasSortableColumns?(d(),p(F,{key:1},[V(C(e.translatedSortCaption),1)],64)):(d(),p(F,{key:0},[V(C(e.caption),1)],64))]),S(e.$slots,"thead",{},()=>[e.columns.length>0?(d(),p("thead",Wt,[v("tr",null,[e.useRowSelection?(d(),p("th",jt,[$(r,{modelValue:e.selectAll,"onUpdate:modelValue":[t[1]||(t[1]=o=>e.selectAll=o),e.handleSelectAll],"hide-label":!0,indeterminate:e.selectAllIndeterminate},{default:w(()=>[V(C(e.translatedSelectAllLabel),1)]),_:1},8,["modelValue","indeterminate","onUpdate:modelValue"])])):k("v-if",!0),(d(!0),p(F,null,se(e.columns,o=>(d(),p("th",{key:o.id,scope:"col",class:B(e.getCellClass(o,o.allowSort)),"aria-sort":e.getSortOrder(o.id,o.allowSort),style:oe(e.getCellStyle(o))},[o.allowSort?(d(),p("button",{key:0,"aria-selected":o.id===e.activeSortColumn,class:"cdx-table__table__sort-button",onClick:P=>e.handleSort(o.id)},[v("span",Jt,C(o.label),1),$(l,{icon:e.getSortIcon(o.id),size:"small",class:"cdx-table__table__sort-icon--vue","aria-hidden":"true"},null,8,["icon"])],8,Ht)):(d(),p(F,{key:1},[V(C(o.label),1)],64))],14,Et))),128))])])):k("v-if",!0)]),e.pending?(d(),z(c,{key:0,inline:!0,class:"cdx-table__pending-indicator"})):k("v-if",!0),S(e.$slots,"tbody",{},()=>[e.dataForDisplay.length>0?(d(),p("tbody",Qt,[(d(!0),p(F,null,se(e.dataForDisplay,(o,P)=>(d(),p("tr",{key:e.getRowKey(o,P),class:B(e.getRowClass(o,P))},[e.useRowSelection?(d(),p("td",Xt,[$(r,{modelValue:e.wrappedSelectedRows,"onUpdate:modelValue":[t[2]||(t[2]=y=>e.wrappedSelectedRows=y),e.handleRowSelection],"input-value":e.getRowKey(o,P),"hide-label":!0},{default:w(()=>[V(C(e.translatedSelectRowLabel(P+1,e.dataForDisplay.length)),1)]),_:2},1032,["modelValue","input-value","onUpdate:modelValue"])])):k("v-if",!0),(d(!0),p(F,null,se(e.columns,y=>(d(),z(tt(e.getCellElement(y.id)),{key:y.id,scope:e.getRowHeaderScope(y.id),class:B(e.getCellClass(y))},{default:w(()=>[S(e.$slots,"item-"+y.id,{item:o[y.id],row:o},()=>[V(C(o[y.id]),1)])]),_:2},1032,["scope","class"]))),128))],2))),128))])):e.$slots["empty-state"]&&e.$slots["empty-state"]().length>0?(d(),p("tbody",Zt,[v("tr",Gt,[v("td",{colspan:e.columns.length,class:"cdx-table__table__empty-state-content"},[S(e.$slots,"empty-state")],8,Yt)])])):k("v-if",!0)]),S(e.$slots,"tfoot")],2)]),e.paginate&&(e.paginationPosition==="bottom"||e.paginationPosition==="both")?(d(),z(u,{key:2,"items-per-page":e.pageSize,"onUpdate:itemsPerPage":t[3]||(t[3]=o=>e.pageSize=o),class:"cdx-table__pagination--bottom","pagination-size-options":e.paginationSizeOptions,"prev-disabled":e.prevDisabled,"next-disabled":e.nextDisabled,"last-disabled":e.lastDisabled,onNext:e.onNext,onPrev:e.onPrev,onFirst:e.onFirst,onLast:e.onLast},{default:w(()=>[v("span",ea,C(e.paginationStatusMessageLong),1),v("span",ta,C(e.paginationStatusMessageShort),1)]),_:1},8,["items-per-page","pagination-size-options","prev-disabled","next-disabled","last-disabled","onNext","onPrev","onFirst","onLast"])):k("v-if",!0),e.$slots.footer&&e.$slots.footer().length>0?(d(),p("div",aa,[S(e.$slots,"footer")])):k("v-if",!0)])}const ca=q(Rt,[["render",na]]);export{rt as C,Ct as a,ra as b,ua as c,ca as d};