@opengis/table 0.0.1 → 0.0.12

package/dist/index.umd.js

@@ -1 +0,0 @@
-(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.filter={},f.Vue))})(this,function(f,e){"use strict";const M=e.defineComponent({name:"NumberFormat",__name:"NumberFormat",props:{value:{}},setup(p){const n=p,t=e.computed(()=>n.value===null||n.value===void 0?"":typeof n.value=="number"?n.value.toLocaleString():n.value);return(r,a)=>(e.openBlock(),e.createElementBlock("span",null,e.toDisplayString(t.value),1))}}),H=e.defineComponent({name:"DateFormat",__name:"DateFormat",props:{value:{}},setup(p){const n=p,t=e.computed(()=>{if(!n.value)return"";try{return new Date(n.value).toLocaleDateString()}catch{return n.value}});return(r,a)=>(e.openBlock(),e.createElementBlock("span",null,e.toDisplayString(t.value),1))}}),U=e.defineComponent({name:"TextFormat",__name:"TextFormat",props:{value:{}},setup(p){return(n,t)=>(e.openBlock(),e.createElementBlock("span",null,e.toDisplayString(n.value),1))}}),O=((p,n)=>{const t=p.__vccOpts||p;for(const[r,a]of n)t[r]=a;return t})(e.defineComponent({name:"BadgeFormat",__name:"BadgeFormat",props:{value:{}},setup(p){const n=p,t=e.computed(()=>{const a=String(n.value||"").toLowerCase(),c="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium";return a.includes("success")||a.includes("active")||a.includes("completed")?`${c} bg-green-100 text-green-800`:a.includes("error")||a.includes("failed")||a.includes("inactive")?`${c} bg-red-100 text-red-800`:a.includes("warning")||a.includes("pending")?`${c} bg-yellow-100 text-yellow-800`:a.includes("info")||a.includes("processing")?`${c} bg-blue-100 text-blue-800`:`${c} bg-gray-100 text-gray-800`}),r=e.computed(()=>({minWidth:"60px",textAlign:"center",display:"inline-block"}));return(a,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["badge",t.value]),style:e.normalizeStyle(r.value)},e.toDisplayString(a.value),7))}}),[["__scopeId","data-v-9d7cd70c"]]),ee={class:"flex flex-wrap gap-1"},q=e.defineComponent({name:"ArrayFormat",__name:"ArrayFormat",props:{value:{}},setup(p){const n=p,t=e.computed(()=>n.value?Array.isArray(n.value)?n.value:[n.value]:[]),r=a=>a?typeof a=="object"&&a.name?a.name:typeof a=="string"||typeof a=="number"?String(a):JSON.stringify(a):"";return(a,c)=>(e.openBlock(),e.createElementBlock("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(s,k)=>(e.openBlock(),e.createElementBlock("span",{key:k,class:"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 hover:bg-blue-200 transition-colors"},e.toDisplayString(r(s)),1))),128))]))}}),P={number:M,date:H,text:U,badge:O,array:q},te={class:"flex items-center space-x-4"},ae={class:"font-medium"},oe={class:"font-medium"},le={class:"font-medium"},ne={class:"flex items-center space-x-2"},re=["disabled"],se={class:"flex items-center space-x-1"},ie=["onClick"],ce=["disabled"],A=e.defineComponent({name:"Pagination",__name:"Pagination",props:{page:{},limit:{},total:{},theme:{default:"light"},size:{default:"medium"}},emits:["update:page"],setup(p,{emit:n}){const t=p,r=e.computed(()=>({small:{text:"text-xs",button:"px-2 h-7 text-xs min-w-[28px] flex items-center justify-center",icon:"w-3.5 h-3.5"},medium:{text:"text-sm",button:"px-3 h-9 text-sm min-w-[36px] flex items-center justify-center",icon:"w-4 h-4"},large:{text:"text-base",button:"px-4 h-11 text-base min-w-[44px] flex items-center justify-center",icon:"w-5 h-5"}})[t.size]),a=e.computed(()=>{const{theme:i}=t;return i==="dark"?{container:"bg-gray-900 border-gray-700",text:"text-gray-300",button:"text-gray-300 bg-gray-800 border-gray-600 hover:bg-gray-700",buttonDisabled:"text-gray-500 bg-gray-800",buttonActive:"bg-blue-600 text-white",ellipsis:"text-gray-400"}:i==="light"?{container:"bg-white border-gray-200",text:"text-gray-700",button:"text-gray-700 bg-white border-gray-300 hover:bg-gray-50",buttonDisabled:"text-gray-400 bg-gray-100",buttonActive:"bg-blue-600 text-white",ellipsis:"text-gray-500"}:{container:"bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-700",text:"text-gray-700 dark:text-gray-300",button:"text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700",buttonDisabled:"text-gray-400 dark:text-gray-500 bg-gray-100 dark:bg-gray-800",buttonActive:"bg-blue-600 text-white",ellipsis:"text-gray-500 dark:text-gray-400"}}),c=n,s=e.computed(()=>Math.ceil(t.total/t.limit)),k=e.computed(()=>t.total===0?0:(t.page-1)*t.limit+1),C=e.computed(()=>Math.min(t.page*t.limit,t.total)),x=e.computed(()=>{const i=[];if(s.value<=7)for(let y=1;y<=s.value;y+=1)i.push(y);else{i.push(1),t.page>4&&i.push("...");const y=Math.max(2,t.page-1),E=Math.min(s.value-1,t.page+1);for(let _=y;_<=E;_+=1)_!==1&&_!==s.value&&i.push(_);t.page<s.value-3&&i.push("..."),s.value>1&&i.push(s.value)}return i}),h=i=>{i>=1&&i<=s.value&&i!==t.page&&c("update:page",i)};return(i,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center justify-between py-3 border-t",a.value.container])},[e.createElementVNode("div",te,[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center text-sm",a.value.text,r.value.text])},[e.createElementVNode("span",null,[g[2]||(g[2]=e.createTextVNode(" Показано ",-1)),e.createElementVNode("span",ae,e.toDisplayString(k.value),1),g[3]||(g[3]=e.createTextVNode(" до ",-1)),e.createElementVNode("span",oe,e.toDisplayString(C.value),1),g[4]||(g[4]=e.createTextVNode(" з ",-1)),e.createElementVNode("span",le,e.toDisplayString(i.total),1),g[5]||(g[5]=e.createTextVNode(" результатів ",-1))])],2)]),e.createElementVNode("div",ne,[e.createElementVNode("button",{onClick:g[0]||(g[0]=y=>h(i.page-1)),disabled:i.page<=1,class:e.normalizeClass(["relative font-medium rounded-md",r.value.button,i.page<=1?a.value.buttonDisabled:a.value.button])},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(r.value.icon),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},g[6]||(g[6]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"},null,-1)]),2))],10,re),e.createElementVNode("div",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,y=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:y},[y==="..."?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["font-medium",r.value.button,a.value.ellipsis])}," ... ",2)):(e.openBlock(),e.createElementBlock("button",{key:1,onClick:E=>h(y),class:e.normalizeClass(["relative font-medium rounded-md",r.value.button,y===i.page?a.value.buttonActive:a.value.button])},e.toDisplayString(y),11,ie))],64))),128))]),e.createElementVNode("button",{onClick:g[1]||(g[1]=y=>h(i.page+1)),disabled:i.page>=s.value,class:e.normalizeClass(["relative font-medium rounded-md",r.value.button,i.page>=s.value?a.value.buttonDisabled:a.value.button])},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(r.value.icon),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},g[7]||(g[7]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"},null,-1)]),2))],10,ce)])],2))}}),de={key:0,class:"text-center py-8"},me={class:"inline-flex items-center space-x-2"},pe={key:2,class:"overflow-x-auto"},ge={class:"relative w-full overflow-auto"},ue=["checked","indeterminate"],fe=["onClick"],ye={class:"flex items-center justify-between"},be={key:0,class:"ml-1 text-xs"},he=["onClick"],ke=["checked","onChange"],N=e.defineComponent({name:"DataTable",__name:"DataTable",props:{rows:{default:()=>[]},columns:{default:()=>[]},api:{},tableStyle:{default:"min-width: 50rem"},tableClass:{default:"min-w-full divide-y divide-gray-200 dark:divide-gray-700"},size:{default:"medium"},theme:{default:"light"},loading:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},selectedRows:{default:()=>[]},limit:{default:10},page:{default:1},total:{default:0},showPagination:{type:Boolean,default:!0},sortable:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1}},emits:["update:page","update:selectedRows","row-click"],setup(p,{emit:n}){const t=p,r=n,a=e.ref(t.selectedRows||[]),c=e.ref([]),s=e.ref([]),k=e.ref([]),C=e.ref(!1),x=e.ref(null),h=e.computed(()=>{if(t.api)return s.value;if(t.sortable&&c.value.length>0){const o=[...t.rows];return o.sort((d,l)=>{for(const u of c.value){if(!u.direction)return 0;const m=d[u.field],w=l[u.field];if(m==null)return 1;if(w==null)return-1;let B=0;typeof m=="string"&&typeof w=="string"?B=m.localeCompare(w):m<w?B=-1:m>w?B=1:B=0;const V=u.direction==="desc"?-B:B;if(V!==0)return V}return 0}),o}return t.rows});e.watch(()=>t.selectedRows,o=>{a.value=o||[]});const i=o=>a.value.some(d=>d===o),g=o=>{const d=a.value.findIndex(l=>l===o);d>-1?a.value.splice(d,1):a.value.push(o),r("update:selectedRows",[...a.value])},y=e.computed(()=>h.value.length>0&&a.value.length===h.value.length),E=e.computed(()=>a.value.length>0&&a.value.length<h.value.length),_=()=>{y.value?a.value=[]:a.value=[...h.value],r("update:selectedRows",[...a.value])},Fe=o=>{if(!t.sortable)return;const d=c.value.findIndex(l=>l.field===o);if(d>=0){const l=c.value[d];l.direction==="asc"?l.direction="desc":l.direction==="desc"&&c.value.splice(d,1)}else c.value.unshift({field:o,direction:"asc"});t.api&&z()},Te=o=>{const d=c.value.find(l=>l.field===o);if(!d)return"↑↓";switch(d.direction){case"asc":return"↑";case"desc":return"↓";default:return"↕️"}},R=o=>t.sortable&&o.sortable!==!1,Pe=o=>{t.clickable&&r("row-click",o)},j=e.ref(t.page),K=e.ref(t.limit),I=e.ref(t.total),$=e.ref(1),L=e.ref(10),S=e.ref(0),Q=e.computed(()=>t.api?$.value:j.value),X=e.computed(()=>t.api?L.value:K.value),Y=e.computed(()=>t.api?S.value:I.value),b=e.computed(()=>{const{theme:o}=t;return o==="dark"?{container:"dark",loading:"text-gray-400",error:"text-red-400",thead:"bg-gray-800",th:"text-gray-300",thHover:"hover:bg-gray-700",tbody:"bg-gray-900 divide-gray-700",tr:"hover:bg-gray-800",td:"text-gray-300",empty:"text-gray-400",checkbox:"border-gray-600 bg-gray-700 text-blue-400"}:o==="light"?{container:"",loading:"text-gray-500",error:"text-red-500",thead:"bg-gray-50",th:"text-gray-500",thHover:"hover:bg-gray-100",tbody:"bg-white divide-gray-200",tr:"hover:bg-gray-50",td:"text-gray-900",empty:"text-gray-500",checkbox:"border-gray-300 bg-white text-blue-600"}:{container:"",loading:"text-gray-500 dark:text-gray-400",error:"text-red-500 dark:text-red-400",thead:"bg-gray-50 dark:bg-gray-800",th:"text-gray-500 dark:text-gray-300",thHover:"hover:bg-gray-100 dark:hover:bg-gray-700",tbody:"bg-white dark:bg-gray-900 divide-gray-200 dark:divide-gray-700",tr:"hover:bg-gray-50 dark:hover:bg-gray-800",td:"text-gray-900 dark:text-gray-300",empty:"text-gray-500 dark:text-gray-400",checkbox:"border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-blue-600 dark:text-blue-400"}});e.watch(()=>t.page,o=>{j.value=o}),e.watch(()=>t.limit,o=>{K.value=o}),e.watch(()=>t.total,o=>{I.value=o});const z=async()=>{if(t.api){C.value=!0,x.value=null;try{const o=new URL(t.api,window.location.origin);if(o.searchParams.set("page",Q.value.toString()),o.searchParams.set("limit",X.value.toString()),c.value.length>0){const u=c.value.filter(m=>m.direction).map(m=>`${m.field}:${m.direction}`).join(",");u&&o.searchParams.set("sort",u)}const d=await fetch(o.toString());if(!d.ok)throw new Error(`HTTP error! status: ${d.status}`);const l=await d.json();l.rows&&Array.isArray(l.rows)&&(s.value=l.rows),l.columns&&Array.isArray(l.columns)&&(k.value=l.columns),l.total!==void 0&&(t.api?S.value=l.total:I.value=l.total)}catch(o){x.value=o instanceof Error?o.message:"Failed to fetch data",console.error("Error fetching data:",o)}finally{C.value=!1}}},Ae=o=>{t.api?$.value=o:(j.value=o,r("update:page",o)),t.api&&z()},Re=e.computed(()=>t.showPagination&&Y.value>0),D=e.computed(()=>({small:{header:"px-3 py-2 text-xs",cell:"px-3 py-2 text-xs"},medium:{header:"px-6 py-3 text-xs",cell:"px-6 py-4 text-sm"},large:{header:"px-8 py-4 text-sm",cell:"px-8 py-6 text-base"}})[t.size]);e.onMounted(()=>{t.api&&(t.page&&($.value=t.page),t.limit&&(L.value=t.limit),t.total&&(S.value=t.total),z())}),e.watch(()=>t.api,o=>{o&&($.value=t.page||1,L.value=t.limit||10,S.value=t.total||0,z())});const v=e.computed(()=>t.api?k.value:t.columns),F=e.ref([]),T=e.ref({});e.provide("registerColumn",(o,d)=>{F.value.push(o),d&&o.slotName&&(T.value[o.name]=d)});const je=e.useSlots(),Z=e.computed(()=>{if(F.value.length>0)return console.log("Using slot columns:",F.value),F.value;const o=je.default?.();if(o){console.log("Slot children:",o);const d=o.filter(l=>{const u=l.type?.name==="Column"||l.type==="Column"||l.type&&typeof l.type=="object"&&l.type.name==="Column";return console.log("Checking child:",l.type,"isColumn:",u),u}).map(l=>{console.log("Column slot props:",l.props),console.log("Column slot type:",l.type);const u=l.props||l.componentProps||{},m=u.field||u.name||"",w=u.header||u.label||"",B=l.children&&l.children.body,V={name:m,ua:w,format:u.format||"text",slotName:B?"body":void 0,...u};return B&&V.name&&(T.value[V.name]=l.children.body),console.log("Processed column:",V),V});if(d.length>0)return console.log("Final processed columns from slots:",d),d}return v.value&&v.value.length>0?(console.log("Using table columns from props/API:",v.value),v.value):[]}),Ie=(o="text")=>P[o]||P.text;return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full",b.value.container])},[C.value||t.loading?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",me,[d[0]||(d[0]=e.createElementVNode("div",{class:"animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600"},null,-1)),e.createElementVNode("span",{class:e.normalizeClass(b.value.loading)},"Loading...",2)])])):x.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["text-center py-8",b.value.error])},e.toDisplayString(x.value),3)):!t.loading&&h.value.length>0?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",ge,[e.createElementVNode("table",{class:e.normalizeClass(o.tableClass),style:e.normalizeStyle(o.tableStyle)},[e.createElementVNode("thead",{class:e.normalizeClass(b.value.thead)},[e.createElementVNode("tr",null,[o.selectable?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(["text-left font-medium uppercase tracking-wider",b.value.th,D.value.header,"w-12"])},[e.createElementVNode("input",{type:"checkbox",checked:y.value,indeterminate:E.value,onChange:_,class:e.normalizeClass(["h-4 w-4 focus:ring-blue-500 rounded",b.value.checkbox])},null,42,ue)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Z.value,l=>(e.openBlock(),e.createElementBlock("th",{key:l.name,class:e.normalizeClass(["text-left font-medium uppercase tracking-wider",b.value.th,D.value.header,l.align?`text-${l.align}`:"",R(l)?["cursor-pointer",b.value.thHover]:""]),onClick:u=>R(l)?Fe(l.name):void 0},[e.createElementVNode("div",ye,[e.createElementVNode("span",null,e.toDisplayString(l.ua||l.header||l.name),1),R(l)?(e.openBlock(),e.createElementBlock("span",be,e.toDisplayString(Te(l.name)),1)):e.createCommentVNode("",!0)])],10,fe))),128))])],2),e.createElementVNode("tbody",{class:e.normalizeClass(b.value.tbody)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(l,u)=>(e.openBlock(),e.createElementBlock("tr",{key:u,class:e.normalizeClass([b.value.tr,t.clickable?"cursor-pointer":""]),onClick:m=>t.clickable?Pe(l):void 0},[o.selectable?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(["whitespace-nowrap",b.value.td,D.value.cell,"w-12"])},[e.createElementVNode("input",{type:"checkbox",checked:i(l),onChange:m=>g(l),class:e.normalizeClass(["h-4 w-4 focus:ring-blue-500 rounded",b.value.checkbox])},null,42,ke)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Z.value,m=>(e.openBlock(),e.createElementBlock("td",{key:m.name,class:e.normalizeClass(["whitespace-nowrap",b.value.td,D.value.cell,m.align?`text-${m.align}`:""])},[m.slotName&&T.value[m.name]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(T.value[m.name]),{key:0,data:l,value:l[m.name]},null,8,["data","value"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Ie(m.format)),{key:1,value:l[m.name]},null,8,["value"]))],2))),128))],10,he))),128))],2)],6)])])):e.createCommentVNode("",!0),Re.value&&!C.value&&!t.loading&&!x.value?(e.openBlock(),e.createBlock(A,{key:3,page:Q.value,limit:X.value,total:Y.value,theme:t.theme,size:t.size,"onUpdate:page":Ae},null,8,["page","limit","total","theme","size"])):e.createCommentVNode("",!0),!C.value&&!t.loading&&!x.value&&h.value.length===0?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(["text-center py-8",b.value.empty])}," Дані відсутні ",2)):e.createCommentVNode("",!0)],2))}}),xe={style:{display:"none"}},J=e.defineComponent({name:"Column",__name:"Column",props:{field:{},name:{},header:{},label:{},format:{},hidden:{type:Boolean},sortable:{type:Boolean},width:{},align:{},slot:{},slotName:{}},setup(p){const n=p,t=e.useSlots(),r=e.inject("registerColumn");return e.onMounted(()=>{if(r){const{field:a,name:c,header:s,label:k,format:C,slotName:x,...h}=n,E={name:a||c||"",ua:s||k||"",format:C||"text",slotName:x||(t.body?"body":void 0),...h};console.log("Registering column:",E);const _=t.body;r(E,_)}}),(a,c)=>(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(a.$slots,"body",{data:{}})]))}}),Ce={class:"mt-4"},_e={class:"text-sm text-gray-600 dark:text-gray-300"},W=e.defineComponent({__name:"SelectionInfo",props:{selectedRows:{},totalCount:{}},setup(p){const n=p,t=e.computed(()=>n.selectedRows.length);return(r,a)=>(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",_e," Обрано: "+e.toDisplayString(t.value)+" з "+e.toDisplayString(r.totalCount)+" записів ",1)]))}}),Be={class:"mt-4"},we={class:"border-b border-gray-200 dark:border-gray-700"},Ee={class:"-mb-px flex space-x-8"},Ve=["onClick"],Ne={class:"mt-4"},$e={class:"bg-gray-900 rounded-lg overflow-hidden"},Se={class:"flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700"},ze={class:"text-sm text-gray-300"},De=["onClick"],ve={class:"p-4 text-sm text-gray-100 overflow-x-auto"},G=e.defineComponent({__name:"CodeTabs",props:{tabs:{},defaultTab:{default:void 0}},setup(p){const n=p,t=e.ref(n.defaultTab||n.tabs[0]?.id||""),r=async a=>{try{await navigator.clipboard.writeText(a),console.log("Код скопійовано!")}catch(c){console.error("Помилка копіювання:",c)}};return(a,c)=>(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("div",we,[e.createElementVNode("nav",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.tabs,s=>(e.openBlock(),e.createElementBlock("button",{key:s.id,onClick:k=>t.value=s.id,class:e.normalizeClass(["py-2 px-1 border-b-2 font-medium text-sm transition-colors",t.value===s.id?"border-blue-500 text-blue-600 dark:text-blue-400":"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300"])},e.toDisplayString(s.label),11,Ve))),128))])]),e.createElementVNode("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.tabs,s=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:s.id},[e.createElementVNode("div",$e,[e.createElementVNode("div",Se,[e.createElementVNode("span",ze,e.toDisplayString(s.label),1),e.createElementVNode("button",{onClick:k=>r(s.content),class:"text-gray-400 hover:text-white transition-colors",title:"Копіювати код"},c[0]||(c[0]=[e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})],-1)]),8,De)]),e.createElementVNode("pre",ve,[e.createElementVNode("code",null,e.toDisplayString(s.content),1)])])])),[[e.vShow,t.value===s.id]])),128))])]))}});N.install=function(n){n.component("DataTable",N),n.component("Column",J),n.component("Pagination",A),n.component("SelectionInfo",W),n.component("CodeTabs",G)},f.ArrayFormat=q,f.BadgeFormat=O,f.CodeTabs=G,f.Column=J,f.DataTable=N,f.DateFormat=H,f.NumberFormat=M,f.Pagination=A,f.SelectionInfo=W,f.TextFormat=U,f.default=N,f.formatComponents=P,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});