@opengis/filter 0.1.30 → 0.1.32

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.
Files changed (7) hide show
  1. package/README.md +74 -74
  2. package/dist/components/filter-field/fields/popover-field.vue.d.ts.map +1 -1
  3. package/dist/components/filter-field/layouts/vertical-layout.vue.d.ts.map +1 -1
  4. package/dist/composable/useFilterSelect.d.ts.map +1 -1
  5. package/dist/index.js +1756 -1739
  6. package/dist/index.umd.cjs +2 -2
  7. package/package.json +59 -59
package/dist/index.umd.cjs CHANGED
@@ -1,2 +1,2 @@
1
- (function(L,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@opengis/core")):typeof define=="function"&&define.amd?define(["exports","vue","@opengis/core"],e):(L=typeof globalThis<"u"?globalThis:L||self,e(L.FilterLib={},L.Vue,L.OpenGISCore))})(this,(function(L,e,Z){"use strict";const T=(p,o)=>{const b=p.__vccOpts||p;for(const[t,a]of o)b[t]=a;return b},ue={},pe={xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-reload absolute inline mr-1 text-gray-800 transition-all cursor-pointer active:rotate-90 right-1 top-1 hover:text-blue-500"};function ye(p,o){return e.openBlock(),e.createElementBlock("svg",pe,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747"},null,-1),e.createElementVNode("path",{d:"M20 4v5h-5"},null,-1)])])}const ge=T(ue,[["render",ye]]),he={},be={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"text-blue-600 w-[16px] h-[16px]"};function ke(p,o){return e.openBlock(),e.createElementBlock("svg",be,[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M20 6 9 17l-5-5"},null,-1)])])}const O=T(he,[["render",ke]]),xe={class:"flex items-center cursor-pointer w-full"},we={key:0,width:"16",height:"auto",src:"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="},Ve=["value"],Ce={class:"flex flex-row items-center font-normal text-gray-800 gap-x-1"},Be={key:0,class:"text-xs text-gray-500 dark:text-neutral-500 pr-1"},Ee={key:1,class:"absolute right-2 flex size-3.5 items-center justify-center"},W=e.defineComponent({__name:"list-item",props:{layout:{},count:{},type:{},label:{},value:{},isSelected:{type:Boolean},color:{},highlighted:{type:Boolean}},emits:["itemClick"],setup(p,{expose:o,emit:b}){const t=p,a=b;function l(){a("itemClick",t.value)}const f=e.ref(null),s=e.computed(()=>t.layout==="inline"&&t.type==="radio"),d=e.computed(()=>t.layout==="vertical"?"text-[13px]":"text-sm");return o({el:f}),(g,n)=>(e.openBlock(),e.createElementBlock("div",{class:"flex items-center w-full rounded-sm group hover:bg-gray-100",ref_key:"el",ref:f},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between w-full",d.value])},[e.createElementVNode("div",xe,[e.createElementVNode("label",{for:"radio-9740",class:e.normalizeClass([["inline","popover"].includes(g.layout)?"text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center":"flex flex-row items-center w-full px-2 py-2 text-gray-500 cursor-pointer",{"bg-blue-100":g.highlighted,relative:s.value},d.value]),onClick:e.withModifiers(l,["stop","prevent"])},[s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-[18px] h-[18px] border flex items-center justify-center",[g.type==="checkbox"?"rounded-[4px]":"rounded-full",g.color?`bg-[${g.color}] border-[#ffffff]`:g.isSelected?"bg-[#2563eb] border-[#ffffff]":"bg-[#ffffff] border-[#d9d9d9]"]])},[g.isSelected?(e.openBlock(),e.createElementBlock("img",we)):e.createCommentVNode("",!0)],2)),e.createElementVNode("input",{type:"checkbox",class:"hidden",id:"radio-9740",value:g.value},null,8,Ve),e.createElementVNode("div",{class:e.normalizeClass(["flex flex-1 flex-row items-center justify-between",s.value?"pl-1 pr-6":"w-[calc(100%-18px)] pl-[10px]"])},[e.createElementVNode("span",Ce,e.toDisplayString(g.label??"Відсутні дані"),1),g.count?(e.openBlock(),e.createElementBlock("div",Be," ("+e.toDisplayString(g.count)+") ",1)):e.createCommentVNode("",!0)],2),s.value&&g.isSelected?(e.openBlock(),e.createElementBlock("span",Ee,[e.createVNode(O)])):e.createCommentVNode("",!0)],2)])],2)],512))}});function Y(p,o){const{options:b=[],limit:t=20}=p;function a(r){return Array.isArray(r)?r[0]:r}const l=e.ref(a(p.modelValue)),f=e.ref(""),s=e.ref(!1),d=e.ref([]),g=e.ref("id"),n=e.ref("text"),y=e.ref(!1),i=e.ref(p.layout!=="popover"&&b.length>t);function x(r){const m=r.find(Boolean)??{},_=["id","value","code","key"].find(B=>B in m)??"id",$=["text","label","name","title"].find(B=>B in m)??"text";return{autoValueKey:_,autoLabelKey:$}}if(b.length>0){const r=x(b);g.value=r.autoValueKey,n.value=r.autoLabelKey}const V=e.computed(()=>{const r=d.value;return p.layout==="popover"||y.value?r:r.slice(0,t)});e.watch(()=>p.modelValue,r=>{l.value=a(r)},{immediate:!0}),d.value=[...b].sort((r,m)=>p.sort==="count"?m.count&&r.count?m.count-r.count:0:p.sort==="name"?String(r[n.value]??"").localeCompare(String(m[n.value]??"")):0);function S(r){return l.value===r[g.value]}function k(r){l.value=r[g.value],o("update:modelValue",l.value),o("change",{name:p.name,value:l.value})}function c(){l.value=void 0,o("update:modelValue",l.value),o("clear",p.name)}function h(){y.value=!y.value}return{innerValue:l,searchTerm:f,filteredOptions:V,isSelected:S,selectItem:k,clear:c,toggleShowAll:h,isReqProc:s,showAll:y,isEnableShowAll:i,labelKey:n,valueKey:g,allOptions:d}}const Ne={},Se={class:"w-48 mx-auto",viewBox:"0 0 178 90",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function _e(p,o){return e.openBlock(),e.createElementBlock("svg",Se,[...o[0]||(o[0]=[e.createStaticVNode('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>',12)])])}const H=T(Ne,[["render",_e]]),$e={},De={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"};function Ae(p,o){return e.openBlock(),e.createElementBlock("svg",De,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M6 9l6 6l6 -6"},null,-1)])])}const U=T($e,[["render",Ae]]),Fe={},je={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"};function Me(p,o){return e.openBlock(),e.createElementBlock("svg",je,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M6 9l6 6l6 -6"},null,-1)])])}const Q=T(Fe,[["render",Me]]),Re={key:0,class:"w-full"},Le={class:"flex flex-col items-center justify-center p-5 text-center"},Te={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},Ke={key:1,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},ze=e.defineComponent({__name:"radio",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{default:10},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=p,a=e.ref(null),l=b,{innerValue:f,filteredOptions:s,isSelected:d,selectItem:g,clear:n,toggleShowAll:y,isReqProc:i,showAll:x,isEnableShowAll:V,labelKey:S,valueKey:k,allOptions:c}=Y({...t,modelValue:t.modelValue??t.default??""},l);return o({clear:n,inputTextRef:a}),e.watch(()=>t.modelValue,h=>{h===void 0&&(f.value=void 0)}),(h,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([h.layout==="popover"?"flex flex-col h-full":"flex flex-col vs-filter-checkbox"])},[e.createElementVNode("div",{class:e.normalizeClass([h.layout==="popover"?"flex-1 overflow-y-auto p-2":"",h.layout==="inline"?"flex-1 overflow-y-auto max-h-80":""])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),m=>(e.openBlock(),e.createBlock(W,{layout:h.layout,key:m[e.unref(k)],count:m.count,label:m[e.unref(S)],color:m.color,type:"radio",value:m[e.unref(k)],"is-selected":e.unref(d)(m),onItemClick:_=>e.unref(g)(m)},null,8,["layout","count","label","color","value","is-selected","onItemClick"]))),128))],2),h.type==="select"&&e.unref(s).length===0&&!e.unref(i)?(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("div",Le,[e.createVNode(H),r[4]||(r[4]=e.createElementVNode("div",{class:"max-w-sm mx-auto mt-6"},[e.createElementVNode("p",{class:"font-medium text-gray-800 dark:text-neutral-200"},"За вашим запитом нічого не знайдено"),e.createElementVNode("p",{class:"mt-2 text-sm text-gray-500 dark:text-neutral-500"})],-1))])])):e.createCommentVNode("",!0),h.layout!=="popover"&&h.type!=="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(x)&&e.unref(V)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:r[0]||(r[0]=(...m)=>e.unref(y)&&e.unref(y)(...m)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[r[5]||(r[5]=e.createTextVNode(" Показати більше ",-1)),e.createVNode(U)])):e.createCommentVNode("",!0),e.unref(x)?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:r[1]||(r[1]=(...m)=>e.unref(y)&&e.unref(y)(...m)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[r[6]||(r[6]=e.createTextVNode(" Показати менше ",-1)),e.createVNode(Q)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),h.cleanable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[h.layout==="inline"?(e.openBlock(),e.createElementBlock("div",Te,[e.createTextVNode(e.toDisplayString(e.unref(f)||e.unref(f)===null?1:0)+" з "+e.toDisplayString(e.unref(c).length)+" обрано ",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:r[2]||(r[2]=(...m)=>e.unref(n)&&e.unref(n)(...m))}," Очистити ",512),[[e.vShow,e.unref(f)!==""&&e.unref(f)!==void 0]])])):e.createCommentVNode("",!0),h.layout==="popover"?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("span",null,e.toDisplayString(e.unref(f)||e.unref(f)===null?1:0)+" з "+e.toDisplayString(e.unref(c).length)+" обрано",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:r[3]||(r[3]=(...m)=>e.unref(n)&&e.unref(n)(...m))}," Очистити ",512),[[e.vShow,e.unref(f)!==""&&e.unref(f)!==void 0]])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2))}});function v(p,o){const{options:b=[],limit:t=20}=p;function a(r){return Array.isArray(r)?r:r?[r]:[]}const l=e.ref(a(p.modelValue)),f=e.ref(""),s=e.ref(!1),d=e.ref([]),g=e.ref("id"),n=e.ref("text"),y=e.ref(!1),i=e.ref(p.layout!=="popover"&&b.length>t);function x(r){const m=r.find(Boolean)??{},_=["id","value","code","key"].find(B=>B in m)??"id",$=["text","label","name","title"].find(B=>B in m)??"text";return{autoValueKey:_,autoLabelKey:$}}if(b.length>0){const r=x(b);g.value=r.autoValueKey,n.value=r.autoLabelKey}const V=e.computed(()=>{const r=d.value;return p.layout==="popover"||y.value?r:r.slice(0,t)});e.watch(()=>p.modelValue,r=>{l.value=a(r)},{immediate:!0}),d.value=[...b].sort((r,m)=>p.sort==="count"?m.count&&r.count?m.count-r.count:0:p.sort==="name"?String(r[n.value]).localeCompare(String(m[n.value])):0);function S(r){return l.value&&l.value.includes(r[g.value])}function k(r){const m=l.value.includes(r[g.value]);l.value=m?l.value.filter(_=>_!==r[g.value]):[...l.value,r[g.value]],o("update:modelValue",l.value),o("change",{name:p.name,value:l.value})}function c(){l.value=[],o("update:modelValue",l.value),o("clear",p.name)}function h(){y.value=!y.value}return{innerValue:l,searchTerm:f,filteredOptions:V,isSelected:S,selectItem:k,clear:c,toggleShowAll:h,isReqProc:s,showAll:y,isEnableShowAll:i,labelKey:n,valueKey:g,allOptions:d}}const ee={en:{apply:"Apply",search:"Search",more:"Show more",less:"Show less",selected:"selected",clear:"Clear",notfound:"Nothing found",period:"Period",today:"Today",week:"Week",max:"max",min:"min",month:"Month",quarter:"Quarter",year:"Year",alltime:"All Time",prev:"Prev",next:"Next",selectFieldHelp:"Select a field to start creating a filter."},uk:{apply:"Застосувати",search:"Пошук",more:"Показати більше",less:"Показати меньше",selected:"обрано",clear:"Очистити",notfound:"Нічого не знайдено",period:"Період",today:"Сьогодні",week:"Тиждень",max:"макс",min:"мін",month:"Місяць",quarter:"Квартал",year:"Рік",alltime:"Весь час",prev:"Попередній період",next:"Настпуний період",selectFieldHelp:"Оберіть поле, щоб розпочати створення фільтра."}};function te(p){const o=p.split(".")[1],b=typeof window<"u"&&window.localStorage?localStorage.locale:null;return(ee[b||navigator.language]||ee.uk)[o]}function z(){const p=e.getCurrentInstance();if(!p.appContext.config.globalProperties.$i18n)return te;const o=p.appContext.config.globalProperties.$t;return b=>{const t=o(b);return t===b?te(b):t}}const Oe={key:0,class:"w-full"},Ie={class:"flex flex-col items-center justify-center p-5 text-center"},Ue={class:"max-w-sm mx-auto mt-6"},Pe={class:"font-medium text-gray-800 dark:text-neutral-200"},qe={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},We={key:1,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},le=e.defineComponent({__name:"checkbox",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{default:10},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=z(),a=p,l=b,{innerValue:f,filteredOptions:s,isSelected:d,selectItem:g,clear:n,toggleShowAll:y,isReqProc:i,showAll:x,isEnableShowAll:V,labelKey:S,valueKey:k,allOptions:c}=v({...a,modelValue:a.modelValue},l);return e.watch(()=>a.modelValue,h=>{h===void 0&&(f.value=[])}),o({clear:n}),(h,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([h.layout==="popover"?"flex flex-col h-full":"flex flex-col vs-filter-checkbox space-y-0.5"])},[e.createElementVNode("div",{class:e.normalizeClass([h.layout==="popover"?"flex-1 overflow-y-auto p-2":"",h.layout==="inline"?"flex-1 overflow-y-auto max-h-80":""])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),m=>(e.openBlock(),e.createBlock(W,{layout:h.layout,count:m.count,label:m[e.unref(S)],color:m.color,type:"checkbox",value:m[e.unref(k)],"is-selected":e.unref(d)(m),onItemClick:_=>e.unref(g)(m)},null,8,["layout","count","label","color","value","is-selected","onItemClick"]))),256))],2),h.type==="select"&&e.unref(s).length===0&&!e.unref(i)?(e.openBlock(),e.createElementBlock("div",Oe,[e.createElementVNode("div",Ie,[e.createVNode(H),e.createElementVNode("div",Ue,[e.createElementVNode("p",Pe,e.toDisplayString(e.unref(t)("filter.notfound")),1),r[4]||(r[4]=e.createElementVNode("p",{class:"mt-2 text-sm text-gray-500 dark:text-neutral-500"},null,-1))])])])):e.createCommentVNode("",!0),h.layout!=="popover"&&h.type!=="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(x)&&e.unref(V)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:r[0]||(r[0]=(...m)=>e.unref(y)&&e.unref(y)(...m)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.more"))+" ",1),e.createVNode(U)])):e.createCommentVNode("",!0),e.unref(x)?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:r[1]||(r[1]=(...m)=>e.unref(y)&&e.unref(y)(...m)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.less"))+" ",1),e.createVNode(Q)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),h.cleanable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[h.layout==="inline"?(e.openBlock(),e.createElementBlock("div",qe,[e.createTextVNode(e.toDisplayString(e.unref(f).length)+" / "+e.toDisplayString(e.unref(c).length)+" "+e.toDisplayString(e.unref(t)("filter.selected"))+" ",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:r[2]||(r[2]=(...m)=>e.unref(n)&&e.unref(n)(...m))},e.toDisplayString(e.unref(t)("filter.clear")),513),[[e.vShow,e.unref(f).length!==0]])])):e.createCommentVNode("",!0),h.layout==="popover"?(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("span",null,e.toDisplayString(e.unref(f).length)+" / "+e.toDisplayString(e.unref(c).length)+" "+e.toDisplayString(e.unref(t)("filter.selected")),1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:r[3]||(r[3]=(...m)=>e.unref(n)&&e.unref(n)(...m))},e.toDisplayString(e.unref(t)("filter.clear")),513),[[e.vShow,e.unref(f).length!==0]])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2))}}),Ye={},He={xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"15px",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"};function Qe(p,o){return e.openBlock(),e.createElementBlock("svg",He,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"},null,-1),e.createElementVNode("path",{d:"M21 21l-6 -6"},null,-1)])])}const oe=T(Ye,[["render",Qe]]),Ge={},Je={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-x stroke-gray-500 hover:stroke-red-500 transition-all",width:"15px",height:"15px"};function Xe(p,o){return e.openBlock(),e.createElementBlock("svg",Je,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M18 6l-12 12"},null,-1),e.createElementVNode("path",{d:"M6 6l12 12"},null,-1)])])}const G=T(Ge,[["render",Xe]]);class ne{static getWidthClass(o){return typeof o=="number"?`max-w-[${o}px] min-w-[${o}px]`:typeof o=="string"?o.endsWith("%")||o.endsWith("px")?`max-w-[${o}]`:`max-w-${o}`:"w-full"}}const Ze={class:"absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"},ve=["placeholder"],et=e.defineComponent({__name:"text-input",props:{id:{},name:{},title:{},type:{},label:{},width:{default:220},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{emit:o}){const b=p,t=e.ref((b.placeholder||b.label||b.title||b.name||"search").toString()),a=o,l=e.ref(b.modelValue?.toString()??"");e.watch(()=>b.modelValue,g=>{g!==l.value&&(l.value=g?.toString()??"")});let f=null;function s(){if(l.value=l.value.trimStart(),l.value.length===0){d();return}f&&clearTimeout(f),f=setTimeout(()=>{a("update:modelValue",l.value),a("change",{name:b.name,value:l.value})},300)}function d(){l.value="",a("update:modelValue",""),a("clear",b.name)}return(g,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-form-text relative bg-white [&>input]:py-[7px] [&>input]:max-h-[38px] [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",g.layout==="vertical"?"rounded-md":"rounded-sm",g.layout==="vertical"?"[&>input]:rounded-md":"[&>input]:rounded-sm",g.layout==="inline"?e.unref(ne).getWidthClass(g.width):"mb-2"+(g.layout==="popover"?" m-2":"")])},[e.createElementVNode("div",Ze,[e.createVNode(oe)]),l.value!==""?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:d,class:"absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"},[e.createVNode(G)])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":n[0]||(n[0]=y=>l.value=y),onInput:s,placeholder:t.value,class:e.normalizeClass(["!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500",g.layout==="vertical"?"rounded-md":"rounded-sm"])},null,42,ve),[[e.vModelText,l.value]])],2))}});function re(p={color:"blue"}){return e.computed(()=>{const b=`w-full px-3 py-2 border-solid border text-black border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${p.color}-500 focus:border-transparent
2
- text-gray-800 bg-white dark:text-neutral-300 dark:bg-neutral-800 dark:border-neutral-600`;return p?.size==="sm"?`${b}h-[32px]`:`${b}h-[38px]`})}function tt(){return"rounded-md font-medium border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full bg-transparent border text-black text-sm h-[38px]"}function lt(){return"font-medium border border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 h-7 rounded-md text-xs px-2 py-1 text-gray-800 bg-white hover:bg-gray-100 dark:text-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-600"}function ae(p){return p==="ghost"?"inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400":p==="soft"?"inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border bg-white-100 text-gray-800 hover:bg-gray-200 hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900":"relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-gray-100 border px-4 py-2 gap-1 bg-transparent h-[38px]"}const ot={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},nt=["placeholder","disabled"],rt={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},at={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},st=["placeholder","disabled"],it=["disabled"],io={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},co={key:1,class:"flex justify-end items-center text-xs text-gray-500 p-1 border-t"},ct=e.defineComponent({__name:"range-input",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=re(),a=tt(),l=z(),f=p,s=e.ref(f.modelValue??f.default??[]),d=b,g=e.computed({get:()=>f.modelValue??s.value,set:i=>{f.modelValue!==void 0?d("update:modelValue",i):s.value=i}});function n(){d("change",{name:f.name,value:g.value||s.value})}function y(){s.value=[],g.value=s.value,d("clear",f.name)}return e.watch(()=>f.modelValue,i=>{i!==void 0&&f.layout!=="popover"?(s.value=i,d("update:modelValue",i)):s.value=[]}),o({clear:y,currentValue:g}),(i,x)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass(i.layout==="vertical"?"inline-flex items-center gap-2":"space-y-3 p-2")},[e.createElementVNode("div",null,[i.layout!=="vertical"?(e.openBlock(),e.createElementBlock("label",ot,e.toDisplayString(e.unref(l)("filter.from")),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"number",class:e.normalizeClass(e.unref(t)),placeholder:i.placeholder?.[0]??e.unref(l)("filter.min"),step:"1",style:{outline:"none"},"onUpdate:modelValue":x[0]||(x[0]=V=>g.value[0]=V),disabled:i.disabled},null,10,nt),[[e.vModelText,g.value[0]]])]),i.layout==="vertical"?(e.openBlock(),e.createElementBlock("label",rt," - ")):e.createCommentVNode("",!0),e.createElementVNode("div",null,[i.layout!=="vertical"?(e.openBlock(),e.createElementBlock("label",at,e.toDisplayString(e.unref(l)("filter.to")),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"number",class:e.normalizeClass(e.unref(t)),placeholder:i.placeholder?.[1]??e.unref(l)("filter.max"),min:"0",max:"1000000000000000",step:"1",style:{outline:"none"},"onUpdate:modelValue":x[1]||(x[1]=V=>g.value[1]=V),disabled:i.disabled},null,10,st),[[e.vModelText,g.value[1]]])]),["popover","inline","vertical"].includes(i.layout)?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:n,class:e.normalizeClass(e.unref(a)+(i.layout==="vertical"?" w-[50px]":" bg-blue-100 hover:bg-blue-200"))},e.toDisplayString(i.layout==="vertical"?"Ok":e.unref(l)("filter.apply")),3)):e.createCommentVNode("",!0),["popover","inline"].includes(i.layout)?(e.openBlock(),e.createElementBlock("button",{key:2,disabled:!(g.value[0]||g.value[1]),onClick:y,class:e.normalizeClass(e.unref(a)+" hover:bg-gray-100")},e.toDisplayString(e.unref(l)("filter.clear")),11,it)):e.createCommentVNode("",!0)],2)]),(i.cleanable&&s.value.length,e.createCommentVNode("",!0))],64))}});class R{static format(o){const b=o.getFullYear(),t=(o.getMonth()+1).toString().padStart(2,"0"),a=o.getDate().toString().padStart(2,"0");return`${b}-${t}-${a}`}static getShiftedDay(o,b=0){const t=o?new Date(o):new Date;return t.setDate(t.getDate()+b),this.format(t)}static getLastWeekRange(o,b,t=0){if(o&&b){const g=new Date(o),n=new Date(b);return g.setDate(g.getDate()+t*7),n.setDate(n.getDate()+t*7),[this.format(g),this.format(n)]}const a=new Date,l=a.getDay(),f=l===0?13:l-1+7,s=new Date(a);s.setDate(a.getDate()-f+t*7);const d=new Date(s);return d.setDate(s.getDate()+6),[this.format(s),this.format(d)]}static getMonthRange(o,b,t=0){let a;o?a=new Date(o):a=new Date,a=new Date(a.getFullYear(),a.getMonth()+t,1);const l=a,f=new Date(a.getFullYear(),a.getMonth()+1,0);return[this.format(l),this.format(f)]}static getQuarterRange(o,b,t=0){const a=o||b,l=a?new Date(a):new Date;let f=Math.floor(l.getMonth()/3);f+=t;const s=(f%4+4)%4*3,d=l.getFullYear()+Math.floor(f/4),g=new Date(d,s,1),n=new Date(d,s+3,0);return[this.format(g),this.format(n)]}static getYear(o,b=0){let t;return o&&/^\d{4}$/.test(o)?t=parseInt(o,10):o?t=new Date(o).getFullYear():t=new Date().getFullYear(),String(t+b)}static getYearRange(o,b=0){let t;return o&&/^\d{4}$/.test(o)?t=parseInt(o,10):o?t=new Date(o).getFullYear():t=new Date().getFullYear(),[this.format(new Date(t+b,0,1)),this.format(new Date(t+b+1,0,0))]}static getRangeFromDaysBefore(o){const b=new Date,t=new Date(b.getTime());return t.setDate(b.getDate()-o),[this.format(t),this.format(b)]}}function se(p,o){const{popoverRef:b}=p,t=z(),a=e.ref(""),l=e.ref(p.modelValue??p.default??[]),f=e.ref(0);function s(){const c=R.getRangeFromDaysBefore(f.value);return l.value=[...c],o("change",{name:p.name,value:l.value}),o("update:modelValue",l.value),c}function d(c){a.value=c,b.value?.close();const h=[];switch(a.value){case"today":h.push(R.getShiftedDay()),h.push(R.getShiftedDay());break;case"week":h.push(...R.getLastWeekRange());break;case"month":h.push(...R.getMonthRange());break;case"quarter":h.push(...R.getQuarterRange());break;case"year":h.push(...R.getYearRange());break;case"last_7_days":f.value=7,s();break;case"range":f.value=7,h.push(...s());break}l.value=[...h],o("change",{name:p.name,value:l.value}),o("update:modelValue",l.value)}function g(){const c=[];switch(a.value){case"today":c.push(R.getShiftedDay(l.value[0],1));break;case"week":c.push(...R.getLastWeekRange(l.value[0],l.value[1],1));break;case"month":c.push(...R.getMonthRange(l.value[0],l.value[1],1));break;case"quarter":c.push(...R.getQuarterRange(l.value[0],l.value[1],1));break;case"year":c.push(...R.getYearRange(l.value[0],1));break}l.value=[...c],o("change",{name:p.name,value:l.value}),o("update:modelValue",l.value)}function n(){const c=[];switch(a.value){case"today":c.push(R.getShiftedDay(l.value[0],-1));break;case"week":c.push(...R.getLastWeekRange(l.value[0],l.value[1],-1));break;case"month":c.push(...R.getMonthRange(l.value[0],l.value[1],-1));break;case"quarter":c.push(...R.getQuarterRange(l.value[0],l.value[1],-1));break;case"year":c.push(...R.getYearRange(l.value[0],-1));break}l.value=[...c],o("change",{name:p.name,value:l.value}),o("update:modelValue",l.value)}const y=["Січень","Лютий","Березень","Квітень","Травень","Червень","Липень","Серпень","Вересень","Жовтень","Листопад","Грудень"];function i(c){const[h,r,m]=c.split("-");return`${m}.${r}.${h}`}function x(c,h="long"){const r=new Date(Date.UTC(2e3,c-1,1));return new Intl.DateTimeFormat(localStorage.locale,{month:h,timeZone:"UTC"}).format(r)}function V(c){const{value:h}=l;switch(c){case"today":return i(h[0]);case"range":return"Період";case"week":return h[0]&&h[1]?`${i(h[0])} – ${i(h[1])}`:"";case"quarter":if(h[0]){const r=new Date(h[0]),m=r.getFullYear(),_=r.getMonth();return`${Math.floor(_/3)+1} ${t("filter.quarter")} ${m}`}return"";case"month":if(h[0]){const[r,m]=h[0].split("-");return`${x(parseInt(m,10))} ${r}`}return"";case"year":return h[0]||"";case"last_7_days":return"За останні дні";default:return p.label??""}}const S=e.computed(()=>a.value?V(a.value):p.label??"");function k(){a.value="",l.value=[],o("update:modelValue",[]),o("clear",p.name)}return{activeMode:a,innerValue:l,daysBefore:f,onDaysBeforeChange:s,onSelectChange:d,nextClick:g,prevClick:n,ukMonths:y,formatDisplayDate:i,getModeLabel:V,currentLabel:S,clear:k}}const dt={key:0,class:"relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"},mt={key:0,class:"flex gap-1 !w-[75%] rounded-sm"},ft=["max","disabled"],ut=["min","disabled"],pt={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},yt=["max","disabled"],gt={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},ht={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},bt=["min","disabled"],kt={class:"flex gap-1 pt-2"},xt=["title","onClick"],mo={key:0,class:"flex justify-end items-center text-xs text-gray-500 p-1 border-t"},wt=e.defineComponent({__name:"date-input",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=p,a=re(),l=lt(),f=z(),s=b,d=e.ref(null),{activeMode:g,innerValue:n,onSelectChange:y,nextClick:i,prevClick:x,clear:V}=se({...t,popoverRef:d},s);e.watch(()=>t.modelValue,r=>{r!==void 0?(n.value=r,s("update:modelValue",r)):(g.value="",n.value=[])}),e.watch(n,r=>{s("update:modelValue",r),s("change",{name:t.name,value:r})},{deep:!0});const S=["today","week","month","quarter","year"],k={today:{label:"день",title:f("filter.today")},week:{label:"тиж.",title:f("filter.week")},month:{label:"міс.",title:f("filter.month")},quarter:{label:"кв.",title:f("filter.quarter")},year:{label:"рік",title:f("filter.year")}};function c(r){return k[r]?.label??f(`filter.${r}`)}function h(r){return k[r]?.title??f(`filter.${r}`)}return o({clear:V,popoverRef:d}),(r,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.layout==="inline"?(e.openBlock(),e.createElementBlock("div",dt,[e.unref(g)!==""&&e.unref(g)==="range"?(e.openBlock(),e.createElementBlock("div",mt,[m[7]||(m[7]=e.createTextVNode(" 1111 ",-1)),e.withDirectives(e.createElementVNode("input",{type:"date",max:e.unref(n)[1],locale:"uk-UA","onUpdate:modelValue":m[0]||(m[0]=_=>e.unref(n)[0]=_),class:"px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",disabled:r.disabled},null,8,ft),[[e.vModelText,e.unref(n)[0]]]),e.withDirectives(e.createElementVNode("input",{type:"date",min:e.unref(n)[0],locale:"uk-UA","onUpdate:modelValue":m[1]||(m[1]=_=>e.unref(n)[1]=_),class:"px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",disabled:r.disabled},null,8,ut),[[e.vModelText,e.unref(n)[1]]])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(r.layout==="popover"?"space-y-3 p-2":"flex items-center gap-2")},[e.createElementVNode("div",{class:e.normalizeClass(r.layout!=="popover"?"w-[48%]":"")},[r.layout==="popover"?(e.openBlock(),e.createElementBlock("label",pt,e.toDisplayString(e.unref(f)("filter.from")),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"date",max:e.unref(n)[1],locale:"uk-UA","onUpdate:modelValue":m[2]||(m[2]=_=>e.unref(n)[0]=_),class:e.normalizeClass(e.unref(a)),disabled:r.disabled},null,10,yt),[[e.vModelText,e.unref(n)[0]]])],2),r.layout!=="popover"?(e.openBlock(),e.createElementBlock("label",gt," - ")):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(r.layout!=="popover"?"w-[48%]":"")},[r.layout==="popover"?(e.openBlock(),e.createElementBlock("label",ht,e.toDisplayString(e.unref(f)("filter.to")),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"date",min:e.unref(n)[0],locale:"uk-UA","onUpdate:modelValue":m[3]||(m[3]=_=>e.unref(n)[1]=_),class:e.normalizeClass(e.unref(a)),disabled:r.disabled},null,10,bt),[[e.vModelText,e.unref(n)[1]]])],2)],2),e.createElementVNode("div",kt,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(S,_=>e.createElementVNode("button",{key:_,class:e.normalizeClass(e.unref(l)+(e.unref(g)===_?" bg-blue-100":"")),title:h(_),onClick:$=>e.unref(y)(_)},e.toDisplayString(c(_)),11,xt)),64)),e.createElementVNode("button",{class:e.normalizeClass(e.unref(l)),onClick:m[4]||(m[4]=(..._)=>e.unref(x)&&e.unref(x)(..._))},"<",2),e.createElementVNode("button",{class:e.normalizeClass(e.unref(l)),onClick:m[5]||(m[5]=(..._)=>e.unref(i)&&e.unref(i)(..._))},">",2)]),(r.cleanable,e.createCommentVNode("",!0))],64))}});function Vt(p,o){const{api:b,options:t=[],limit:a=20,dataKey:l="data"}=p,f=p.multi;function s(E){return f?Array.isArray(E)?E:E?[E]:[]:Array.isArray(E)?E[0]:E}const d=e.ref(s(p.modelValue)),g=e.ref(""),n=e.ref(!1),y=e.ref(t),i=e.ref("id"),x=e.ref("text"),V=e.ref(!1),S=e.ref(p.layout!=="popover"&&t.length>a),k=e.ref([]),c=e.ref(0);function h(E){const F=E.find(Boolean)??{},j=["id","value","code","key"].find(I=>I in F)??"id",M=["text","label","name","title"].find(I=>I in F)??"text";return{autoValueKey:j,autoLabelKey:M}}if(t.length>0){const E=h(t);i.value=E.autoValueKey,x.value=E.autoLabelKey}const r=e.computed(()=>{if(b)return y.value;const E=y.value;if(p.layout==="popover")return E;if(!g.value)return V.value?E:E.slice(0,a);const F=g.value.toLowerCase();return E.filter(j=>j[x.value].toLowerCase().includes(F))});let m=null;async function _(E){if(b){n.value=!0;try{const F=new URL(b,window.location.origin);F.searchParams.set("json","1"),F.searchParams.set("key",E),F.searchParams.set("limit",a.toString());const j=await fetch(F.toString());if(!j.ok){Z.notify({type:"error",title:"Error",message:"Failed to fetch remote options"}),y.value=[];return}const M=await j.json();if(!M[l]){Z.notify({type:"error",title:"Error",message:M}),y.value=[];return}if(y.value=M[l],y.value.length>0){const I=h(y.value);i.value=I.autoValueKey,x.value=I.autoLabelKey}c.value=M.total}catch(F){console.error("Failed to fetch remote options:",F)}finally{n.value=!1}}}e.watch(g,E=>{b&&(m&&clearTimeout(m),m=setTimeout(()=>{_(E)},200))}),e.watch(()=>p.modelValue,E=>{d.value=s(E)},{immediate:!0});function $(E){return f&&Array.isArray(d.value)?d.value.includes(E[i.value]):d.value&&d.value===E[i.value]}function B(E){if(f&&!Array.isArray(d.value)&&(d.value=[]),f&&Array.isArray(d.value)){const F=d.value.includes(E[i.value]);d.value=F?d.value.filter(j=>j!==E[i.value]):[...d.value,E[i.value]],k.value=F?k.value.filter(j=>j!==E[x.value]):[...k.value,E[x.value]]}else d.value=E[i.value],k.value=E[x.value];o("update:modelValue",d.value),o("change",{name:p.name,value:d.value})}function N(){f?(d.value=[],k.value=[]):(d.value=void 0,k.value=[]),o("update:modelValue",d.value),o("clear",p.name)}function A(){m&&clearTimeout(m),g.value="",V.value=!1}function u(){V.value=!V.value}e.onBeforeUnmount(()=>{m&&clearTimeout(m)});const w=e.ref(-1);e.watch(r,()=>{w.value=r.value.length>0?0:-1});function C(E){const F=r.value.length;if(E.key==="ArrowDown")E.preventDefault(),w.value=(w.value+1)%F;else if(E.key==="ArrowUp")E.preventDefault(),w.value=(w.value-1+F)%F;else if(E.key==="Enter"&&(E.preventDefault(),w.value>=0&&w.value<r.value.length)){const j=r.value[w.value];B(j)}}function D(){b&&y.value.length===0&&g.value.length===0&&_(g.value)}return{innerValue:d,searchTerm:g,filteredOptions:r,isSelected:$,selectItem:B,clear:N,resetSearch:A,toggleShowAll:u,isReqProc:n,showAll:V,isEnableShowAll:S,labelKey:x,valueKey:i,allOptions:y,highlightedIndex:w,onKeyDown:C,selectedLabels:k,totalCount:c,loadData:D}}const Ct={class:"h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center"},Bt=["placeholder"],Et={key:0,class:"w-full"},Nt={class:"flex flex-col items-center justify-center p-5 text-center"},St={class:"max-w-sm mx-auto mt-6"},_t={class:"font-medium text-gray-800 dark:text-neutral-200"},$t={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},Dt={key:1,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},At=e.defineComponent({__name:"select",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{default:10},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=z(),a=p,l=b,f=e.ref(null),{innerValue:s,filteredOptions:d,isSelected:g,selectItem:n,clear:y,resetSearch:i,toggleShowAll:x,isReqProc:V,showAll:S,isEnableShowAll:k,searchTerm:c,labelKey:h,valueKey:r,highlightedIndex:m,onKeyDown:_,selectedLabels:$,totalCount:B,loadData:N}=Vt({...a,modelValue:a.modelValue},l);e.onMounted(()=>{i(),a.layout!=="inline"&&(N(),f.value&&a.layout==="popover"&&f.value.focus())}),e.watch(()=>a.modelValue,u=>{u===void 0&&(a.multi?s.value=[]:s.value=void 0)});const A=e.ref([]);return e.watch(m,u=>{u>=0&&A.value[u]&&A.value[u]?.scrollIntoView({block:"nearest",behavior:"smooth"})}),e.watch(d,()=>{A.value=[]}),o({clear:y,inputTextRef:f,selectedLabels:$,loadData:N}),(u,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([u.layout==="popover"?"flex flex-col h-full":"flex flex-col vs-filter-checkbox space-y-0.5"])},[e.createElementVNode("div",Ct,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":w[0]||(w[0]=C=>e.isRef(c)?c.value=C:null),onKeydown:w[1]||(w[1]=(...C)=>e.unref(_)&&e.unref(_)(...C)),class:"w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500 text-gray-700",placeholder:e.unref(t)("filter.search"),type:"text",ref_key:"inputTextRef",ref:f},null,40,Bt),[[e.vModelText,e.unref(c)]]),e.createVNode(oe,{class:"absolute text-gray-400 -translate-y-1/2 left-4 top-1/2"}),e.unref(c)!=""?(e.openBlock(),e.createBlock(G,{key:0,onClick:w[2]||(w[2]=C=>c.value=""),class:"absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"})):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass([u.layout==="popover"?"flex-1 overflow-y-auto p-2":"",u.layout==="inline"?"flex-1 overflow-y-auto max-h-80":""])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(C,D)=>(e.openBlock(),e.createBlock(W,{layout:u.layout,count:C.count,label:C[e.unref(h)],color:C.color,type:u.multi?"checkbox":"radio",value:C[e.unref(r)],"is-selected":e.unref(g)(C),highlighted:D===e.unref(m),onItemClick:E=>e.unref(n)(C),ref_for:!0,ref:E=>A.value[D]=E?.el},null,8,["layout","count","label","color","type","value","is-selected","highlighted","onItemClick"]))),256))],2),u.type==="select"&&e.unref(d).length===0&&!e.unref(V)?(e.openBlock(),e.createElementBlock("div",Et,[e.createElementVNode("div",Nt,[e.createVNode(H),e.createElementVNode("div",St,[e.createElementVNode("p",_t,e.toDisplayString(e.unref(t)("filter.notfound")),1),w[7]||(w[7]=e.createElementVNode("p",{class:"mt-2 text-sm text-gray-500 dark:text-neutral-500"},null,-1))])])])):e.createCommentVNode("",!0),u.layout!=="popover"&&u.type!=="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(S)&&e.unref(k)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:w[3]||(w[3]=(...C)=>e.unref(x)&&e.unref(x)(...C)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.more"))+" ",1),e.createVNode(U)])):e.createCommentVNode("",!0),e.unref(S)?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:w[4]||(w[4]=(...C)=>e.unref(x)&&e.unref(x)(...C)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.less"))+" ",1),e.createVNode(Q)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),u.cleanable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[u.layout==="inline"?(e.openBlock(),e.createElementBlock("div",$t,[e.createTextVNode(e.toDisplayString(u.multi&&Array.isArray(e.unref(s))?e.unref(s)?.length:e.unref(s)!==void 0&&(e.unref(s)||e.unref(s)===null)?1:0)+" / "+e.toDisplayString(e.unref(B))+" "+e.toDisplayString(e.unref(t)("filter.selected"))+" ",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:w[5]||(w[5]=(...C)=>e.unref(y)&&e.unref(y)(...C))},e.toDisplayString(e.unref(t)("filter.clear")),513),[[e.vShow,e.unref(s)!==""&&e.unref(s)!==void 0||e.unref(s)]])])):e.createCommentVNode("",!0),u.layout==="popover"?(e.openBlock(),e.createElementBlock("div",Dt,[e.createElementVNode("span",null,e.toDisplayString(u.multi&&Array.isArray(e.unref(s))?e.unref(s)?.length:e.unref(s)!==void 0&&(e.unref(s)||e.unref(s)===null)?1:0)+" / "+e.toDisplayString(e.unref(B))+" "+e.toDisplayString(e.unref(t)("filter.selected")),1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:w[6]||(w[6]=(...C)=>e.unref(y)&&e.unref(y)(...C))},e.toDisplayString(e.unref(t)("filter.clear")),513),[[e.vShow,e.unref(s)!==""&&e.unref(s)!==void 0||e.unref(s)]])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2))}}),Ft=["for","onClick"],jt=["id","name","value"],Mt={class:"block"},Rt={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},Lt={key:1,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},Tt=e.defineComponent({__name:"tag-field",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=p,a=b,{innerValue:l,isSelected:f,selectItem:s,clear:d,labelKey:g,valueKey:n,allOptions:y}=t.multi?v({...t,modelValue:t.modelValue??t.default??[]},a):Y({...t,modelValue:t.modelValue!==void 0?t.modelValue:t.default??""},a);return o({clear:d}),e.watch(()=>t.modelValue,i=>{i===void 0&&(t.multi?l.value=[]:l.value=void 0)}),(i,x)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["grid grid-cols-3 gap-2 mx-[1px]",i.layout==="popover"?"m-1":"mb-1"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),V=>(e.openBlock(),e.createElementBlock("label",{key:`item-${V[e.unref(n)]}`,for:`item-${V[e.unref(n)]}`,onClick:e.withModifiers(S=>e.unref(s)(V),["stop","prevent"]),class:e.normalizeClass([e.unref(f)(V)?"ring-2 ring-indigo-600":"","p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-sm dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])},[e.createElementVNode("input",{type:"checkbox",id:`item-${V[e.unref(n)]}`,class:"hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",name:`item-${V[e.unref(n)]}`,value:V[e.unref(n)]},null,8,jt),e.createElementVNode("span",Mt,e.toDisplayString(V[e.unref(g)]),1)],10,Ft))),128))],2),i.cleanable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.layout==="inline"?(e.openBlock(),e.createElementBlock("div",Rt,[e.createTextVNode(e.toDisplayString(i.multi&&Array.isArray(e.unref(l))?e.unref(l)?.length:e.unref(l)!==void 0&&(e.unref(l)||e.unref(l)===null)?1:0)+" з "+e.toDisplayString(e.unref(y).length)+" обрано ",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:x[0]||(x[0]=(...V)=>e.unref(d)&&e.unref(d)(...V))}," Очистити ",512),[[e.vShow,e.unref(l)!==""&&e.unref(l)!==void 0||e.unref(l)]])])):e.createCommentVNode("",!0),i.layout==="popover"?(e.openBlock(),e.createElementBlock("div",Lt,[e.createElementVNode("span",null,e.toDisplayString(i.multi&&Array.isArray(e.unref(l))?e.unref(l)?.length:e.unref(l)!==void 0&&(e.unref(l)||e.unref(l)===null)?1:0)+" з "+e.toDisplayString(e.unref(y).length)+" обрано",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:x[1]||(x[1]=(...V)=>e.unref(d)&&e.unref(d)(...V))}," Очистити ",512),[[e.vShow,e.unref(l)!==void 0&&e.unref(l)!==""||e.unref(l)]])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))}}),Kt=["disabled","title"],zt={class:"flex w-full items-center justify-between gap-1 overflow-hidden text-left"},Ot={class:"truncate text-ellipsis text-sm"},It={key:0,class:"inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-sm bg-blue-100 px-2 text-[11px] font-semibold text-blue-600"},Ut={class:"w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full"},Pt={class:"w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2"},J=e.defineComponent({__name:"popover-field",props:{disabled:{type:Boolean,default:!1},label:{},en:{},ua:{},uk:{},fr:{},de:{},es:{},currentValue:{},fieldRef:{},width:{},mode:{},layout:{}},setup(p,{expose:o}){const b=p,t=e.computed(()=>ae(b.mode)),a=e.ref(!1),l=e.ref({top:0,left:0}),f=e.ref(null),s=e.ref(null),d=e.ref(null);function g(){const m=s.value,_=d.value;if(!m||!_)return;const $=m.getBoundingClientRect(),B=_.offsetWidth,N=_.offsetHeight,A=window.innerWidth,u=window.innerHeight,w=8;let C=$.bottom+w,{left:D}=$;const E=Math.max(A-B-10,10);if(D=Math.min(D,E),D=Math.max(D,10),C+N>u-10){const F=$.top-N-w;C=F>=10?F:Math.max(u-N-10,10)}C<10&&(C=10),l.value={top:C,left:D}}function n(){a.value=!a.value,a.value&&e.nextTick(()=>{g(),b.fieldRef?.inputTextRef&&b.fieldRef?.inputTextRef?.focus?.(),b.fieldRef?.loadData&&b.fieldRef?.loadData?.()})}function y(m){!f.value?.contains(m.target)&&!d.value?.contains(m.target)&&!s.value?.contains(m.target)&&(a.value=!1)}function i(m){m.key==="Escape"&&(a.value=!1)}const x=e.ref(!1),V=e.ref("ua"),S=m=>{m.detail.key==="locale"&&(V.value=m.detail.newValue)};e.onMounted(()=>{x.value=!0,V.value=localStorage.locale,window.addEventListener("storage",S),document.addEventListener("click",y,!0),document.addEventListener("keydown",i),window.addEventListener("scroll",g,!0)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",S),document.removeEventListener("click",y,!0),document.removeEventListener("keydown",i),window.removeEventListener("scroll",g,!0)});function k(){a.value=!1}o({close:k});function c(m){return Array.isArray(m)?m.filter(_=>_!=null&&_!=="").length:m&&typeof m=="object"?Object.values(m).filter(_=>_!=null&&_!=="").length:typeof m=="string"?m.trim()===""?0:1:typeof m=="number"?Number.isNaN(m)?0:1:m===null||m!==void 0?1:0}const h=e.computed(()=>{const m=b.fieldRef?.selectedLabels,_=c(m);return _>0?_:c(b.currentValue)}),r=e.computed(()=>{const m=b.fieldRef?.selectedLabels;return!m||["inline"].includes(b.layout||"")?b[V.value]||(b.label??""):Array.isArray(m)?m.length>0?m.join(", "):b.label??"":String(m)});return(m,_)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("button",{onClick:n,disabled:m.disabled,ref_key:"triggerRef",ref:s,title:m.label,class:e.normalizeClass([t.value,m.width?e.unref(ne).getWidthClass(m.width):"w-full",m.layout==="inline"&&h.value>0?"border border-blue-400 bg-blue-50 text-blue-600":""]),type:"button"},[e.createElementVNode("span",zt,[e.createElementVNode("span",Ot,e.toDisplayString(r.value),1),m.layout==="inline"&&h.value>0?(e.openBlock(),e.createElementBlock("span",It,e.toDisplayString(h.value),1)):e.createCommentVNode("",!0)]),e.createVNode(U,{class:"h-4 w-4 text-neutral-500"})],10,Kt),x.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.withDirectives(e.createElementVNode("div",{ref_key:"popperRef",ref:d,class:"vsTailwind vs-popover__content bottom-right w-fit fixed z-[1000]",style:e.normalizeStyle({top:`${l.value.top}px`,left:`${l.value.left}px`}),"data-inside-popover":""},[e.createElementVNode("div",Ut,[e.createElementVNode("div",Pt,[e.renderSlot(m.$slots,"default")])])],4),[[e.vShow,a.value]])])):e.createCommentVNode("",!0)]))}}),qt={},Wt={xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"};function Yt(p,o){return e.openBlock(),e.createElementBlock("svg",Wt,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M6 9l6 6l6 -6"},null,-1)])])}const Ht=T(qt,[["render",Yt]]),Qt={},Gt={xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"};function Jt(p,o){return e.openBlock(),e.createElementBlock("svg",Gt,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M6 9l6 6l6 -6"},null,-1)])])}const Xt=T(Qt,[["render",Jt]]),Zt={class:"flex gap-1"},vt={class:"mb-1"},el={class:"mb-1"},tl={class:"inline-flex rounded-sm shrink-0 pl-1"},ll=["title"],ol={class:"inline-flex rounded-sm shrink-0 pl-1"},nl=["title"],rl={key:1,class:"flex gap-1 !w-[75%] rounded-sm"},al=["max","value","disabled"],sl=["min","value","disabled"],fo={key:0,class:"flex justify-end items-center text-xs text-gray-500 p-1 border-t"},il=e.defineComponent({__name:"date-input-inline",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=z(),a=p,l=b,f=e.ref(null),{activeMode:s,innerValue:d,onSelectChange:g,nextClick:n,prevClick:y,currentLabel:i,clear:x}=se({...a,popoverRef:f},l);e.watch(()=>a.modelValue,k=>{k!==void 0?(d.value=k,l("update:modelValue",k)):(s.value="",d.value=[])}),e.watch(d,k=>{l("update:modelValue",k),l("change",{name:a.name,value:k})},{deep:!0});function V(k){const c=Array.isArray(d.value)?[...d.value]:[];d.value=[k,c[1]||""]}function S(k){const c=Array.isArray(d.value)?[...d.value]:[];d.value=[c[0]||"",k]}return o({clear:x,popoverRef:f}),(k,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Zt,[e.createVNode(J,{ref_key:"popoverRef",ref:f,label:e.unref(i),"current-value":e.unref(d),mode:k.mode,width:typeof k.width=="number"&&e.unref(d).length?k.width-70:k.width,onClear:e.unref(x),layout:k.layout,class:e.normalizeClass(k.itemClass)},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[0]||(c[0]=h=>e.unref(g)("range")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.period"))+" ",1),e.unref(s)==="range"?(e.openBlock(),e.createBlock(O,{key:0})):e.createCommentVNode("",!0)])]),c[12]||(c[12]=e.createElementVNode("div",null,[e.createElementVNode("div",{class:"pt-1 mt-1 border-t"})],-1)),e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[1]||(c[1]=h=>e.unref(g)("today")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.today"))+" ",1),e.unref(s)==="today"?(e.openBlock(),e.createBlock(O,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[2]||(c[2]=h=>e.unref(g)("week")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.week"))+" ",1),e.unref(s)==="week"?(e.openBlock(),e.createBlock(O,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[3]||(c[3]=h=>e.unref(g)("month")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.month"))+" ",1),e.unref(s)==="month"?(e.openBlock(),e.createBlock(O,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[4]||(c[4]=h=>e.unref(g)("quarter")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.quarter"))+" ",1),e.unref(s)==="quarter"?(e.openBlock(),e.createBlock(O,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",vt,[e.createElementVNode("button",{type:"button",onClick:c[5]||(c[5]=h=>e.unref(g)("year")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.year"))+" ",1),e.unref(s)==="year"?(e.openBlock(),e.createBlock(O,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",el,[e.createElementVNode("button",{type:"button",onClick:c[6]||(c[6]=h=>e.unref(x)()),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(t)("filter.alltime"))+" ",1),e.unref(d)[0]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:0}))])])]),_:1},8,["label","current-value","mode","width","onClear","layout","class"]),e.unref(s)!==""&&e.unref(s)!=="range"&&e.unref(s)!=="last_7_days"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",tl,[e.createElementVNode("button",{type:"button",title:e.unref(t)("filter.prev"),class:"inline-flex h-[38px] items-center px-2 text-sm text-gray-800 bg-gray-100 gap-x-2 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",onClick:c[7]||(c[7]=(...h)=>e.unref(y)&&e.unref(y)(...h))},[e.createVNode(Ht)],8,ll)]),e.createElementVNode("div",ol,[e.createElementVNode("button",{type:"button",title:e.unref(t)("filter.next"),class:"inline-flex h-[38px] items-center px-2 text-sm text-gray-800 gap-x-2 bg-gray-100 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",onClick:c[8]||(c[8]=(...h)=>e.unref(n)&&e.unref(n)(...h))},[e.createVNode(Xt)],8,nl)])],64)):e.createCommentVNode("",!0),e.unref(s)!==""&&e.unref(s)==="range"?(e.openBlock(),e.createElementBlock("div",rl,[e.createElementVNode("input",{type:"date",max:e.unref(d)[1],locale:"uk-UA",value:e.unref(d)[0],onInput:c[9]||(c[9]=h=>V(h.target.value)),class:"px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",disabled:k.disabled},null,40,al),e.createElementVNode("input",{type:"date",min:e.unref(d)[0],locale:"uk-UA",value:e.unref(d)[1],onInput:c[10]||(c[10]=h=>S(h.target.value)),class:"px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",disabled:k.disabled},null,40,sl)])):e.createCommentVNode("",!0)]),(k.cleanable,e.createCommentVNode("",!0))],64))}}),cl={class:"flex flex-wrap items-center gap-2"},dl=["disabled","onClick"],ml={key:0,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},ie={radio:ze,checkbox:le,check:le,text:et,range:ct,date:wt,select:At,tag:Tt,button:e.defineComponent({__name:"button-field",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=p,a=b,{innerValue:l,isSelected:f,selectItem:s,clear:d,labelKey:g,valueKey:n,allOptions:y}=Y({...t,modelValue:t.modelValue??t.default??""},a),i=e.computed(()=>l.value!==void 0&&!(typeof l.value=="string"&&l.value==="")),x=e.computed(()=>i.value?1:0);function V(k){return f(k)?["bg-blue-600 text-white"].filter(c=>typeof c=="string"&&c.trim().length>0).join(" "):["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter(c=>typeof c=="string"&&c.trim().length>0).join(" ")}function S(k){t.disabled||s(k)}return o({clear:d}),e.watch(()=>t.modelValue,k=>{k===void 0&&(l.value=void 0)}),(k,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",cl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),h=>(e.openBlock(),e.createElementBlock("button",{key:h[e.unref(n)],type:"button",class:e.normalizeClass(["px-3 py-2 text-sm font-medium rounded-md transition-colors",V(h)]),disabled:k.disabled,onClick:r=>S(h)},e.toDisplayString(h[e.unref(g)]),11,dl))),128))]),k.cleanable&&k.layout==="popover"?(e.openBlock(),e.createElementBlock("div",ml,[e.createElementVNode("span",null,e.toDisplayString(x.value)+" з "+e.toDisplayString(e.unref(y).length)+" обрано",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:c[0]||(c[0]=(...h)=>e.unref(d)&&e.unref(d)(...h))}," Очистити ",512),[[e.vShow,i.value]])])):e.createCommentVNode("",!0)],64))}}),"date:inline":il};function X(p,o){let b;switch(p.toLowerCase()){case"autocomplete":b="select";break;case"check":b="checkbox";break;default:b=p?.toString().toLowerCase()}return b==="date"&&o&&o==="inline"&&(b="date:inline"),{component:ie[b]||ie.text,type:b}}const fl={style:{display:"inline-flex",margin:"0px",width:"100%"}},ul={class:"relative w-full mb-2 p-4 bg-white rounded-md shadow-sm"},pl={class:"block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200"},yl={class:"flex items-center"},gl={class:"text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1"},hl={class:"filter-layout__body"},bl=e.defineComponent({__name:"vertical-layout",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=p,a=b,l=e.ref(),f=e.computed(()=>X(t.type,t.layout)),s=e.computed({get:()=>t.modelValue,set:y=>a("update:modelValue",y)});function d(y){a("clear",y)}function g(y,i){a("change",{name:y,value:i}),t.modelValue!==void 0&&a("update:modelValue",i)}function n(){a("clear",t.name)}return e.watch(()=>t.default,y=>{s.value=y}),e.watch(()=>t.modelValue,y=>{s.value=y}),o({filterRef:l}),(y,i)=>(e.openBlock(),e.createElementBlock("div",fl,[e.createElementVNode("div",ul,[e.createElementVNode("div",pl,[e.createElementVNode("div",yl,[e.createElementVNode("span",gl,e.toDisplayString(y.label),1)]),typeof s.value=="string"&&s.value.trim()!==""||Array.isArray(s.value)&&s.value.length>0&&s.value.some(x=>x!==void 0)||s.value===null?(e.openBlock(),e.createBlock(ge,{key:0,onClick:n})):e.createCommentVNode("",!0)]),e.createElementVNode("div",hl,[f.value?.type!=="select"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value?.component),e.mergeProps({key:0},t,{type:f.value?.type,class:t.itemClass,onChange:i[0]||(i[0]=x=>g(x.name,x.value)),onClear:i[1]||(i[1]=x=>d(x)),ref_key:"filterRef",ref:l}),null,16,["type","class"])):(e.openBlock(),e.createBlock(J,{key:1,"current-value":s.value,label:y.label,mode:y.mode,onClear:n,fieldRef:l.value,width:void 0,disabled:y.disabled,layout:"vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value?.component),e.mergeProps({ref_key:"filterRef",ref:l},t,{type:f.value?.type,class:t.itemClass,onChange:i[2]||(i[2]=x=>g(x.name,x.value)),onClear:i[3]||(i[3]=x=>d(x))}),null,16,["type","class"]))]),_:1},8,["current-value","label","mode","fieldRef","disabled"]))])])]))}}),ce=e.defineComponent({__name:"inline-layout",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=p,a=b,l=e.ref(),f=e.computed(()=>X(t.type,t.layout)),s=e.computed({get:()=>t.modelValue,set:n=>a("update:modelValue",n)});function d(n=t.name){a("clear",n)}function g(n,y){a("change",{name:n,value:y}),t.modelValue!==void 0&&a("update:modelValue",y)}return e.watch(()=>t.default,n=>{s.value=n}),e.watch(()=>t.modelValue,n=>{s.value=n}),o({filterRef:l}),(n,y)=>["text","date","button"].includes(n.type.toLocaleLowerCase())?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value?.component),e.mergeProps({key:0},t,{type:f.value?.type,class:n.itemClass,onChange:y[0]||(y[0]=i=>g(i.name,i.value)),onClear:y[1]||(y[1]=i=>d(i)),disabled:n.disabled,modelValue:s.value,"onUpdate:modelValue":y[2]||(y[2]=i=>s.value=i)}),null,16,["type","class","disabled","modelValue"])):(e.openBlock(),e.createBlock(J,{key:1,"current-value":s.value,label:n.label,mode:n.mode,onClear:d,fieldRef:l.value,width:t.width,disabled:n.disabled,layout:"inline"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value?.component),e.mergeProps({ref_key:"filterRef",ref:l},t,{modelValue:s.value,"onUpdate:modelValue":y[3]||(y[3]=i=>s.value=i),type:f.value?.type,class:t.itemClass,onChange:y[4]||(y[4]=i=>g(i.name,i.value)),onClear:y[5]||(y[5]=i=>d(i))}),null,16,["modelValue","type","class"]))]),_:1},8,["current-value","label","mode","fieldRef","width","disabled"]))}}),kl=e.defineComponent({__name:"popover-layout",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=p,a=b,l=e.ref(),f=e.computed(()=>X(t.type,t.layout)),s=e.computed({get:()=>t.modelValue,set:n=>a("update:modelValue",n)});function d(n){a("clear",n)}function g(n,y){a("change",{name:n,value:y}),t.modelValue!==void 0&&a("update:modelValue",y)}return e.watch(()=>t.default,n=>{s.value=n}),e.watch(()=>t.modelValue,n=>{s.value=n}),e.watch(()=>t,n=>{s.value=n}),o({filterRef:l}),(n,y)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value?.component),e.mergeProps(t,{type:f.value?.type,class:t.itemClass,modelValue:s.value,"onUpdate:modelValue":y[0]||(y[0]=i=>s.value=i),onChange:y[1]||(y[1]=i=>g(i.name,i.value)),onClear:y[2]||(y[2]=i=>d(i)),ref_key:"filterRef",ref:l}),null,16,["type","class","modelValue"]))}}),K=e.defineComponent({__name:"filter-field",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{default:10},multi:{type:Boolean,default:!0},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{default:"name"},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(p,{expose:o,emit:b}){const t=p,a=b,l=e.ref(),f=e.computed({get:()=>t.modelValue,set:n=>a("update:modelValue",n)});function s(n){a("clear",n)}function d(n,y){a("change",{name:n,value:y}),t.modelValue!==void 0&&a("update:modelValue",y)}e.watch(()=>t.default,n=>{f.value=n}),e.watch(()=>t.modelValue,n=>{f.value=n}),o({filterRef:l});function g(){switch(t.layout){case"inline":return ce;case"vertical":return bl;case"popover":return kl;default:return ce}}return(n,y)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g()),e.mergeProps(t,{onChange:y[0]||(y[0]=i=>d(i.name,i.value)),onClear:y[1]||(y[1]=i=>s(i)),modelValue:f.value,"onUpdate:modelValue":y[2]||(y[2]=i=>f.value=i)}),null,16,["modelValue"]))}});function P(p,o){const{slots:b}=p,t=c=>c?JSON.parse(JSON.stringify(e.toRaw(c))):{},a=e.ref(t(p.value));e.watch(()=>p.value,c=>{a.value=t(c)},{deep:!0,immediate:!0});const l=e.computed(()=>(e.toRaw(b?.default?.())??[]).flatMap(h=>Array.isArray(h.children)?h.children:[h]));function f(c){delete a.value[c],o("clear",{data:e.toRaw(a.value),name:c})}function s(c,h){h===void 0?f(c):a.value={...a.value,[c]:h},o("change",{data:e.toRaw(a.value),name:c,value:h})}const d=e.computed(()=>l.value.map(c=>{const h=c.props?.name;return e.cloneVNode(c,{...c.props,layout:p.view,showClean:!0,modelValue:a.value[h],"onUpdate:modelValue":r=>{s(h,r)},onClear:()=>f(h),class:[p.itemClass,c.props?.class],itemClass:[p.itemClass,c.props?.itemClass].filter(r=>typeof r=="string"&&r.trim().length>0).join(" ")||void 0})})),g=e.computed(()=>new Map(d.value.map(c=>{const h=c.props?.name;return h?[h,c]:null}).filter(c=>c!==null)));function n(c=!1){a.value={},c||o("clearAll",{data:e.toRaw(a.value),name:"ALL"})}const y=e.ref(""),i=e.computed(()=>p.schema?.value?Object.entries(a.value).filter(([c,h])=>p.schema&&!(c in p.schema.value)?!1:Array.isArray(h)?h.some(r=>r!==""&&r!==void 0):h!==""&&h!==void 0).length:0),x=e.ref();e.watch(y,async()=>{await e.nextTick(),x?.value?.filterRef?.inputTextRef&&x.value.filterRef.inputTextRef.focus()});const V=e.computed(()=>p.schema?.value?Object.fromEntries(Object.entries(p.schema?.value).slice(0,p.limit)):{}),S=e.computed(()=>{if(d.value.length===0)return[];let c=0;if(p.schema?.value){const h=Object.entries(p.schema.value).length;p.limit&&h<p.limit?c=p.limit-h:c=0}return d.value.slice(0,c)}),k=e.computed(()=>d.value.length===0?[]:p.view!=="inline"?d.value:d.value.slice(S.value.length));return{activeFilter:a,activeFilterCount:i,onFilterChange:s,clearFilter:f,clearAllFilters:n,limitedSchema:V,filtersSlot:d,limitedFiltersSlot:S,popoverFiltersSlot:k,vnodeMap:g,selectedFilter:y,filterRef:x}}const xl=e.defineComponent({__name:"popover",emits:["open","close"],setup(p,{emit:o}){const b=e.ref(!1),t=e.ref(null),a=e.ref(null),l=e.ref(null),f=e.ref({top:"0px",left:"0px",position:"absolute"}),s=e.ref(!1);function d(){b.value=!b.value}function g(){const V=l.value,S=t.value;if(!V||!S)return;const{left:k,bottom:c}=V.getBoundingClientRect();requestAnimationFrame(()=>{if(!S)return;const{width:h}=S.getBoundingClientRect(),r=S.offsetWidth||h,m=window.innerWidth||document.documentElement.clientWidth,_=m-k;let $=k;r>_&&($=m-r-18),$<18&&($=18);const B=m-r-18;$>B&&($=Math.max(18,B)),f.value={position:"fixed",top:`${c+18}px`,left:`${$}px`},s.value=!0})}const n=e.computed(()=>Object.entries(f.value).map(V=>V.join(":")).join(";"));function y(V){const S=V.target;!l.value?.contains(V.target)&&!t.value?.contains(V.target)&&!S.closest("[data-inside-popover]")&&(b.value=!1)}const i=e.ref(!1);e.onMounted(()=>{i.value=!0}),e.onMounted(()=>{l.value=a.value?.querySelector("[data-popover-trigger]")||null,l.value?.addEventListener("click",d),document.addEventListener("click",y),window.addEventListener("resize",g),window.addEventListener("scroll",g,!0)}),e.onBeforeUnmount(()=>{l.value?.removeEventListener("click",d),document.removeEventListener("click",y),window.removeEventListener("resize",g),window.removeEventListener("scroll",g,!0)});const x=o;return e.watch(b,async V=>{V?(s.value=!1,x("open"),await e.nextTick(),requestAnimationFrame(()=>{g()})):(x("close"),s.value=!1)}),(V,S)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:a},[e.renderSlot(V.$slots,"trigger"),i.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.withDirectives(e.createElementVNode("div",{ref_key:"popoverRef",ref:t,class:"fixed z-[50] w-[calc(100vw-32px)] md:w-[600px] rounded-md border bg-white shadow-md transition-opacity duration-0",style:e.normalizeStyle([n.value,{visibility:s.value?"visible":"hidden",opacity:s.value?1:0}])},[e.renderSlot(V.$slots,"default")],4),[[e.vShow,b.value]])])):e.createCommentVNode("",!0)],512))}}),wl={},Vl={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-filter h-4 w-4"};function Cl(p,o){return e.openBlock(),e.createElementBlock("svg",Vl,[...o[0]||(o[0]=[e.createElementVNode("polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"},null,-1)])])}const de=T(wl,[["render",Cl]]),Bl={class:"flex items-center gap-2 overflow-hidden"},El={key:0,class:"inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-500 px-1 text-[11px] font-semibold text-white"},Nl={class:"flex max-h-[400px] md:max-h-[400px]"},Sl={class:"w-[150px] sm:w-[180px] md:w-64 border-r border-gray-200 overflow-y-auto"},_l={class:"p-2 md:p-4 border-b"},$l={class:"text-xs md:text-sm text-gray-600"},Dl={class:"p-1 md:p-2"},Al=["onClick"],Fl={class:"flex items-center gap-1.5 md:gap-2"},jl={class:"text-xs md:text-sm font-medium line-clamp-3"},Ml={key:0,class:"inline-flex min-h-[16px] md:min-h-[18px] min-w-[16px] md:min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-0.5 md:px-1 text-[10px] md:text-[11px] font-semibold text-blue-600 flex-shrink-0"},Rl=["onClick"],Ll={class:"flex items-center gap-1.5 md:gap-2"},Tl={class:"text-xs md:text-sm font-medium truncate"},Kl={key:0,class:"inline-flex min-h-[16px] md:min-h-[18px] min-w-[16px] md:min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-0.5 md:px-1 text-[10px] md:text-[11px] font-semibold text-blue-600 flex-shrink-0"},zl={key:0,class:"p-1 md:p-2 border-t"},Ol={class:"flex-1 min-h-[250px] md:min-h-[300px] overflow-y-auto"},Il={key:0,class:"flex items-center justify-center h-full text-gray-500"},Ul={class:"text-xs md:text-sm"},me=e.defineComponent({__name:"popover-filter-layout",props:{badgeCount:{},schema:{},view:{},value:{},history:{type:Boolean},mode:{},limit:{default:3},width:{},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(p,{expose:o,emit:b}){const t=z(),a=p,l=ae(a.mode),f=e.useSlots(),s=b,d=e.ref({}),g=e.computed(()=>d?.value?a.view!=="inline"?d?.value:Object.fromEntries(Object.entries(d?.value).slice(a.limit)):{}),{activeFilter:n,activeFilterCount:y,onFilterChange:i,clearFilter:x,clearAllFilters:V,popoverFiltersSlot:S,selectedFilter:k,filterRef:c}=P({...a,schema:d,slots:f},s),h=e.computed(()=>a.badgeCount??y.value);function r($){return Array.isArray($)?$.filter(B=>B!=null&&B!=="").length:$&&typeof $=="object"?Object.values($).filter(B=>B!=null&&B!=="").length:$===null||$!==void 0&&$!==""?1:0}function m($){return n.value?r(n.value[$]):0}function _(){if(g.value){const[$]=Object.keys(g.value);k.value=$}else S.value.length>0?k.value=S.value[0].props.name:k.value=""}return e.watch(()=>a.schema,$=>{d.value=$??{}},{deep:!0,immediate:!0}),o({clearFilter:x,clearAllFilters:V}),($,B)=>(e.openBlock(),e.createBlock(xl,{onOpen:_,onClose:B[5]||(B[5]=N=>k.value="")},{trigger:e.withCtx(()=>[e.createElementVNode("button",{"data-popover-trigger":"","aria-haspopup":"dialog","aria-expanded":"false",class:e.normalizeClass([$.itemClass,e.unref(l),"flex items-center justify-between gap-2",h.value>0?"border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500":"text-neutral-700 hover:border-neutral-400"]),type:"button"},[e.createElementVNode("span",Bl,[e.createVNode(de,{class:"h-4 w-4"}),B[6]||(B[6]=e.createElementVNode("span",{class:"text-sm font-medium"},"Фільтр",-1))]),h.value>0?(e.openBlock(),e.createElementBlock("span",El,e.toDisplayString(h.value),1)):e.createCommentVNode("",!0)],2)]),default:e.withCtx(()=>[e.createElementVNode("div",Nl,[e.createElementVNode("div",Sl,[e.createElementVNode("div",_l,[e.createElementVNode("p",$l,e.toDisplayString(e.unref(t)("filter.selectFieldHelp")),1)]),e.createElementVNode("div",Dl,[$.schema?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Object.entries(g.value),([N,A])=>(e.openBlock(),e.createElementBlock("button",{key:N,onClick:()=>{k.value=N},class:e.normalizeClass(["flex w-full items-center justify-between px-2 md:px-3 py-1.5 md:py-2 text-left transition-colors hover:bg-gray-50",e.unref(k)===N?"bg-blue-50 text-blue-700 border-l-2 border-blue-500":"text-neutral-700"])},[e.createElementVNode("div",Fl,[e.createElementVNode("span",jl,e.toDisplayString(A.label),1)]),m(N)>0?(e.openBlock(),e.createElementBlock("div",Ml,e.toDisplayString(m(N)),1)):e.createCommentVNode("",!0)],10,Al))),128)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(S),(N,A)=>(e.openBlock(),e.createElementBlock("button",{key:"slot-"+A,onClick:u=>k.value=N.props.name,class:e.normalizeClass(["flex items-center justify-between px-2 md:px-3 py-1.5 md:py-2 text-left transition-colors hover:bg-gray-50",e.unref(k)===N.props.name?"bg-blue-50 text-blue-700 border-l-2 border-blue-500":"text-neutral-700"])},[e.createElementVNode("div",Ll,[e.createElementVNode("span",Tl,e.toDisplayString(N.props.label),1)]),m(N.props.name)>0?(e.openBlock(),e.createElementBlock("div",Kl,e.toDisplayString(m(N.props.name)),1)):e.createCommentVNode("",!0)],10,Rl))),128))]),e.unref(y)>0?(e.openBlock(),e.createElementBlock("div",zl,[e.createElementVNode("button",{class:e.normalizeClass([$.itemClass,"w-full px-2 md:px-3 py-1.5 md:py-2 text-left text-xs md:text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),onClick:B[0]||(B[0]=N=>e.unref(V)()),"data-inside-popover":""}," Очистити всі ",2)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ol,[e.unref(k)===""?(e.openBlock(),e.createElementBlock("div",Il,[e.createElementVNode("p",Ul,e.toDisplayString(e.unref(t)("filter.selectFieldHelp")),1)])):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Object.entries(g.value),([N,A])=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(k)===N?(e.openBlock(),e.createBlock(K,e.mergeProps({key:N,layout:"popover",ref_for:!0,ref_key:"filterRef",ref:c},{ref_for:!0},A,{class:[$.itemClass,A?.class],"item-class":[$.itemClass,A?.itemClass].filter(Boolean).join(" ")||void 0,onChange:B[1]||(B[1]=u=>e.unref(i)(u.name,u.value)),onClear:B[2]||(B[2]=u=>{e.unref(x)(u),e.unref(i)(u,void 0)}),modelValue:e.unref(n)[N],"onUpdate:modelValue":u=>e.unref(n)[N]=u,cleanable:!0}),null,16,["class","item-class","modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(S),(N,A)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"slot-"+A},[e.unref(k)===N.props.name?(e.openBlock(),e.createBlock(K,e.mergeProps({key:0,layout:"popover"},{ref_for:!0},N.props,{ref_for:!0,ref_key:"filterRef",ref:c,class:[$.itemClass,N.props?.class],"item-class":[$.itemClass,N.props?.itemClass].filter(Boolean).join(" ")||void 0,onChange:B[3]||(B[3]=u=>e.unref(i)(u.name,u.value)),onClear:B[4]||(B[4]=u=>{e.unref(x)(u),e.unref(i)(u,void 0)}),modelValue:e.unref(n)[N.props.name],"onUpdate:modelValue":u=>e.unref(n)[N.props.name]=u,cleanable:!0}),null,16,["class","item-class","modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64))),128))],64)):e.createCommentVNode("",!0)])])]),_:1}))}}),Pl={class:"flex gap-1 items-center flex-wrap"},fe=e.defineComponent({__name:"inline-filter-layout",props:{schema:{},view:{},value:{},history:{type:Boolean},mode:{},limit:{default:3},width:{},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(p,{expose:o,emit:b}){const t=z(),a=p,l=b,f=e.useSlots(),s=e.ref({}),d=e.computed(()=>Object.keys(a.schema).length>a.limit),{activeFilter:g,activeFilterCount:n,onFilterChange:y,clearFilter:i,clearAllFilters:x,limitedSchema:V,filtersSlot:S,limitedFiltersSlot:k}=P({...a,schema:s,slots:f},l);function c(B){return Array.isArray(B)?B.some(N=>N!==""&&N!==void 0&&N!==null):B===null?!0:B&&typeof B=="object"?Object.values(B).some(N=>N!==""&&N!==void 0&&N!==null):B!==""&&B!==void 0}const h=e.computed(()=>{const B=Object.keys(V.value??{}),N=k.value.map(A=>A.props?.name).filter(A=>typeof A=="string");return new Set([...B,...N])}),r=e.computed(()=>Object.entries(g.value??{}).filter(([B,N])=>h.value.has(B)&&c(N)).length),m=e.computed(()=>{const B=n.value??0,N=r.value??0;return Math.max(B-N,0)}),_=e.ref();function $(){_.value&&_.value.clearAllFilters(!0),x()}return e.watch(()=>a.schema,B=>{s.value=B},{deep:!0,immediate:!0}),o({clearFilter:i,clearAllFilters:x}),(B,N)=>(e.openBlock(),e.createElementBlock("div",Pl,[B.schema?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Object.entries(e.unref(V)),([A,u])=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:A,mode:B.mode,width:B.width?B.width:u?.width},{ref_for:!0},u,{class:[B.itemClass,u?.class],"item-class":[B.itemClass,u?.itemClass].filter(Boolean).join(" ")||void 0,onChange:N[0]||(N[0]=w=>e.unref(y)(w.name,w.value)),onClear:e.unref(i),layout:"inline",cleanable:!0,modelValue:e.unref(g)[A],"onUpdate:modelValue":w=>e.unref(g)[A]=w}),null,16,["mode","width","class","item-class","onClear","modelValue","onUpdate:modelValue"]))),128)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(A,u)=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:"slot-"+u,layout:"inline"},{ref_for:!0},A.props,{class:[B.itemClass,A.props?.class],"item-class":[B.itemClass,A.props?.itemClass].filter(Boolean).join(" ")||void 0,onChange:N[1]||(N[1]=w=>e.unref(y)(w.name,w.value)),onClear:N[2]||(N[2]=w=>{e.unref(i)(w),e.unref(y)(w,void 0)}),cleanable:!0,modelValue:e.unref(g)[A.props.name],"onUpdate:modelValue":w=>e.unref(g)[A.props.name]=w}),null,16,["class","item-class","modelValue","onUpdate:modelValue"]))),128)),d.value?(e.openBlock(),e.createBlock(me,e.mergeProps({key:1},a,{schema:B.schema,limit:B.limit,onChange:N[3]||(N[3]=A=>e.unref(y)(A.name,A.value)),onClearAll:N[4]||(N[4]=A=>e.unref(x)()),onClear:N[5]||(N[5]=A=>e.unref(i)(A.name)),mode:B.mode,ref_key:"popoverRef",ref:_,cleanable:!0,"badge-count":m.value}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(S),(A,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(A),e.mergeProps({key:"slot-"+u,layout:"popover"},{ref_for:!0},A.props,{cleanable:!0}),null,16))),128))]),_:1},16,["schema","limit","mode","badge-count"])):e.createCommentVNode("",!0),e.unref(n)>0?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:$,class:e.normalizeClass([B.itemClass,"relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md bg-gray-50 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"])},e.toDisplayString(e.unref(t)("filter.clear")),3)):e.createCommentVNode("",!0)]))}}),ql={key:0,class:"p-2 overflow-y-auto overflow-hidden [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 max-h-[calc(100%-142px)] h-full bg-gray-100"},Wl={class:"flex items-center vst-filters vsTailwind flex-col w-full"},Yl=e.defineComponent({__name:"vertical-filter-layout",props:{schema:{},view:{},value:{},history:{type:Boolean},mode:{},limit:{default:3},width:{},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(p,{expose:o,emit:b}){const t=p,a=b,l=e.useSlots(),{activeFilter:f,activeFilterCount:s,onFilterChange:d,clearFilter:g,clearAllFilters:n,filtersSlot:y}=P({...t,slots:l},a);return o({clearFilter:g,clearAllFilters:n}),(i,x)=>i.view==="vertical"?(e.openBlock(),e.createElementBlock("div",ql,[e.createElementVNode("div",Wl,[e.unref(s)>0?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:x[0]||(x[0]=V=>e.unref(n)()),"data-popover-trigger":"","aria-haspopup":"dialog","aria-expanded":"false",class:e.normalizeClass([i.itemClass,"w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200"]),type:"button"}," Очистити ",2)):e.createCommentVNode("",!0),i.schema?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Object.entries(i.schema),([V,S])=>(e.openBlock(),e.createBlock(K,e.mergeProps({layout:"vertical"},{ref_for:!0},S,{class:[i.itemClass,S?.class],"item-class":[i.itemClass,S?.itemClass].filter(Boolean).join(" ")||void 0,onChange:x[1]||(x[1]=k=>e.unref(d)(k.name,k.value)),onClear:x[2]||(x[2]=k=>{e.unref(g)(k),e.unref(d)(k,void 0)}),modelValue:e.unref(f)[V],"onUpdate:modelValue":k=>e.unref(f)[V]=k,showClean:!0}),null,16,["class","item-class","modelValue","onUpdate:modelValue"]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(V,S)=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:"slot-"+S,layout:"vertical"},{ref_for:!0},V.props,{class:[i.itemClass,V.props?.class],"item-class":[i.itemClass,V.props?.itemClass].filter(Boolean).join(" ")||void 0,onChange:x[3]||(x[3]=k=>e.unref(d)(k.name,k.value)),onClear:x[4]||(x[4]=k=>{e.unref(g)(k),e.unref(d)(k,void 0)}),modelValue:e.unref(f)[V.props.name],"onUpdate:modelValue":k=>e.unref(f)[V.props.name]=k,showClean:!0}),null,16,["class","item-class","modelValue","onUpdate:modelValue"]))),128))])])):e.createCommentVNode("",!0)}}),Hl=["onKeydown"],Ql=["disabled"],Gl={key:0,class:"ml-2 inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-[11px] font-semibold text-white"},Jl={class:"rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm"},Xl={class:"mb-3 flex items-center justify-between"},Zl={class:"text-[15px] font-semibold text-slate-800"},vl={"aria-hidden":"true"},eo={class:"flex max-h-80 flex-col gap-1 overflow-y-auto"},to={key:0,class:"mt-3 flex justify-end"},lo=e.defineComponent({__name:"popover-inline-filter-layout",props:{schema:{},view:{},value:{},history:{type:Boolean},mode:{},limit:{default:10},width:{default:220},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(p,{emit:o}){const b=z(),t=p,a=o,l=e.ref({}),f=e.useSlots(),{activeFilter:s,activeFilterCount:d,onFilterChange:g,clearFilter:n,clearAllFilters:y,filtersSlot:i}=P({...t,schema:l.value,slots:f},a),x=e.ref(null),V=e.ref(null),S=e.reactive({open:!1,top:0,left:0}),k=e.computed(()=>S.open),c=e.computed(()=>!!t.disabled),h=e.computed(()=>l.value||{}),r=e.computed(()=>t.title??"Фільтр"),m=e.computed(()=>!!f.trigger),_=e.computed(()=>["inline-flex h-9 items-center justify-center gap-2 rounded-lg border border-transparent bg-slate-200/70 px-3 text-sm font-medium text-slate-700 transition-colors hover:bg-blue-100 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-slate-200/70 disabled:hover:text-slate-700",c.value?"cursor-not-allowed opacity-60":"cursor-pointer"]),$=e.computed(()=>S.open?{position:"absolute",top:`${S.top}px`,left:`${S.left}px`,transform:"translateX(-50%)",zIndex:1e3}:{display:"none"});function B(){S.open=!1}function N(){if(!x.value)return;const D=x.value.getBoundingClientRect();S.top=D.bottom+window.scrollY+8,S.left=D.left+D.width/2+window.scrollX}function A(){S.open=!S.open,S.open&&e.nextTick(N)}function u(){c.value||A()}function w(){S.open&&N()}function C(){y()}return e.onMounted(()=>{window.addEventListener("resize",w),window.addEventListener("scroll",w,!0)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",w),window.removeEventListener("scroll",w,!0)}),e.watch(()=>t.schema,D=>{if(!D){l.value={};return}if(Array.isArray(D)){const E=D.filter(F=>F&&(F.name||F.id)).map(F=>{const j=F.name||F.id;return[j,{...F,name:j}]});l.value=Object.fromEntries(E);return}l.value=D},{deep:!0,immediate:!0}),e.watch(()=>t.disabled,D=>{D&&B()}),(D,E)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-flex",ref_key:"anchor",ref:x},[m.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["inline-flex",c.value?"cursor-not-allowed opacity-60 pointer-events-none":"cursor-pointer"]),role:"button",tabindex:"0","data-popover-trigger":"",onClick:e.withModifiers(u,["prevent","stop"]),onKeydown:[e.withKeys(e.withModifiers(u,["prevent","stop"]),["enter"]),e.withKeys(e.withModifiers(u,["prevent","stop"]),["space"])]},[e.renderSlot(D.$slots,"trigger",{toggle:u,open:k.value,disabled:c.value,activeCount:e.unref(d)})],42,Hl)):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(_.value),type:"button",disabled:c.value,onClick:e.withModifiers(u,["prevent","stop"]),"data-popover-trigger":""},[e.createVNode(de,{class:"h-4 w-4"}),e.unref(d)>0?(e.openBlock(),e.createElementBlock("div",Gl,e.toDisplayString(e.unref(d)),1)):e.createCommentVNode("",!0)],10,Ql)),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute",typeof D.width=="number"?`min-w-[${D.width+32+(Object.keys(h.value).length>7?20:0)}px]`:"min-w-[268px] "]),style:e.normalizeStyle($.value),ref_key:"panel",ref:V,onClick:E[4]||(E[4]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Jl,[e.createElementVNode("div",Xl,[e.createElementVNode("h3",Zl,e.toDisplayString(r.value),1),e.createElementVNode("button",{type:"button",class:"inline-flex h-6 w-6 items-center justify-center rounded-full border-0 bg-slate-300/40 text-slate-600 transition-colors hover:bg-blue-200/60 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200",onClick:B},[e.createElementVNode("span",vl,[e.createVNode(G,{class:"h-4 w-4"})]),E[5]||(E[5]=e.createElementVNode("span",{class:"sr-only"},"Закрити",-1))])]),e.createElementVNode("div",eo,[Object.keys(h.value).length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Object.entries(h.value),([F,j])=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:F},{ref_for:!0},{...j,layout:"inline"},{width:D.width?D.width:j?.width,class:[D.itemClass,j?.class],"item-class":[D.itemClass,j?.itemClass].filter(Boolean).join(" ")||void 0,cleanable:!0,modelValue:e.unref(s)[F],"onUpdate:modelValue":M=>e.unref(s)[F]=M,onChange:E[0]||(E[0]=M=>e.unref(g)(M.name,M.value)),onClear:E[1]||(E[1]=M=>{e.unref(n)(M),e.unref(g)(M,void 0)})}),null,16,["width","class","item-class","modelValue","onUpdate:modelValue"]))),128)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(F,j)=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:"slot-"+j,ref_for:!0},{...F.props,layout:"inline"},{class:[D.itemClass,F.props?.class],"item-class":[D.itemClass,F.props?.itemClass].filter(Boolean).join(" ")||void 0,cleanable:!0,modelValue:e.unref(s)[F.props.name],"onUpdate:modelValue":M=>e.unref(s)[F.props.name]=M,onChange:E[2]||(E[2]=M=>e.unref(g)(M.name,M.value)),onClear:E[3]||(E[3]=M=>{e.unref(n)(M),e.unref(g)(M,void 0)})}),null,16,["class","item-class","modelValue","onUpdate:modelValue"]))),128))]),e.unref(d)>0?(e.openBlock(),e.createElementBlock("div",to,[e.createElementVNode("button",{type:"button",class:e.normalizeClass([D.itemClass,"text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),onClick:C},e.toDisplayString(e.unref(b)("filter.clear")),3)])):e.createCommentVNode("",!0)])],6)):e.createCommentVNode("",!0)]))],512))}}),oo={class:"mb-6 flex flex-wrap gap-2"},no=["onClick"],ro={class:"mr-2 flex items-center gap-1"},ao={class:"font-semibold"},so={class:"text-xs text-gray-500"},q=e.defineComponent({__name:"filter",props:{schema:{},view:{default:"inline"},value:{},history:{type:Boolean},mode:{},limit:{default:3},width:{},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(p,{expose:o,emit:b}){const t=p,a=e.useAttrs(),l=e.computed(()=>({...t,...a})),f=e.ref(n(t.value??{}));e.watch(()=>t.value,async u=>{f.value=n(u??{}),(!u||Object.keys(u).length===0)&&(await e.nextTick(),d.value?.clearAllFilters?.(!0))},{deep:!0,immediate:!0});const s=b,d=e.ref(),g=e.useSlots();function n(u){if(Array.isArray(u))return u.map(w=>n(w));if(u!==null&&typeof u=="object"){const w=e.toRaw(u),C={};for(const D in w)C[D]=n(w[D]);return C}return u}function y(u,w){w!==void 0?f.value={...f.value,[u]:w}:delete f.value[u],s("change",{data:n(f.value),name:u,value:n(w)})}function i(u){delete f.value[u],s("clear",{data:n(f.value),name:u}),s("change",{data:n(f.value),name:u,value:null})}function x(){f.value={},s("clear",{data:n(f.value),name:"ALL"}),s("change",{data:n(f.value),name:"ALL",value:null})}const V=e.ref({}),S=e.computed(()=>t.teleportActive);function k(){switch(t.view){case"inline":return fe;case"vertical":return Yl;case"popover":return me;case"popover-inline":return lo;default:return fe}}e.watch(()=>t.schema,u=>{if(!u){V.value={};return}if(Array.isArray(u)&&!u.length){V.value={};return}Array.isArray(u)?V.value=u.filter(w=>w.type).reduce((w,C)=>(Object.assign(C,{name:C.id||C.name,type:{datepicker:"date"}[C.type.toLowerCase()]||C.type.toLowerCase(),label:C.label||C.ua}),w[C.name]=C,C.data&&!C.api&&!C.options&&Object.assign(C,{api:`/api/suggest/${C.data}`}),w),{}):(Object.entries(u).forEach(([w,C])=>{Object.assign(C,{name:w||C.name||C.id,type:C.type.toLowerCase()})}),V.value={...u})},{immediate:!0,deep:!0});function c(u){d.value.clearFilter(u),i(u)}function h(){d.value.clearAllFilters(),x()}const r=e.computed(()=>Object.entries(f.value).filter(([,u])=>u==null?!1:Array.isArray(u)?u.length>0:typeof u=="string"?u.trim().length>0:!0).map(([u,w])=>{const C=V.value[u],D=C?.label||C?.title||u,E=_(C,w);return{key:u,label:D,value:E}}));function m(u){c(u)}function _(u,w){if(!u||w===void 0||w===null)return"";const C=$(w);if(!C.length)return"";const D=B(u);return C.map(E=>D.get(E)??E).filter(Boolean).join(", ")}function $(u){return Array.isArray(u)?u.map(w=>w?.toString?.()??"").filter(Boolean):typeof u=="string"?u.split(",").map(w=>w.trim()).filter(Boolean):[]}function B(u){const w=new Map,C=u.valueKey||"id",D=u.labelKey||"text";return(u.options??[]).forEach(E=>{const F=N(E,C),j=A(E,D);F&&w.set(F,j||F)}),w}function N(u,w){return u?(u[w]??u.id??u.value??u.key)?.toString?.()??"":""}function A(u,w){return u?(u[w]??u.text??u.label??u.value??u.id)?.toString?.()??"":""}return e.watch(()=>f.value,u=>{if(t.history){const w=new URL(window.location.href),C=new URLSearchParams(window.location.search);Object.keys(u).length>0?C.set("filter",Object.entries(u).filter(([,D])=>D).map(([D,E])=>`${D}=${E}`).join("|")):C.delete("filter"),w.search=decodeURI(C.toString()),window.history.pushState({},"",w)}}),o({clearAllFilters:h,clearFilter:c}),(u,w)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k()),e.mergeProps(l.value,{schema:V.value,onChange:w[0]||(w[0]=C=>y(C.name,C.value)),onClear:w[1]||(w[1]=C=>i(C.name)),onClearAll:x,ref_key:"filterRef",ref:d}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:2},[e.unref(g).trigger?{name:"trigger",fn:e.withCtx(C=>[e.renderSlot(u.$slots,"trigger",e.normalizeProps(e.guardReactiveProps(C)))]),key:"0"}:void 0]),1040,["schema"])),S.value&&r.value.length?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:S.value},[e.createElementVNode("div",oo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,C=>(e.openBlock(),e.createElementBlock("button",{key:C.key,type:"button",class:"ga1u8 zw1wr sr4j9 flex items-center zu875 kew0r w9dei w4xo0 kghwt wz1vo focus:outline-hidden gugmw dark:bg-emerald-500 dark:hover:bg-emerald-600 dark:focus:bg-emerald-600 bg-white border border-gray-200 px-3 py-1 rounded-full text-sm text-gray-700",onClick:D=>m(C.key)},[e.createElementVNode("span",ro,[e.createElementVNode("span",ao,e.toDisplayString(C.label),1),e.createElementVNode("span",so,"· "+e.toDisplayString(C.value),1)]),w[2]||(w[2]=e.createElementVNode("span",{class:"g424j flex flex-col jkwm1 items-center b9gop aqyoh ad7q2 kghwt t4363 q7nhl dark:text-emerald-500"},[e.createElementVNode("svg",{class:"e731n u28hb",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M18 6 6 18"}),e.createElementVNode("path",{d:"m6 6 12 12"})])],-1))],8,no))),128))])],8,["to"])):e.createCommentVNode("",!0)],64))}});q.install=function(o){o.component("Filter",q),o.component("FilterField",K)},L.Filter=q,L.FilterField=K,L.default=q,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
1
+ (function(T,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@opengis/core")):typeof define=="function"&&define.amd?define(["exports","vue","@opengis/core"],e):(T=typeof globalThis<"u"?globalThis:T||self,e(T.FilterLib={},T.Vue,T.OpenGISCore))})(this,(function(T,e,Z){"use strict";const z=(t,o)=>{const u=t.__vccOpts||t;for(const[l,a]of o)u[l]=a;return u},ue={},pe={xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-reload absolute inline mr-1 text-gray-800 transition-all cursor-pointer active:rotate-90 right-1 top-1 hover:text-blue-500"};function ye(t,o){return e.openBlock(),e.createElementBlock("svg",pe,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747"},null,-1),e.createElementVNode("path",{d:"M20 4v5h-5"},null,-1)])])}const ge=z(ue,[["render",ye]]),he={},xe={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"text-blue-600 w-[16px] h-[16px]"};function be(t,o){return e.openBlock(),e.createElementBlock("svg",xe,[...o[0]||(o[0]=[e.createElementVNode("path",{d:"M20 6 9 17l-5-5"},null,-1)])])}const _=z(he,[["render",be]]),ke={class:"flex items-center cursor-pointer w-full"},we={key:0,width:"16",height:"auto",src:"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4="},Ve=["value"],Ce={class:"flex flex-row items-center font-normal text-gray-800 gap-x-1"},Be={key:0,class:"text-xs text-gray-500 dark:text-neutral-500 pr-1"},Ee={key:1,class:"absolute right-2 flex size-3.5 items-center justify-center"},W=e.defineComponent({__name:"list-item",props:{layout:{},count:{},type:{},label:{},value:{},isSelected:{type:Boolean},color:{},highlighted:{type:Boolean}},emits:["itemClick"],setup(t,{expose:o,emit:u}){const l=t,a=u;function n(){a("itemClick",l.value)}const d=e.ref(null),i=e.computed(()=>l.layout==="inline"&&l.type==="radio"),s=e.computed(()=>l.layout==="vertical"?"text-[13px]":"text-sm");return o({el:d}),(y,r)=>(e.openBlock(),e.createElementBlock("div",{class:"flex items-center w-full rounded-sm group hover:bg-gray-100",ref_key:"el",ref:d},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between w-full",s.value])},[e.createElementVNode("div",ke,[e.createElementVNode("label",{for:"radio-9740",class:e.normalizeClass([["inline","popover"].includes(t.layout)?"text-gray-500 px-2 w-full py-2 cursor-pointer !flex flex-row items-center":"flex flex-row items-center w-full px-2 py-2 text-gray-500 cursor-pointer",{"bg-blue-100":t.highlighted,relative:i.value},s.value]),onClick:e.withModifiers(n,["stop","prevent"])},[i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-[18px] h-[18px] border flex items-center justify-center",[t.type==="checkbox"?"rounded-[4px]":"rounded-full",t.color?`bg-[${t.color}] border-[#ffffff]`:t.isSelected?"bg-[#2563eb] border-[#ffffff]":"bg-[#ffffff] border-[#d9d9d9]"]])},[t.isSelected?(e.openBlock(),e.createElementBlock("img",we)):e.createCommentVNode("",!0)],2)),e.createElementVNode("input",{type:"checkbox",class:"hidden",id:"radio-9740",value:t.value},null,8,Ve),e.createElementVNode("div",{class:e.normalizeClass(["flex flex-1 flex-row items-center justify-between",i.value?"pl-1 pr-6":"w-[calc(100%-18px)] pl-[10px]"])},[e.createElementVNode("span",Ce,e.toDisplayString(t.label??"Відсутні дані"),1),t.count?(e.openBlock(),e.createElementBlock("div",Be," ("+e.toDisplayString(t.count)+") ",1)):e.createCommentVNode("",!0)],2),i.value&&t.isSelected?(e.openBlock(),e.createElementBlock("span",Ee,[e.createVNode(_)])):e.createCommentVNode("",!0)],2)])],2)],512))}});function Y(t,o){const{options:u=[],limit:l=20}=t;function a(m){return Array.isArray(m)?m[0]:m}const n=e.ref(a(t.modelValue)),d=e.ref(""),i=e.ref(!1),s=e.ref([]),y=e.ref("id"),r=e.ref("text"),f=e.ref(!1),g=e.ref(t.layout!=="popover"&&u.length>l);function b(m){const x=m.find(Boolean)??{},D=["id","value","code","key"].find(B=>B in x)??"id",E=["text","label","name","title"].find(B=>B in x)??"text";return{autoValueKey:D,autoLabelKey:E}}if(u.length>0){const m=b(u);y.value=m.autoValueKey,r.value=m.autoLabelKey}const V=e.computed(()=>{const m=s.value;return t.layout==="popover"||f.value?m:m.slice(0,l)});e.watch(()=>t.modelValue,m=>{n.value=a(m)},{immediate:!0}),s.value=[...u].sort((m,x)=>t.sort==="count"?x.count&&m.count?x.count-m.count:0:t.sort==="name"?String(m[r.value]??"").localeCompare(String(x[r.value]??"")):0);function $(m){return n.value===m[y.value]}function k(m){n.value=m[y.value],o("update:modelValue",n.value),o("change",{name:t.name,value:n.value})}function c(){n.value=void 0,o("update:modelValue",n.value),o("clear",t.name)}function h(){f.value=!f.value}return{innerValue:n,searchTerm:d,filteredOptions:V,isSelected:$,selectItem:k,clear:c,toggleShowAll:h,isReqProc:i,showAll:f,isEnableShowAll:g,labelKey:r,valueKey:y,allOptions:s}}const Ne={},Se={class:"w-48 mx-auto",viewBox:"0 0 178 90",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function $e(t,o){return e.openBlock(),e.createElementBlock("svg",Se,[...o[0]||(o[0]=[e.createStaticVNode('<rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs>',12)])])}const H=z(Ne,[["render",$e]]),De={},Ae={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate"};function Fe(t,o){return e.openBlock(),e.createElementBlock("svg",Ae,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M6 9l6 6l6 -6"},null,-1)])])}const P=z(De,[["render",Fe]]),je={},Me={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down w-[14px] rotate-[180deg]"};function Re(t,o){return e.openBlock(),e.createElementBlock("svg",Me,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M6 9l6 6l6 -6"},null,-1)])])}const Q=z(je,[["render",Re]]),Le={key:0,class:"w-full"},Te={class:"flex flex-col items-center justify-center p-5 text-center"},ze={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},Ke={key:1,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},Oe=e.defineComponent({__name:"radio",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{default:10},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=t,a=e.ref(null),n=u,{innerValue:d,filteredOptions:i,isSelected:s,selectItem:y,clear:r,toggleShowAll:f,isReqProc:g,showAll:b,isEnableShowAll:V,labelKey:$,valueKey:k,allOptions:c}=Y({...l,modelValue:l.modelValue??l.default??""},n);return o({clear:r,inputTextRef:a}),e.watch(()=>l.modelValue,h=>{h===void 0&&(d.value=void 0)}),(h,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.layout==="popover"?"flex flex-col h-full":"flex flex-col vs-filter-checkbox"])},[e.createElementVNode("div",{class:e.normalizeClass([t.layout==="popover"?"flex-1 overflow-y-auto p-2":"",t.layout==="inline"?"flex-1 overflow-y-auto max-h-80":""])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),x=>(e.openBlock(),e.createBlock(W,{layout:t.layout,key:x[e.unref(k)],count:x.count,label:x[e.unref($)],color:x.color,type:"radio",value:x[e.unref(k)],"is-selected":e.unref(s)(x),onItemClick:D=>e.unref(y)(x)},null,8,["layout","count","label","color","value","is-selected","onItemClick"]))),128))],2),t.type==="select"&&e.unref(i).length===0&&!e.unref(g)?(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("div",Te,[e.createVNode(H),m[4]||(m[4]=e.createElementVNode("div",{class:"max-w-sm mx-auto mt-6"},[e.createElementVNode("p",{class:"font-medium text-gray-800 dark:text-neutral-200"},"За вашим запитом нічого не знайдено"),e.createElementVNode("p",{class:"mt-2 text-sm text-gray-500 dark:text-neutral-500"})],-1))])])):e.createCommentVNode("",!0),t.layout!=="popover"&&t.type!=="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(b)&&e.unref(V)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:m[0]||(m[0]=(...x)=>e.unref(f)&&e.unref(f)(...x)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[m[5]||(m[5]=e.createTextVNode(" Показати більше ",-1)),e.createVNode(P)])):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:m[1]||(m[1]=(...x)=>e.unref(f)&&e.unref(f)(...x)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[m[6]||(m[6]=e.createTextVNode(" Показати менше ",-1)),e.createVNode(Q)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.cleanable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.layout==="inline"?(e.openBlock(),e.createElementBlock("div",ze,[e.createTextVNode(e.toDisplayString(e.unref(d)||e.unref(d)===null?1:0)+" з "+e.toDisplayString(e.unref(c).length)+" обрано ",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:m[2]||(m[2]=(...x)=>e.unref(r)&&e.unref(r)(...x))}," Очистити ",512),[[e.vShow,e.unref(d)!==""&&e.unref(d)!==void 0]])])):e.createCommentVNode("",!0),t.layout==="popover"?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("span",null,e.toDisplayString(e.unref(d)||e.unref(d)===null?1:0)+" з "+e.toDisplayString(e.unref(c).length)+" обрано",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:m[3]||(m[3]=(...x)=>e.unref(r)&&e.unref(r)(...x))}," Очистити ",512),[[e.vShow,e.unref(d)!==""&&e.unref(d)!==void 0]])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2))}});function v(t,o){const{options:u=[],limit:l=20}=t;function a(m){return Array.isArray(m)?m:m?[m]:[]}const n=e.ref(a(t.modelValue)),d=e.ref(""),i=e.ref(!1),s=e.ref([]),y=e.ref("id"),r=e.ref("text"),f=e.ref(!1),g=e.ref(t.layout!=="popover"&&u.length>l);function b(m){const x=m.find(Boolean)??{},D=["id","value","code","key"].find(B=>B in x)??"id",E=["text","label","name","title"].find(B=>B in x)??"text";return{autoValueKey:D,autoLabelKey:E}}if(u.length>0){const m=b(u);y.value=m.autoValueKey,r.value=m.autoLabelKey}const V=e.computed(()=>{const m=s.value;return t.layout==="popover"||f.value?m:m.slice(0,l)});e.watch(()=>t.modelValue,m=>{n.value=a(m)},{immediate:!0}),s.value=[...u].sort((m,x)=>t.sort==="count"?x.count&&m.count?x.count-m.count:0:t.sort==="name"?String(m[r.value]).localeCompare(String(x[r.value])):0);function $(m){return n.value&&n.value.includes(m[y.value])}function k(m){const x=n.value.includes(m[y.value]);n.value=x?n.value.filter(D=>D!==m[y.value]):[...n.value,m[y.value]],o("update:modelValue",n.value),o("change",{name:t.name,value:n.value})}function c(){n.value=[],o("update:modelValue",n.value),o("clear",t.name)}function h(){f.value=!f.value}return{innerValue:n,searchTerm:d,filteredOptions:V,isSelected:$,selectItem:k,clear:c,toggleShowAll:h,isReqProc:i,showAll:f,isEnableShowAll:g,labelKey:r,valueKey:y,allOptions:s}}const ee={en:{apply:"Apply",search:"Search",more:"Show more",less:"Show less",selected:"selected",clear:"Clear",notfound:"Nothing found",period:"Period",today:"Today",week:"Week",max:"max",min:"min",month:"Month",quarter:"Quarter",year:"Year",alltime:"All Time",prev:"Prev",next:"Next",selectFieldHelp:"Select a field to start creating a filter."},uk:{apply:"Застосувати",search:"Пошук",more:"Показати більше",less:"Показати меньше",selected:"обрано",clear:"Очистити",notfound:"Нічого не знайдено",period:"Період",today:"Сьогодні",week:"Тиждень",max:"макс",min:"мін",month:"Місяць",quarter:"Квартал",year:"Рік",alltime:"Весь час",prev:"Попередній період",next:"Настпуний період",selectFieldHelp:"Оберіть поле, щоб розпочати створення фільтра."}};function te(t){const o=t.split(".")[1],u=typeof window<"u"&&window.localStorage?localStorage.locale:null;return(ee[u||navigator.language]||ee.uk)[o]}function O(){const t=e.getCurrentInstance();if(!t.appContext.config.globalProperties.$i18n)return te;const o=t.appContext.config.globalProperties.$t;return u=>{const l=o(u);return l===u?te(u):l}}const _e={key:0,class:"w-full"},Ie={class:"flex flex-col items-center justify-center p-5 text-center"},Pe={class:"max-w-sm mx-auto mt-6"},Ue={class:"font-medium text-gray-800 dark:text-neutral-200"},qe={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},We={key:1,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},le=e.defineComponent({__name:"checkbox",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{default:10},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=O(),a=t,n=u,{innerValue:d,filteredOptions:i,isSelected:s,selectItem:y,clear:r,toggleShowAll:f,isReqProc:g,showAll:b,isEnableShowAll:V,labelKey:$,valueKey:k,allOptions:c}=v({...a,modelValue:a.modelValue},n);return e.watch(()=>a.modelValue,h=>{h===void 0&&(d.value=[])}),o({clear:r}),(h,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.layout==="popover"?"flex flex-col h-full":"flex flex-col vs-filter-checkbox space-y-0.5"])},[e.createElementVNode("div",{class:e.normalizeClass([t.layout==="popover"?"flex-1 overflow-y-auto p-2":"",t.layout==="inline"?"flex-1 overflow-y-auto max-h-80":""])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),x=>(e.openBlock(),e.createBlock(W,{layout:t.layout,count:x.count,label:x[e.unref($)],color:x.color,type:"checkbox",value:x[e.unref(k)],"is-selected":e.unref(s)(x),onItemClick:D=>e.unref(y)(x)},null,8,["layout","count","label","color","value","is-selected","onItemClick"]))),256))],2),t.type==="select"&&e.unref(i).length===0&&!e.unref(g)?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",Ie,[e.createVNode(H),e.createElementVNode("div",Pe,[e.createElementVNode("p",Ue,e.toDisplayString(e.unref(l)("filter.notfound")),1),m[4]||(m[4]=e.createElementVNode("p",{class:"mt-2 text-sm text-gray-500 dark:text-neutral-500"},null,-1))])])])):e.createCommentVNode("",!0),t.layout!=="popover"&&t.type!=="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(b)&&e.unref(V)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:m[0]||(m[0]=(...x)=>e.unref(f)&&e.unref(f)(...x)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.more"))+" ",1),e.createVNode(P)])):e.createCommentVNode("",!0),e.unref(b)?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:m[1]||(m[1]=(...x)=>e.unref(f)&&e.unref(f)(...x)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.less"))+" ",1),e.createVNode(Q)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.cleanable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.layout==="inline"?(e.openBlock(),e.createElementBlock("div",qe,[e.createTextVNode(e.toDisplayString(e.unref(d).length)+" / "+e.toDisplayString(e.unref(c).length)+" "+e.toDisplayString(e.unref(l)("filter.selected"))+" ",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:m[2]||(m[2]=(...x)=>e.unref(r)&&e.unref(r)(...x))},e.toDisplayString(e.unref(l)("filter.clear")),513),[[e.vShow,e.unref(d).length!==0]])])):e.createCommentVNode("",!0),t.layout==="popover"?(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("span",null,e.toDisplayString(e.unref(d).length)+" / "+e.toDisplayString(e.unref(c).length)+" "+e.toDisplayString(e.unref(l)("filter.selected")),1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:m[3]||(m[3]=(...x)=>e.unref(r)&&e.unref(r)(...x))},e.toDisplayString(e.unref(l)("filter.clear")),513),[[e.vShow,e.unref(d).length!==0]])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2))}}),Ye={},He={xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"15px",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-search stroke-gray-500 transition-all"};function Qe(t,o){return e.openBlock(),e.createElementBlock("svg",He,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"},null,-1),e.createElementVNode("path",{d:"M21 21l-6 -6"},null,-1)])])}const ne=z(Ye,[["render",Qe]]),Ge={},Je={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-x stroke-gray-500 hover:stroke-red-500 transition-all",width:"15px",height:"15px"};function Xe(t,o){return e.openBlock(),e.createElementBlock("svg",Je,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M18 6l-12 12"},null,-1),e.createElementVNode("path",{d:"M6 6l12 12"},null,-1)])])}const G=z(Ge,[["render",Xe]]);class oe{static getWidthClass(o){return typeof o=="number"?`max-w-[${o}px] min-w-[${o}px]`:typeof o=="string"?o.endsWith("%")||o.endsWith("px")?`max-w-[${o}]`:`max-w-${o}`:"w-full"}}const Ze={class:"absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"},ve=["placeholder"],et=e.defineComponent({__name:"text-input",props:{id:{},name:{},title:{},type:{},label:{},width:{default:220},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{emit:o}){const u=t,l=e.ref((u.placeholder||u.label||u.title||u.name||"search").toString()),a=o,n=e.ref(u.modelValue?.toString()??"");e.watch(()=>u.modelValue,y=>{y!==n.value&&(n.value=y?.toString()??"")});let d=null;function i(){if(n.value=n.value.trimStart(),n.value.length===0){s();return}d&&clearTimeout(d),d=setTimeout(()=>{a("update:modelValue",n.value),a("change",{name:u.name,value:n.value})},300)}function s(){n.value="",a("update:modelValue",""),a("clear",u.name)}return(y,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-form-text relative bg-white [&>input]:py-[7px] [&>input]:max-h-[38px] [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600",t.layout==="vertical"?"rounded-md":"rounded-sm",t.layout==="vertical"?"[&>input]:rounded-md":"[&>input]:rounded-sm",t.layout==="inline"?e.unref(oe).getWidthClass(t.width):"mb-2"+(t.layout==="popover"?" m-2":"")])},[e.createElementVNode("div",Ze,[e.createVNode(ne)]),n.value!==""?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:s,class:"absolute bottom-2/4 translate-y-2/4 right-3 cursor-pointer"},[e.createVNode(G)])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":r[0]||(r[0]=f=>n.value=f),onInput:i,placeholder:l.value,class:e.normalizeClass(["!pr-7 !pl-8 bg-white h-[38px] min-w-[100px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 text-sm text-stone-800 placeholder:text-stone-400 focus:border-2 focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500",t.layout==="vertical"?"rounded-md":"rounded-sm"])},null,42,ve),[[e.vModelText,n.value]])],2))}});function re(t={color:"blue"}){return e.computed(()=>{const u=`w-full px-3 py-2 border-solid border text-black border-gray-300 text-sm rounded focus:outline-none focus:ring-2 focus:ring-${t.color}-500 focus:border-transparent
2
+ text-gray-800 bg-white dark:text-neutral-300 dark:bg-neutral-800 dark:border-neutral-600`;return t?.size==="sm"?`${u}h-[32px]`:`${u}h-[38px]`})}function tt(){return"rounded-md font-medium border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 px-4 py-2 w-full bg-transparent border text-black text-sm h-[38px]"}function lt(){return"font-medium border border-gray-200 border-solid disabled:pointer-events-none disabled:opacity-50 h-7 rounded-md text-xs px-2 py-1 text-gray-800 bg-white hover:bg-gray-100 dark:text-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:border-neutral-600"}function ae(t){return t==="ghost"?"inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border text-gray-600 hover:bg-blue-100 hover:text-gray-800 focus:outline-hidden focus:bg-gray-100 focus:text-gray-800 disabled:opacity-50 disabled:pointer-events-none dark:text-gray-500 dark:hover:bg-blue-800/30 dark:hover:text-blue-400 dark:focus:bg-blue-800/30 dark:focus:text-blue-400":t==="soft"?"inline-flex relative py-2 px-4 items-center gap-x-2 text-sm font-medium rounded-sm border bg-white-100 text-gray-800 hover:bg-gray-200 hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-400 dark:hover:bg-blue-900 dark:focus:bg-blue-900":"relative border-solid border-gray-200 focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-input hover:bg-gray-100 border px-4 py-2 gap-1 bg-transparent h-[38px]"}const nt={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},ot=["placeholder","disabled"],rt={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},at={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},it=["placeholder","disabled"],st=["disabled"],cn={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},dn={key:1,class:"flex justify-end items-center text-xs text-gray-500 p-1 border-t"},ct=e.defineComponent({__name:"range-input",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=re(),a=tt(),n=O(),d=t,i=e.ref(d.modelValue??d.default??[]),s=u,y=e.computed({get:()=>d.modelValue??i.value,set:g=>{d.modelValue!==void 0?s("update:modelValue",g):i.value=g}});function r(){s("change",{name:d.name,value:y.value||i.value})}function f(){i.value=[],y.value=i.value,s("clear",d.name)}return e.watch(()=>d.modelValue,g=>{g!==void 0&&d.layout!=="popover"?(i.value=g,s("update:modelValue",g)):i.value=[]}),o({clear:f,currentValue:y}),(g,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass(t.layout==="vertical"?"inline-flex items-center gap-2":"space-y-3 p-2")},[e.createElementVNode("div",null,[t.layout!=="vertical"?(e.openBlock(),e.createElementBlock("label",nt,e.toDisplayString(e.unref(n)("filter.from")),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"number",class:e.normalizeClass(e.unref(l)),placeholder:t.placeholder?.[0]??e.unref(n)("filter.min"),step:"1",style:{outline:"none"},"onUpdate:modelValue":b[0]||(b[0]=V=>y.value[0]=V),disabled:t.disabled},null,10,ot),[[e.vModelText,y.value[0]]])]),t.layout==="vertical"?(e.openBlock(),e.createElementBlock("label",rt," - ")):e.createCommentVNode("",!0),e.createElementVNode("div",null,[t.layout!=="vertical"?(e.openBlock(),e.createElementBlock("label",at,e.toDisplayString(e.unref(n)("filter.to")),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"number",class:e.normalizeClass(e.unref(l)),placeholder:t.placeholder?.[1]??e.unref(n)("filter.max"),min:"0",max:"1000000000000000",step:"1",style:{outline:"none"},"onUpdate:modelValue":b[1]||(b[1]=V=>y.value[1]=V),disabled:t.disabled},null,10,it),[[e.vModelText,y.value[1]]])]),["popover","inline","vertical"].includes(t.layout)?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:r,class:e.normalizeClass(e.unref(a)+(t.layout==="vertical"?" w-[50px]":" bg-blue-100 hover:bg-blue-200"))},e.toDisplayString(t.layout==="vertical"?"Ok":e.unref(n)("filter.apply")),3)):e.createCommentVNode("",!0),["popover","inline"].includes(t.layout)?(e.openBlock(),e.createElementBlock("button",{key:2,disabled:!(y.value[0]||y.value[1]),onClick:f,class:e.normalizeClass(e.unref(a)+" hover:bg-gray-100")},e.toDisplayString(e.unref(n)("filter.clear")),11,st)):e.createCommentVNode("",!0)],2)]),(t.cleanable&&i.value.length,e.createCommentVNode("",!0))],64))}});class L{static format(o){const u=o.getFullYear(),l=(o.getMonth()+1).toString().padStart(2,"0"),a=o.getDate().toString().padStart(2,"0");return`${u}-${l}-${a}`}static getShiftedDay(o,u=0){const l=o?new Date(o):new Date;return l.setDate(l.getDate()+u),this.format(l)}static getLastWeekRange(o,u,l=0){if(o&&u){const y=new Date(o),r=new Date(u);return y.setDate(y.getDate()+l*7),r.setDate(r.getDate()+l*7),[this.format(y),this.format(r)]}const a=new Date,n=a.getDay(),d=n===0?13:n-1+7,i=new Date(a);i.setDate(a.getDate()-d+l*7);const s=new Date(i);return s.setDate(i.getDate()+6),[this.format(i),this.format(s)]}static getMonthRange(o,u,l=0){let a;o?a=new Date(o):a=new Date,a=new Date(a.getFullYear(),a.getMonth()+l,1);const n=a,d=new Date(a.getFullYear(),a.getMonth()+1,0);return[this.format(n),this.format(d)]}static getQuarterRange(o,u,l=0){const a=o||u,n=a?new Date(a):new Date;let d=Math.floor(n.getMonth()/3);d+=l;const i=(d%4+4)%4*3,s=n.getFullYear()+Math.floor(d/4),y=new Date(s,i,1),r=new Date(s,i+3,0);return[this.format(y),this.format(r)]}static getYear(o,u=0){let l;return o&&/^\d{4}$/.test(o)?l=parseInt(o,10):o?l=new Date(o).getFullYear():l=new Date().getFullYear(),String(l+u)}static getYearRange(o,u=0){let l;return o&&/^\d{4}$/.test(o)?l=parseInt(o,10):o?l=new Date(o).getFullYear():l=new Date().getFullYear(),[this.format(new Date(l+u,0,1)),this.format(new Date(l+u+1,0,0))]}static getRangeFromDaysBefore(o){const u=new Date,l=new Date(u.getTime());return l.setDate(u.getDate()-o),[this.format(l),this.format(u)]}}function ie(t,o){const{popoverRef:u}=t,l=O(),a=e.ref(""),n=e.ref(t.modelValue??t.default??[]),d=e.ref(0);function i(){const c=L.getRangeFromDaysBefore(d.value);return n.value=[...c],o("change",{name:t.name,value:n.value}),o("update:modelValue",n.value),c}function s(c){a.value=c,u.value?.close();const h=[];switch(a.value){case"today":h.push(L.getShiftedDay()),h.push(L.getShiftedDay());break;case"week":h.push(...L.getLastWeekRange());break;case"month":h.push(...L.getMonthRange());break;case"quarter":h.push(...L.getQuarterRange());break;case"year":h.push(...L.getYearRange());break;case"last_7_days":d.value=7,i();break;case"range":d.value=7,h.push(...i());break}n.value=[...h],o("change",{name:t.name,value:n.value}),o("update:modelValue",n.value)}function y(){const c=[];switch(a.value){case"today":c.push(L.getShiftedDay(n.value[0],1));break;case"week":c.push(...L.getLastWeekRange(n.value[0],n.value[1],1));break;case"month":c.push(...L.getMonthRange(n.value[0],n.value[1],1));break;case"quarter":c.push(...L.getQuarterRange(n.value[0],n.value[1],1));break;case"year":c.push(...L.getYearRange(n.value[0],1));break}n.value=[...c],o("change",{name:t.name,value:n.value}),o("update:modelValue",n.value)}function r(){const c=[];switch(a.value){case"today":c.push(L.getShiftedDay(n.value[0],-1));break;case"week":c.push(...L.getLastWeekRange(n.value[0],n.value[1],-1));break;case"month":c.push(...L.getMonthRange(n.value[0],n.value[1],-1));break;case"quarter":c.push(...L.getQuarterRange(n.value[0],n.value[1],-1));break;case"year":c.push(...L.getYearRange(n.value[0],-1));break}n.value=[...c],o("change",{name:t.name,value:n.value}),o("update:modelValue",n.value)}const f=["Січень","Лютий","Березень","Квітень","Травень","Червень","Липень","Серпень","Вересень","Жовтень","Листопад","Грудень"];function g(c){const[h,m,x]=c.split("-");return`${x}.${m}.${h}`}function b(c,h="long"){const m=new Date(Date.UTC(2e3,c-1,1));return new Intl.DateTimeFormat(localStorage.locale,{month:h,timeZone:"UTC"}).format(m)}function V(c){const{value:h}=n;switch(c){case"today":return g(h[0]);case"range":return"Період";case"week":return h[0]&&h[1]?`${g(h[0])} – ${g(h[1])}`:"";case"quarter":if(h[0]){const m=new Date(h[0]),x=m.getFullYear(),D=m.getMonth();return`${Math.floor(D/3)+1} ${l("filter.quarter")} ${x}`}return"";case"month":if(h[0]){const[m,x]=h[0].split("-");return`${b(parseInt(x,10))} ${m}`}return"";case"year":return h[0]||"";case"last_7_days":return"За останні дні";default:return t.label??""}}const $=e.computed(()=>a.value?V(a.value):t.label??"");function k(){a.value="",n.value=[],o("update:modelValue",[]),o("clear",t.name)}return{activeMode:a,innerValue:n,daysBefore:d,onDaysBeforeChange:i,onSelectChange:s,nextClick:y,prevClick:r,ukMonths:f,formatDisplayDate:g,getModeLabel:V,currentLabel:$,clear:k}}const dt={key:0,class:"relative flex w-full h-auto gap-2 filter-date m-2 flex-wrap"},mt={key:0,class:"flex gap-1 !w-[75%] rounded-sm"},ft=["max","disabled"],ut=["min","disabled"],pt={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},yt=["max","disabled"],gt={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},ht={key:0,class:"block text-xs font-medium text-gray-600 mb-1"},xt=["min","disabled"],bt={class:"flex gap-1 pt-2"},kt=["title","onClick"],mn={key:0,class:"flex justify-end items-center text-xs text-gray-500 p-1 border-t"},wt=e.defineComponent({__name:"date-input",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=t,a=re(),n=lt(),d=O(),i=u,s=e.ref(null),{activeMode:y,innerValue:r,onSelectChange:f,nextClick:g,prevClick:b,clear:V}=ie({...l,popoverRef:s},i);e.watch(()=>l.modelValue,m=>{m!==void 0?(r.value=m,i("update:modelValue",m)):(y.value="",r.value=[])}),e.watch(r,m=>{i("update:modelValue",m),i("change",{name:l.name,value:m})},{deep:!0});const $=["today","week","month","quarter","year"],k={today:{label:"день",title:d("filter.today")},week:{label:"тиж.",title:d("filter.week")},month:{label:"міс.",title:d("filter.month")},quarter:{label:"кв.",title:d("filter.quarter")},year:{label:"рік",title:d("filter.year")}};function c(m){return k[m]?.label??d(`filter.${m}`)}function h(m){return k[m]?.title??d(`filter.${m}`)}return o({clear:V,popoverRef:s}),(m,x)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.layout==="inline"?(e.openBlock(),e.createElementBlock("div",dt,[e.unref(y)!==""&&e.unref(y)==="range"?(e.openBlock(),e.createElementBlock("div",mt,[x[7]||(x[7]=e.createTextVNode(" 1111 ",-1)),e.withDirectives(e.createElementVNode("input",{type:"date",max:e.unref(r)[1],locale:"uk-UA","onUpdate:modelValue":x[0]||(x[0]=D=>e.unref(r)[0]=D),class:"px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",disabled:t.disabled},null,8,ft),[[e.vModelText,e.unref(r)[0]]]),e.withDirectives(e.createElementVNode("input",{type:"date",min:e.unref(r)[0],locale:"uk-UA","onUpdate:modelValue":x[1]||(x[1]=D=>e.unref(r)[1]=D),class:"px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",disabled:t.disabled},null,8,ut),[[e.vModelText,e.unref(r)[1]]])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(t.layout==="popover"?"space-y-3 p-2":"flex items-center gap-2")},[e.createElementVNode("div",{class:e.normalizeClass(t.layout!=="popover"?"w-[48%]":"")},[t.layout==="popover"?(e.openBlock(),e.createElementBlock("label",pt,e.toDisplayString(e.unref(d)("filter.from")),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"date",max:e.unref(r)[1],locale:"uk-UA","onUpdate:modelValue":x[2]||(x[2]=D=>e.unref(r)[0]=D),class:e.normalizeClass(e.unref(a)),disabled:t.disabled},null,10,yt),[[e.vModelText,e.unref(r)[0]]])],2),t.layout!=="popover"?(e.openBlock(),e.createElementBlock("label",gt," - ")):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(t.layout!=="popover"?"w-[48%]":"")},[t.layout==="popover"?(e.openBlock(),e.createElementBlock("label",ht,e.toDisplayString(e.unref(d)("filter.to")),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{type:"date",min:e.unref(r)[0],locale:"uk-UA","onUpdate:modelValue":x[3]||(x[3]=D=>e.unref(r)[1]=D),class:e.normalizeClass(e.unref(a)),disabled:t.disabled},null,10,xt),[[e.vModelText,e.unref(r)[1]]])],2)],2),e.createElementVNode("div",bt,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList($,D=>e.createElementVNode("button",{key:D,class:e.normalizeClass(e.unref(n)+(e.unref(y)===D?" bg-blue-100":"")),title:h(D),onClick:E=>e.unref(f)(D)},e.toDisplayString(c(D)),11,kt)),64)),e.createElementVNode("button",{class:e.normalizeClass(e.unref(n)),onClick:x[4]||(x[4]=(...D)=>e.unref(b)&&e.unref(b)(...D))},"<",2),e.createElementVNode("button",{class:e.normalizeClass(e.unref(n)),onClick:x[5]||(x[5]=(...D)=>e.unref(g)&&e.unref(g)(...D))},">",2)]),(t.cleanable,e.createCommentVNode("",!0))],64))}});function Vt(t,o){const{api:u,options:l=[],limit:a=20,dataKey:n="data"}=t,d=t.multi;function i(C){return d?Array.isArray(C)?C:C?[C]:[]:Array.isArray(C)?C[0]:C}const s=e.ref(i(t.modelValue)),y=e.ref(""),r=e.ref(!1),f=e.ref(l),g=e.ref("id"),b=e.ref("text"),V=e.ref(!1),$=e.ref(t.layout!=="popover"&&l.length>a),k=e.ref([]),c=e.ref(0);function h(C){const A=C.find(Boolean)??{},M=["id","value","code","key"].find(I=>I in A)??"id",R=["text","label","name","title"].find(I=>I in A)??"text";return{autoValueKey:M,autoLabelKey:R}}if(l.length>0){const C=h(l);g.value=C.autoValueKey,b.value=C.autoLabelKey}const m=e.computed(()=>{if(u)return f.value;const C=f.value;if(t.layout==="popover")return C;if(!y.value)return V.value?C:C.slice(0,a);const A=y.value.toLowerCase();return C.filter(M=>M[b.value].toLowerCase().includes(A))});let x=null;async function D(C){if(u){r.value=!0;try{const A=new URL(u,window.location.origin);A.searchParams.set("json","1"),A.searchParams.set("key",C),A.searchParams.set("limit",a.toString());const M=await fetch(A.toString());if(!M.ok){Z.notify({type:"error",title:"Error",message:"Failed to fetch remote options"}),f.value=[];return}const R=await M.json();if(!R[n]){Z.notify({type:"error",title:"Error",message:R}),f.value=[];return}if(f.value=R[n],f.value.length>0){const I=h(f.value);g.value=I.autoValueKey,b.value=I.autoLabelKey}c.value=R.total}catch(A){console.error("Failed to fetch remote options:",A)}finally{r.value=!1}}}e.watch(y,C=>{u&&(x&&clearTimeout(x),x=setTimeout(()=>{D(C)},200))}),e.watch(()=>t.modelValue,C=>{s.value=i(C)},{immediate:!0}),e.watch(s,C=>{d?(!Array.isArray(C)||C.length===0)&&(k.value=[]):(C==null||typeof C=="string"&&C==="")&&(k.value=[])});function E(C){return d&&Array.isArray(s.value)?s.value.includes(C[g.value]):s.value&&s.value===C[g.value]}function B(C){if(d&&!Array.isArray(s.value)&&(s.value=[]),d&&Array.isArray(s.value)){const A=s.value.includes(C[g.value]);s.value=A?s.value.filter(M=>M!==C[g.value]):[...s.value,C[g.value]],k.value=A?k.value.filter(M=>M!==C[b.value]):[...k.value,C[b.value]]}else s.value=C[g.value],k.value=C[b.value];o("update:modelValue",s.value),o("change",{name:t.name,value:s.value})}function S(){d?(s.value=[],k.value=[]):(s.value=void 0,k.value=[]),o("update:modelValue",s.value),o("clear",t.name)}function F(){x&&clearTimeout(x),y.value="",V.value=!1}function p(){V.value=!V.value}e.onBeforeUnmount(()=>{x&&clearTimeout(x)});const w=e.ref(-1);e.watch(m,()=>{w.value=m.value.length>0?0:-1});function N(C){const A=m.value.length;if(C.key==="ArrowDown")C.preventDefault(),w.value=(w.value+1)%A;else if(C.key==="ArrowUp")C.preventDefault(),w.value=(w.value-1+A)%A;else if(C.key==="Enter"&&(C.preventDefault(),w.value>=0&&w.value<m.value.length)){const M=m.value[w.value];B(M)}}function j(){u&&f.value.length===0&&y.value.length===0&&D(y.value)}return{innerValue:s,searchTerm:y,filteredOptions:m,isSelected:E,selectItem:B,clear:S,resetSearch:F,toggleShowAll:p,isReqProc:r,showAll:V,isEnableShowAll:$,labelKey:b,valueKey:g,allOptions:f,highlightedIndex:w,onKeyDown:N,selectedLabels:k,totalCount:c,loadData:j}}const Ct={class:"h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relative justify-center"},Bt=["placeholder"],Et={key:0,class:"w-full"},Nt={class:"flex flex-col items-center justify-center p-5 text-center"},St={class:"max-w-sm mx-auto mt-6"},$t={class:"font-medium text-gray-800 dark:text-neutral-200"},Dt={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},At={key:1,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},Ft=e.defineComponent({__name:"select",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{default:10},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=O(),a=t,n=u,d=e.ref(null),{innerValue:i,filteredOptions:s,isSelected:y,selectItem:r,clear:f,resetSearch:g,toggleShowAll:b,isReqProc:V,showAll:$,isEnableShowAll:k,searchTerm:c,labelKey:h,valueKey:m,highlightedIndex:x,onKeyDown:D,selectedLabels:E,totalCount:B,loadData:S}=Vt({...a,modelValue:a.modelValue},n);e.onMounted(()=>{g(),a.layout!=="inline"&&(S(),d.value&&a.layout==="popover"&&d.value.focus())}),e.watch(()=>a.modelValue,p=>{p===void 0&&(a.multi?i.value=[]:i.value=void 0)});const F=e.ref([]);return e.watch(x,p=>{p>=0&&F.value[p]&&F.value[p]?.scrollIntoView({block:"nearest",behavior:"smooth"})}),e.watch(s,()=>{F.value=[]}),o({clear:f,inputTextRef:d,selectedLabels:E,loadData:S}),(p,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.layout==="popover"?"flex flex-col h-full":"flex flex-col vs-filter-checkbox space-y-0.5"])},[e.createElementVNode("div",Ct,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":w[0]||(w[0]=N=>e.isRef(c)?c.value=N:null),onKeydown:w[1]||(w[1]=(...N)=>e.unref(D)&&e.unref(D)(...N)),class:"w-full h-full text-[13px] px-4 border rounded-sm pl-9 focus:outline-none focus:ring-ring focus:ring-1 focus:ring-blue-500 text-gray-700",placeholder:e.unref(l)("filter.search"),type:"text",ref_key:"inputTextRef",ref:d},null,40,Bt),[[e.vModelText,e.unref(c)]]),e.createVNode(ne,{class:"absolute text-gray-400 -translate-y-1/2 left-4 top-1/2"}),e.unref(c)!=""?(e.openBlock(),e.createBlock(G,{key:0,onClick:w[2]||(w[2]=N=>c.value=""),class:"absolute text-gray-400 -translate-y-1/2 cursor-pointer hover:text-red-500 right-4 top-1/2"})):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass([t.layout==="popover"?"flex-1 overflow-y-auto p-2":"",t.layout==="inline"?"flex-1 overflow-y-auto max-h-80":""])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),(N,j)=>(e.openBlock(),e.createBlock(W,{layout:t.layout,count:N.count,label:N[e.unref(h)],color:N.color,type:t.multi?"checkbox":"radio",value:N[e.unref(m)],"is-selected":e.unref(y)(N),highlighted:j===e.unref(x),onItemClick:C=>e.unref(r)(N),ref_for:!0,ref:C=>F.value[j]=C?.el},null,8,["layout","count","label","color","type","value","is-selected","highlighted","onItemClick"]))),256))],2),t.type==="select"&&e.unref(s).length===0&&!e.unref(V)?(e.openBlock(),e.createElementBlock("div",Et,[e.createElementVNode("div",Nt,[e.createVNode(H),e.createElementVNode("div",St,[e.createElementVNode("p",$t,e.toDisplayString(e.unref(l)("filter.notfound")),1),w[7]||(w[7]=e.createElementVNode("p",{class:"mt-2 text-sm text-gray-500 dark:text-neutral-500"},null,-1))])])])):e.createCommentVNode("",!0),t.layout!=="popover"&&t.type!=="select"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref($)&&e.unref(k)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:w[3]||(w[3]=(...N)=>e.unref(b)&&e.unref(b)(...N)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.more"))+" ",1),e.createVNode(P)])):e.createCommentVNode("",!0),e.unref($)?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:w[4]||(w[4]=(...N)=>e.unref(b)&&e.unref(b)(...N)),class:"inline-flex cursor-pointer items-center gap-x-1.5 text-[13px] text-gray-800 underline underline-offset-4 hover:text-blue-600 focus:outline-none focus:text-blue-600 mt-1 px-2"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.less"))+" ",1),e.createVNode(Q)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.cleanable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.layout==="inline"?(e.openBlock(),e.createElementBlock("div",Dt,[e.createTextVNode(e.toDisplayString(t.multi&&Array.isArray(e.unref(i))?e.unref(i)?.length:e.unref(i)!==void 0&&(e.unref(i)||e.unref(i)===null)?1:0)+" / "+e.toDisplayString(e.unref(B))+" "+e.toDisplayString(e.unref(l)("filter.selected"))+" ",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:w[5]||(w[5]=(...N)=>e.unref(f)&&e.unref(f)(...N))},e.toDisplayString(e.unref(l)("filter.clear")),513),[[e.vShow,e.unref(i)!==""&&e.unref(i)!==void 0||e.unref(i)]])])):e.createCommentVNode("",!0),t.layout==="popover"?(e.openBlock(),e.createElementBlock("div",At,[e.createElementVNode("span",null,e.toDisplayString(t.multi&&Array.isArray(e.unref(i))?e.unref(i)?.length:e.unref(i)!==void 0&&(e.unref(i)||e.unref(i)===null)?1:0)+" / "+e.toDisplayString(e.unref(B))+" "+e.toDisplayString(e.unref(l)("filter.selected")),1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:w[6]||(w[6]=(...N)=>e.unref(f)&&e.unref(f)(...N))},e.toDisplayString(e.unref(l)("filter.clear")),513),[[e.vShow,e.unref(i)!==""&&e.unref(i)!==void 0||e.unref(i)]])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2))}}),jt=["for","onClick"],Mt=["id","name","value"],Rt={class:"block"},Lt={key:0,class:"flex justify-between p-2 border-t bg-gray-50 text-xs text-gray-500"},Tt={key:1,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},zt=e.defineComponent({__name:"tag-field",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=t,a=u,{innerValue:n,isSelected:d,selectItem:i,clear:s,labelKey:y,valueKey:r,allOptions:f}=l.multi?v({...l,modelValue:l.modelValue??l.default??[]},a):Y({...l,modelValue:l.modelValue!==void 0?l.modelValue:l.default??""},a);return o({clear:s}),e.watch(()=>l.modelValue,g=>{g===void 0&&(l.multi?n.value=[]:n.value=void 0)}),(g,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["grid grid-cols-3 gap-2 mx-[1px]",t.layout==="popover"?"m-1":"mb-1"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),V=>(e.openBlock(),e.createElementBlock("label",{key:`item-${V[e.unref(r)]}`,for:`item-${V[e.unref(r)]}`,onClick:e.withModifiers($=>e.unref(i)(V),["stop","prevent"]),class:e.normalizeClass([e.unref(d)(V)?"ring-2 ring-indigo-600":"","p-2.5 group relative flex justify-center items-center gap-x-12 text-center text-xs bg-white text-gray-800 border border-gray-200 cursor-pointer rounded-sm dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 peer-checked:text-indigo-600 dark:has-checked:text-indigo-500 peer-checked:border-indigo-600 dark:has-checked:border-indigo-500 peer-checked:ring peer-checked:shadow focus:ring dark:has-checked:ring-indigo-500 has-disabled:pointer-events-none has-disabled:text-gray-200 dark:has-disabled:text-neutral-700 has-disabled:after:absolute has-disabled:after:inset-0 has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-gray-200)_calc(50%-1px),var(--color-gray-200)_50%,transparent_50%)] dark:has-disabled:after:bg-[linear-gradient(to_right_bottom,transparent_calc(50%-1px),var(--color-neutral-700)_calc(50%-1px),var(--color-neutral-700)_50%,transparent_50%)]"])},[e.createElementVNode("input",{type:"checkbox",id:`item-${V[e.unref(r)]}`,class:"hidden w4poy border-gray-200 g41z1 g22e3 axcnw dark:text-indigo-500 dark:border-neutral-700 dark:focus:ring-neutral-900",name:`item-${V[e.unref(r)]}`,value:V[e.unref(r)]},null,8,Mt),e.createElementVNode("span",Rt,e.toDisplayString(V[e.unref(y)]),1)],10,jt))),128))],2),t.cleanable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.layout==="inline"?(e.openBlock(),e.createElementBlock("div",Lt,[e.createTextVNode(e.toDisplayString(t.multi&&Array.isArray(e.unref(n))?e.unref(n)?.length:e.unref(n)!==void 0&&(e.unref(n)||e.unref(n)===null)?1:0)+" з "+e.toDisplayString(e.unref(f).length)+" обрано ",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:b[0]||(b[0]=(...V)=>e.unref(s)&&e.unref(s)(...V))}," Очистити ",512),[[e.vShow,e.unref(n)!==""&&e.unref(n)!==void 0||e.unref(n)]])])):e.createCommentVNode("",!0),t.layout==="popover"?(e.openBlock(),e.createElementBlock("div",Tt,[e.createElementVNode("span",null,e.toDisplayString(t.multi&&Array.isArray(e.unref(n))?e.unref(n)?.length:e.unref(n)!==void 0&&(e.unref(n)||e.unref(n)===null)?1:0)+" з "+e.toDisplayString(e.unref(f).length)+" обрано",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:b[1]||(b[1]=(...V)=>e.unref(s)&&e.unref(s)(...V))}," Очистити ",512),[[e.vShow,e.unref(n)!==void 0&&e.unref(n)!==""||e.unref(n)]])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))}}),Kt=["disabled","title"],Ot={class:"flex w-full items-center justify-between gap-1 overflow-hidden text-left"},_t={class:"truncate text-ellipsis text-sm"},It={key:0,class:"inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-sm bg-blue-100 px-2 text-[11px] font-semibold text-blue-600"},Pt={class:"w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full"},Ut={class:"w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2"},J=e.defineComponent({__name:"popover-field",props:{disabled:{type:Boolean,default:!1},label:{},en:{},ua:{},uk:{},fr:{},de:{},es:{},currentValue:{},fieldRef:{},width:{},mode:{},layout:{}},setup(t,{expose:o}){const u=t,l=e.computed(()=>ae(u.mode)),a=e.ref(!1),n=e.ref({top:0,left:0}),d=e.ref(null),i=e.ref(null),s=e.ref(null);let y=null;function r(){const E=i.value,B=s.value;if(!E||!B)return;const S=E.getBoundingClientRect(),F=B.offsetWidth,p=B.offsetHeight,w=window.innerWidth,N=window.innerHeight,j=8;let C=S.bottom+j,{left:A}=S;const M=Math.max(w-F-10,10);if(A=Math.min(A,M),A=Math.max(A,10),C+p>N-10){const R=S.top-p-j;C=R>=10?R:Math.max(N-p-10,10)}C<10&&(C=10),n.value={top:C,left:A}}function f(){e.nextTick(()=>{r(),typeof window<"u"&&typeof window.requestAnimationFrame=="function"&&window.requestAnimationFrame(()=>r())})}function g(){a.value=!a.value,a.value&&(f(),e.nextTick(()=>{u.fieldRef?.inputTextRef&&u.fieldRef?.inputTextRef?.focus?.(),u.fieldRef?.loadData&&Promise.resolve(u.fieldRef?.loadData?.()).finally(()=>{a.value&&f()})}))}function b(E){!d.value?.contains(E.target)&&!s.value?.contains(E.target)&&!i.value?.contains(E.target)&&(a.value=!1)}function V(E){E.key==="Escape"&&(a.value=!1)}const $=e.ref(!1),k=e.ref("ua"),c=E=>{E.detail.key==="locale"&&(k.value=E.detail.newValue)};e.onMounted(()=>{$.value=!0,k.value=localStorage.locale,window.addEventListener("storage",c),document.addEventListener("click",b,!0),document.addEventListener("keydown",V),window.addEventListener("scroll",r,!0),window.addEventListener("resize",r,!0),typeof ResizeObserver<"u"&&(y=new ResizeObserver(()=>{a.value&&f()}))}),e.onBeforeUnmount(()=>{window.removeEventListener("storage",c),document.removeEventListener("click",b,!0),document.removeEventListener("keydown",V),window.removeEventListener("scroll",r,!0),window.removeEventListener("resize",r,!0),y?.disconnect(),y=null});function h(){a.value=!1}o({close:h}),e.watch([$,a,s],([E,B,S])=>{E&&B&&S&&(f(),y?.observe(S))});function m(E){return Array.isArray(E)?E.filter(B=>B!=null&&B!=="").length:E&&typeof E=="object"?Object.values(E).filter(B=>B!=null&&B!=="").length:typeof E=="string"?E.trim()===""?0:1:typeof E=="number"?Number.isNaN(E)?0:1:E===null||E!==void 0?1:0}const x=e.computed(()=>{const E=u.fieldRef?.selectedLabels,B=m(E);return B>0?B:m(u.currentValue)}),D=e.computed(()=>{const E=u.fieldRef?.selectedLabels;return!E||["inline"].includes(u.layout||"")?u[k.value]||(u.label??""):Array.isArray(E)?E.length>0?E.join(", "):u.label??"":String(E)});return(E,B)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:d},[e.createElementVNode("button",{onClick:g,disabled:t.disabled,ref_key:"triggerRef",ref:i,title:t.label,class:e.normalizeClass([l.value,t.width?e.unref(oe).getWidthClass(t.width):"w-full",t.layout==="inline"&&x.value>0?"border border-blue-400 bg-blue-50 text-blue-600":""]),type:"button"},[e.createElementVNode("span",Ot,[e.createElementVNode("span",_t,e.toDisplayString(D.value),1),t.layout==="inline"&&x.value>0?(e.openBlock(),e.createElementBlock("span",It,e.toDisplayString(x.value),1)):e.createCommentVNode("",!0)]),e.createVNode(P,{class:"h-4 w-4 text-neutral-500"})],10,Kt),$.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.withDirectives(e.createElementVNode("div",{ref_key:"popperRef",ref:s,class:"vsTailwind vs-popover__content w-fit fixed z-[1000]",style:e.normalizeStyle({top:`${n.value.top}px`,left:`${n.value.left}px`}),"data-inside-popover":""},[e.createElementVNode("div",Pt,[e.createElementVNode("div",Ut,[e.renderSlot(E.$slots,"default")])])],4),[[e.vShow,a.value]])])):e.createCommentVNode("",!0)],512))}}),qt={},Wt={xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[90deg]"};function Yt(t,o){return e.openBlock(),e.createElementBlock("svg",Wt,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M6 9l6 6l6 -6"},null,-1)])])}const Ht=z(qt,[["render",Yt]]),Qt={},Gt={xmlns:"http://www.w3.org/2000/svg",width:"15px",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down text-gray-800 rotate-[270deg]"};function Jt(t,o){return e.openBlock(),e.createElementBlock("svg",Gt,[...o[0]||(o[0]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M6 9l6 6l6 -6"},null,-1)])])}const Xt=z(Qt,[["render",Jt]]),Zt={class:"flex gap-1"},vt={class:"mb-1"},el={class:"mb-1"},tl={class:"inline-flex rounded-sm shrink-0 pl-1"},ll=["title"],nl={class:"inline-flex rounded-sm shrink-0 pl-1"},ol=["title"],rl={key:1,class:"flex gap-1 !w-[75%] rounded-sm"},al=["max","value","disabled"],il=["min","value","disabled"],fn={key:0,class:"flex justify-end items-center text-xs text-gray-500 p-1 border-t"},sl=e.defineComponent({__name:"date-input-inline",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=O(),a=t,n=u,d=e.ref(null),{activeMode:i,innerValue:s,onSelectChange:y,nextClick:r,prevClick:f,currentLabel:g,clear:b}=ie({...a,popoverRef:d},n);e.watch(()=>a.modelValue,k=>{k!==void 0?(s.value=k,n("update:modelValue",k)):(i.value="",s.value=[])}),e.watch(s,k=>{n("update:modelValue",k),n("change",{name:a.name,value:k})},{deep:!0});function V(k){const c=Array.isArray(s.value)?[...s.value]:[];s.value=[k,c[1]||""]}function $(k){const c=Array.isArray(s.value)?[...s.value]:[];s.value=[c[0]||"",k]}return o({clear:b,popoverRef:d}),(k,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Zt,[e.createVNode(J,{ref_key:"popoverRef",ref:d,label:e.unref(g),"current-value":e.unref(s),mode:t.mode,width:typeof t.width=="number"&&e.unref(s).length?t.width-70:t.width,onClear:e.unref(b),layout:t.layout,class:e.normalizeClass(t.itemClass)},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[0]||(c[0]=h=>e.unref(y)("range")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.period"))+" ",1),e.unref(i)==="range"?(e.openBlock(),e.createBlock(_,{key:0})):e.createCommentVNode("",!0)])]),c[12]||(c[12]=e.createElementVNode("div",null,[e.createElementVNode("div",{class:"pt-1 mt-1 border-t"})],-1)),e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[1]||(c[1]=h=>e.unref(y)("today")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.today"))+" ",1),e.unref(i)==="today"?(e.openBlock(),e.createBlock(_,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[2]||(c[2]=h=>e.unref(y)("week")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.week"))+" ",1),e.unref(i)==="week"?(e.openBlock(),e.createBlock(_,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[3]||(c[3]=h=>e.unref(y)("month")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.month"))+" ",1),e.unref(i)==="month"?(e.openBlock(),e.createBlock(_,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",null,[e.createElementVNode("button",{type:"button",onClick:c[4]||(c[4]=h=>e.unref(y)("quarter")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.quarter"))+" ",1),e.unref(i)==="quarter"?(e.openBlock(),e.createBlock(_,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",vt,[e.createElementVNode("button",{type:"button",onClick:c[5]||(c[5]=h=>e.unref(y)("year")),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.year"))+" ",1),e.unref(i)==="year"?(e.openBlock(),e.createBlock(_,{key:0})):e.createCommentVNode("",!0)])]),e.createElementVNode("div",el,[e.createElementVNode("button",{type:"button",onClick:c[6]||(c[6]=h=>e.unref(b)()),class:"flex items-center justify-between w-full px-4 py-2 text-sm text-left rounded-sm cursor-pointer filter-date__item hs-selected:bg-stone-100 text-stone-800 hover:bg-stone-100 focus:outline-none focus:bg-stone-100"},[e.createTextVNode(e.toDisplayString(e.unref(l)("filter.alltime"))+" ",1),e.unref(s)[0]?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_,{key:0}))])])]),_:1},8,["label","current-value","mode","width","onClear","layout","class"]),e.unref(i)!==""&&e.unref(i)!=="range"&&e.unref(i)!=="last_7_days"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",tl,[e.createElementVNode("button",{type:"button",title:e.unref(l)("filter.prev"),class:"inline-flex h-[38px] items-center px-2 text-sm text-gray-800 bg-gray-100 gap-x-2 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",onClick:c[7]||(c[7]=(...h)=>e.unref(f)&&e.unref(f)(...h))},[e.createVNode(Ht)],8,ll)]),e.createElementVNode("div",nl,[e.createElementVNode("button",{type:"button",title:e.unref(l)("filter.next"),class:"inline-flex h-[38px] items-center px-2 text-sm text-gray-800 gap-x-2 bg-gray-100 -ms-px first:rounded-s-lg first:ms-0 last:rounded-e-lg focus:z-10 hover:bg-gray-200 focus:bg-gray-200 duration-300",onClick:c[8]||(c[8]=(...h)=>e.unref(r)&&e.unref(r)(...h))},[e.createVNode(Xt)],8,ol)])],64)):e.createCommentVNode("",!0),e.unref(i)!==""&&e.unref(i)==="range"?(e.openBlock(),e.createElementBlock("div",rl,[e.createElementVNode("input",{type:"date",max:e.unref(s)[1],locale:"uk-UA",value:e.unref(s)[0],onInput:c[9]||(c[9]=h=>V(h.target.value)),class:"px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600",disabled:t.disabled},null,40,al),e.createElementVNode("input",{type:"date",min:e.unref(s)[0],locale:"uk-UA",value:e.unref(s)[1],onInput:c[10]||(c[10]=h=>$(h.target.value)),class:"px-2 p-0 border text-[12px] max-w-[calc(50%-5px)] h-[38px] rounded-sm focus:outline-blue-600 appearance-auto",disabled:t.disabled},null,40,il)])):e.createCommentVNode("",!0)]),(t.cleanable,e.createCommentVNode("",!0))],64))}}),cl={class:"flex flex-wrap items-center gap-2"},dl=["disabled","onClick"],ml={key:0,class:"flex justify-between items-center text-xs text-gray-500 p-1 border-t"},se={radio:Oe,checkbox:le,check:le,text:et,range:ct,date:wt,select:Ft,tag:zt,button:e.defineComponent({__name:"button-field",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=t,a=u,{innerValue:n,isSelected:d,selectItem:i,clear:s,labelKey:y,valueKey:r,allOptions:f}=Y({...l,modelValue:l.modelValue??l.default??""},a),g=e.computed(()=>n.value!==void 0&&!(typeof n.value=="string"&&n.value==="")),b=e.computed(()=>g.value?1:0);function V(k){return d(k)?["bg-blue-600 text-white"].filter(c=>typeof c=="string"&&c.trim().length>0).join(" "):["text-gray-700 hover:bg-gray-200 bg-gray-50 "].filter(c=>typeof c=="string"&&c.trim().length>0).join(" ")}function $(k){l.disabled||i(k)}return o({clear:s}),e.watch(()=>l.modelValue,k=>{k===void 0&&(n.value=void 0)}),(k,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",cl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),h=>(e.openBlock(),e.createElementBlock("button",{key:h[e.unref(r)],type:"button",class:e.normalizeClass(["px-3 py-2 text-sm font-medium rounded-md transition-colors",V(h)]),disabled:t.disabled,onClick:m=>$(h)},e.toDisplayString(h[e.unref(y)]),11,dl))),128))]),t.cleanable&&t.layout==="popover"?(e.openBlock(),e.createElementBlock("div",ml,[e.createElementVNode("span",null,e.toDisplayString(b.value)+" з "+e.toDisplayString(e.unref(f).length)+" обрано",1),e.withDirectives(e.createElementVNode("button",{class:"text-gray-600 hover:text-gray-800",onClick:c[0]||(c[0]=(...h)=>e.unref(s)&&e.unref(s)(...h))}," Очистити ",512),[[e.vShow,g.value]])])):e.createCommentVNode("",!0)],64))}}),"date:inline":sl};function X(t,o){let u;switch(t.toLowerCase()){case"autocomplete":u="select";break;case"check":u="checkbox";break;default:u=t?.toString().toLowerCase()}return u==="date"&&o&&o==="inline"&&(u="date:inline"),{component:se[u]||se.text,type:u}}const fl={style:{display:"inline-flex",margin:"0px",width:"100%"}},ul={class:"relative w-full mb-2 p-4 bg-white rounded-md shadow-sm"},pl={class:"block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200"},yl={class:"flex items-center"},gl={class:"text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1"},hl={class:"filter-layout__body"},xl=e.defineComponent({__name:"vertical-layout",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=t,a=u,n=e.ref(),d=e.computed(()=>X(l.type,l.layout)),i=e.computed({get:()=>l.modelValue,set:f=>a("update:modelValue",f)});function s(f){a("clear",f)}function y(f,g){a("change",{name:f,value:g}),l.modelValue!==void 0&&a("update:modelValue",g)}function r(){n.value?.clear?.(),a("clear",l.name)}return e.watch(()=>l.default,f=>{i.value=f}),e.watch(()=>l.modelValue,f=>{i.value=f}),o({filterRef:n}),(f,g)=>(e.openBlock(),e.createElementBlock("div",fl,[e.createElementVNode("div",ul,[e.createElementVNode("div",pl,[e.createElementVNode("div",yl,[e.createElementVNode("span",gl,e.toDisplayString(t.label),1)]),typeof i.value=="string"&&i.value.trim()!==""||Array.isArray(i.value)&&i.value.length>0&&i.value.some(b=>b!==void 0)||i.value===null?(e.openBlock(),e.createBlock(ge,{key:0,onClick:r})):e.createCommentVNode("",!0)]),e.createElementVNode("div",hl,[d.value?.type!=="select"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value?.component),e.mergeProps({key:0},l,{type:d.value?.type,class:l.itemClass,onChange:g[0]||(g[0]=b=>y(b.name,b.value)),onClear:g[1]||(g[1]=b=>s(b)),ref_key:"filterRef",ref:n}),null,16,["type","class"])):(e.openBlock(),e.createBlock(J,{key:1,"current-value":i.value,label:t.label,mode:t.mode,onClear:r,fieldRef:n.value,width:void 0,disabled:t.disabled,layout:"vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value?.component),e.mergeProps({ref_key:"filterRef",ref:n},l,{type:d.value?.type,class:l.itemClass,onChange:g[2]||(g[2]=b=>y(b.name,b.value)),onClear:g[3]||(g[3]=b=>s(b))}),null,16,["type","class"]))]),_:1},8,["current-value","label","mode","fieldRef","disabled"]))])])]))}}),ce=e.defineComponent({__name:"inline-layout",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=t,a=u,n=e.ref(),d=e.computed(()=>X(l.type,l.layout)),i=e.computed({get:()=>l.modelValue,set:r=>a("update:modelValue",r)});function s(r=l.name){a("clear",r)}function y(r,f){a("change",{name:r,value:f}),l.modelValue!==void 0&&a("update:modelValue",f)}return e.watch(()=>l.default,r=>{i.value=r}),e.watch(()=>l.modelValue,r=>{i.value=r}),o({filterRef:n}),(r,f)=>["text","date","button"].includes(t.type.toLocaleLowerCase())?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value?.component),e.mergeProps({key:0},l,{type:d.value?.type,class:t.itemClass,onChange:f[0]||(f[0]=g=>y(g.name,g.value)),onClear:f[1]||(f[1]=g=>s(g)),disabled:t.disabled,modelValue:i.value,"onUpdate:modelValue":f[2]||(f[2]=g=>i.value=g)}),null,16,["type","class","disabled","modelValue"])):(e.openBlock(),e.createBlock(J,{key:1,"current-value":i.value,label:t.label,mode:t.mode,onClear:s,fieldRef:n.value,width:l.width,disabled:t.disabled,layout:"inline"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value?.component),e.mergeProps({ref_key:"filterRef",ref:n},l,{modelValue:i.value,"onUpdate:modelValue":f[3]||(f[3]=g=>i.value=g),type:d.value?.type,class:l.itemClass,onChange:f[4]||(f[4]=g=>y(g.name,g.value)),onClear:f[5]||(f[5]=g=>s(g))}),null,16,["modelValue","type","class"]))]),_:1},8,["current-value","label","mode","fieldRef","width","disabled"]))}}),bl=e.defineComponent({__name:"popover-layout",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean},layout:{},cleanable:{type:Boolean},limit:{},multi:{type:Boolean},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=t,a=u,n=e.ref(),d=e.computed(()=>X(l.type,l.layout)),i=e.computed({get:()=>l.modelValue,set:r=>a("update:modelValue",r)});function s(r){a("clear",r)}function y(r,f){a("change",{name:r,value:f}),l.modelValue!==void 0&&a("update:modelValue",f)}return e.watch(()=>l.default,r=>{i.value=r}),e.watch(()=>l.modelValue,r=>{i.value=r}),e.watch(()=>l,r=>{i.value=r}),o({filterRef:n}),(r,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value?.component),e.mergeProps(l,{type:d.value?.type,class:l.itemClass,modelValue:i.value,"onUpdate:modelValue":f[0]||(f[0]=g=>i.value=g),onChange:f[1]||(f[1]=g=>y(g.name,g.value)),onClear:f[2]||(f[2]=g=>s(g)),ref_key:"filterRef",ref:n}),null,16,["type","class","modelValue"]))}}),K=e.defineComponent({__name:"filter-field",props:{id:{},name:{},title:{},type:{},label:{},width:{},options:{default:()=>[]},placeholder:{},api:{},data:{},default:{},modelValue:{},disabled:{type:Boolean,default:!1},layout:{default:"inline"},cleanable:{type:Boolean},limit:{default:10},multi:{type:Boolean,default:!0},dataKey:{},valueKey:{},mode:{},labelKey:{},sort:{default:"name"},ua:{},itemClass:{}},emits:["update:modelValue","change","clear"],setup(t,{expose:o,emit:u}){const l=t,a=u,n=e.ref(),d=e.computed({get:()=>l.modelValue,set:r=>a("update:modelValue",r)});function i(r){a("clear",r)}function s(r,f){a("change",{name:r,value:f}),l.modelValue!==void 0&&a("update:modelValue",f)}e.watch(()=>l.default,r=>{d.value=r}),e.watch(()=>l.modelValue,r=>{d.value=r}),o({filterRef:n});function y(){switch(l.layout){case"inline":return ce;case"vertical":return xl;case"popover":return bl;default:return ce}}return(r,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y()),e.mergeProps(l,{onChange:f[0]||(f[0]=g=>s(g.name,g.value)),onClear:f[1]||(f[1]=g=>i(g)),modelValue:d.value,"onUpdate:modelValue":f[2]||(f[2]=g=>d.value=g)}),null,16,["modelValue"]))}});function U(t,o){const{slots:u}=t,l=c=>c?JSON.parse(JSON.stringify(e.toRaw(c))):{},a=e.ref(l(t.value));e.watch(()=>t.value,c=>{a.value=l(c)},{deep:!0,immediate:!0});const n=e.computed(()=>(e.toRaw(u?.default?.())??[]).flatMap(h=>Array.isArray(h.children)?h.children:[h]));function d(c){delete a.value[c],o("clear",{data:e.toRaw(a.value),name:c})}function i(c,h){h===void 0?d(c):a.value={...a.value,[c]:h},o("change",{data:e.toRaw(a.value),name:c,value:h})}const s=e.computed(()=>n.value.map(c=>{const h=c.props?.name;return e.cloneVNode(c,{...c.props,layout:t.view,showClean:!0,modelValue:a.value[h],"onUpdate:modelValue":m=>{i(h,m)},onClear:()=>d(h),class:[t.itemClass,c.props?.class],itemClass:[t.itemClass,c.props?.itemClass].filter(m=>typeof m=="string"&&m.trim().length>0).join(" ")||void 0})})),y=e.computed(()=>new Map(s.value.map(c=>{const h=c.props?.name;return h?[h,c]:null}).filter(c=>c!==null)));function r(c=!1){a.value={},c||o("clearAll",{data:e.toRaw(a.value),name:"ALL"})}const f=e.ref(""),g=e.computed(()=>t.schema?.value?Object.entries(a.value).filter(([c,h])=>t.schema&&!(c in t.schema.value)?!1:Array.isArray(h)?h.some(m=>m!==""&&m!==void 0):h!==""&&h!==void 0).length:0),b=e.ref();e.watch(f,async()=>{await e.nextTick(),b?.value?.filterRef?.inputTextRef&&b.value.filterRef.inputTextRef.focus()});const V=e.computed(()=>t.schema?.value?Object.fromEntries(Object.entries(t.schema?.value).slice(0,t.limit)):{}),$=e.computed(()=>{if(s.value.length===0)return[];let c=0;if(t.schema?.value){const h=Object.entries(t.schema.value).length;t.limit&&h<t.limit?c=t.limit-h:c=0}return s.value.slice(0,c)}),k=e.computed(()=>s.value.length===0?[]:t.view!=="inline"?s.value:s.value.slice($.value.length));return{activeFilter:a,activeFilterCount:g,onFilterChange:i,clearFilter:d,clearAllFilters:r,limitedSchema:V,filtersSlot:s,limitedFiltersSlot:$,popoverFiltersSlot:k,vnodeMap:y,selectedFilter:f,filterRef:b}}const kl=e.defineComponent({__name:"popover",emits:["open","close"],setup(t,{emit:o}){const u=e.ref(!1),l=e.ref(null),a=e.ref(null),n=e.ref(null),d=e.ref({top:"0px",left:"0px",position:"absolute"}),i=e.ref(!1);function s(){u.value=!u.value}function y(){const V=n.value,$=l.value;if(!V||!$)return;const{left:k,bottom:c}=V.getBoundingClientRect();requestAnimationFrame(()=>{if(!$)return;const{width:h}=$.getBoundingClientRect(),m=$.offsetWidth||h,x=window.innerWidth||document.documentElement.clientWidth,D=x-k;let E=k;m>D&&(E=x-m-18),E<18&&(E=18);const B=x-m-18;E>B&&(E=Math.max(18,B)),d.value={position:"fixed",top:`${c+18}px`,left:`${E}px`},i.value=!0})}const r=e.computed(()=>Object.entries(d.value).map(V=>V.join(":")).join(";"));function f(V){const $=V.target;!n.value?.contains(V.target)&&!l.value?.contains(V.target)&&!$.closest("[data-inside-popover]")&&(u.value=!1)}const g=e.ref(!1);e.onMounted(()=>{g.value=!0}),e.onMounted(()=>{n.value=a.value?.querySelector("[data-popover-trigger]")||null,n.value?.addEventListener("click",s),document.addEventListener("click",f),window.addEventListener("resize",y),window.addEventListener("scroll",y,!0)}),e.onBeforeUnmount(()=>{n.value?.removeEventListener("click",s),document.removeEventListener("click",f),window.removeEventListener("resize",y),window.removeEventListener("scroll",y,!0)});const b=o;return e.watch(u,async V=>{V?(i.value=!1,b("open"),await e.nextTick(),requestAnimationFrame(()=>{y()})):(b("close"),i.value=!1)}),(V,$)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:a},[e.renderSlot(V.$slots,"trigger"),g.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.withDirectives(e.createElementVNode("div",{ref_key:"popoverRef",ref:l,class:"fixed z-[50] w-[calc(100vw-32px)] md:w-[600px] rounded-md border bg-white shadow-md transition-opacity duration-0",style:e.normalizeStyle([r.value,{visibility:i.value?"visible":"hidden",opacity:i.value?1:0}])},[e.renderSlot(V.$slots,"default")],4),[[e.vShow,u.value]])])):e.createCommentVNode("",!0)],512))}}),wl={},Vl={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-filter h-4 w-4"};function Cl(t,o){return e.openBlock(),e.createElementBlock("svg",Vl,[...o[0]||(o[0]=[e.createElementVNode("polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"},null,-1)])])}const de=z(wl,[["render",Cl]]),Bl={class:"flex items-center gap-2 overflow-hidden"},El={key:0,class:"inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-[4px] bg-blue-500 px-1 text-[11px] font-semibold text-white"},Nl={class:"flex max-h-[400px] md:max-h-[400px]"},Sl={class:"w-[150px] sm:w-[180px] md:w-64 border-r border-gray-200 overflow-y-auto"},$l={class:"p-2 md:p-4 border-b"},Dl={class:"text-xs md:text-sm text-gray-600"},Al={class:"p-1 md:p-2"},Fl=["onClick"],jl={class:"flex items-center gap-1.5 md:gap-2"},Ml={class:"text-xs md:text-sm font-medium line-clamp-3"},Rl={key:0,class:"inline-flex min-h-[16px] md:min-h-[18px] min-w-[16px] md:min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-0.5 md:px-1 text-[10px] md:text-[11px] font-semibold text-blue-600 flex-shrink-0"},Ll=["onClick"],Tl={class:"flex items-center gap-1.5 md:gap-2"},zl={class:"text-xs md:text-sm font-medium truncate"},Kl={key:0,class:"inline-flex min-h-[16px] md:min-h-[18px] min-w-[16px] md:min-w-[18px] items-center justify-center rounded-[4px] bg-blue-100 px-0.5 md:px-1 text-[10px] md:text-[11px] font-semibold text-blue-600 flex-shrink-0"},Ol={key:0,class:"p-1 md:p-2 border-t"},_l={class:"flex-1 min-h-[250px] md:min-h-[300px] overflow-y-auto"},Il={key:0,class:"flex items-center justify-center h-full text-gray-500"},Pl={class:"text-xs md:text-sm"},me=e.defineComponent({__name:"popover-filter-layout",props:{badgeCount:{},schema:{},view:{},value:{},history:{type:Boolean},mode:{},limit:{default:3},width:{},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(t,{expose:o,emit:u}){const l=O(),a=t,n=ae(a.mode),d=e.useSlots(),i=u,s=e.ref({}),y=e.computed(()=>s?.value?a.view!=="inline"?s?.value:Object.fromEntries(Object.entries(s?.value).slice(a.limit)):{}),{activeFilter:r,activeFilterCount:f,onFilterChange:g,clearFilter:b,clearAllFilters:V,popoverFiltersSlot:$,selectedFilter:k,filterRef:c}=U({...a,schema:s,slots:d},i),h=e.computed(()=>a.badgeCount??f.value);function m(E){return Array.isArray(E)?E.filter(B=>B!=null&&B!=="").length:E&&typeof E=="object"?Object.values(E).filter(B=>B!=null&&B!=="").length:E===null||E!==void 0&&E!==""?1:0}function x(E){return r.value?m(r.value[E]):0}function D(){if(y.value){const[E]=Object.keys(y.value);k.value=E}else $.value.length>0?k.value=$.value[0].props.name:k.value=""}return e.watch(()=>a.schema,E=>{s.value=E??{}},{deep:!0,immediate:!0}),o({clearFilter:b,clearAllFilters:V}),(E,B)=>(e.openBlock(),e.createBlock(kl,{onOpen:D,onClose:B[5]||(B[5]=S=>k.value="")},{trigger:e.withCtx(()=>[e.createElementVNode("button",{"data-popover-trigger":"","aria-haspopup":"dialog","aria-expanded":"false",class:e.normalizeClass([t.itemClass,e.unref(n),"flex items-center justify-between gap-2",h.value>0?"border border-blue-400 bg-blue-50 text-blue-600 hover:border-blue-500":"text-neutral-700 hover:border-neutral-400"]),type:"button"},[e.createElementVNode("span",Bl,[e.createVNode(de,{class:"h-4 w-4"}),B[6]||(B[6]=e.createElementVNode("span",{class:"text-sm font-medium"},"Фільтр",-1))]),h.value>0?(e.openBlock(),e.createElementBlock("span",El,e.toDisplayString(h.value),1)):e.createCommentVNode("",!0)],2)]),default:e.withCtx(()=>[e.createElementVNode("div",Nl,[e.createElementVNode("div",Sl,[e.createElementVNode("div",$l,[e.createElementVNode("p",Dl,e.toDisplayString(e.unref(l)("filter.selectFieldHelp")),1)]),e.createElementVNode("div",Al,[t.schema?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Object.entries(y.value),([S,F])=>(e.openBlock(),e.createElementBlock("button",{key:S,onClick:()=>{k.value=S},class:e.normalizeClass(["flex w-full items-center justify-between px-2 md:px-3 py-1.5 md:py-2 text-left transition-colors hover:bg-gray-50",e.unref(k)===S?"bg-blue-50 text-blue-700 border-l-2 border-blue-500":"text-neutral-700"])},[e.createElementVNode("div",jl,[e.createElementVNode("span",Ml,e.toDisplayString(F.label),1)]),x(S)>0?(e.openBlock(),e.createElementBlock("div",Rl,e.toDisplayString(x(S)),1)):e.createCommentVNode("",!0)],10,Fl))),128)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref($),(S,F)=>(e.openBlock(),e.createElementBlock("button",{key:"slot-"+F,onClick:p=>k.value=S.props.name,class:e.normalizeClass(["flex items-center justify-between px-2 md:px-3 py-1.5 md:py-2 text-left transition-colors hover:bg-gray-50",e.unref(k)===S.props.name?"bg-blue-50 text-blue-700 border-l-2 border-blue-500":"text-neutral-700"])},[e.createElementVNode("div",Tl,[e.createElementVNode("span",zl,e.toDisplayString(S.props.label),1)]),x(S.props.name)>0?(e.openBlock(),e.createElementBlock("div",Kl,e.toDisplayString(x(S.props.name)),1)):e.createCommentVNode("",!0)],10,Ll))),128))]),e.unref(f)>0?(e.openBlock(),e.createElementBlock("div",Ol,[e.createElementVNode("button",{class:e.normalizeClass([t.itemClass,"w-full px-2 md:px-3 py-1.5 md:py-2 text-left text-xs md:text-sm text-gray-600 hover:bg-gray-50 transition-colors"]),onClick:B[0]||(B[0]=S=>e.unref(V)()),"data-inside-popover":""}," Очистити всі ",2)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",_l,[e.unref(k)===""?(e.openBlock(),e.createElementBlock("div",Il,[e.createElementVNode("p",Pl,e.toDisplayString(e.unref(l)("filter.selectFieldHelp")),1)])):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[y.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Object.entries(y.value),([S,F])=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(k)===S?(e.openBlock(),e.createBlock(K,e.mergeProps({key:S,layout:"popover",ref_for:!0,ref_key:"filterRef",ref:c},{ref_for:!0},F,{class:[t.itemClass,F?.class],"item-class":[t.itemClass,F?.itemClass].filter(Boolean).join(" ")||void 0,onChange:B[1]||(B[1]=p=>e.unref(g)(p.name,p.value)),onClear:B[2]||(B[2]=p=>{e.unref(b)(p),e.unref(g)(p,void 0)}),modelValue:e.unref(r)[S],"onUpdate:modelValue":p=>e.unref(r)[S]=p,cleanable:!0}),null,16,["class","item-class","modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref($),(S,F)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"slot-"+F},[e.unref(k)===S.props.name?(e.openBlock(),e.createBlock(K,e.mergeProps({key:0,layout:"popover"},{ref_for:!0},S.props,{ref_for:!0,ref_key:"filterRef",ref:c,class:[t.itemClass,S.props?.class],"item-class":[t.itemClass,S.props?.itemClass].filter(Boolean).join(" ")||void 0,onChange:B[3]||(B[3]=p=>e.unref(g)(p.name,p.value)),onClear:B[4]||(B[4]=p=>{e.unref(b)(p),e.unref(g)(p,void 0)}),modelValue:e.unref(r)[S.props.name],"onUpdate:modelValue":p=>e.unref(r)[S.props.name]=p,cleanable:!0}),null,16,["class","item-class","modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64))),128))],64)):e.createCommentVNode("",!0)])])]),_:1}))}}),Ul={class:"flex gap-1 items-center flex-wrap"},fe=e.defineComponent({__name:"inline-filter-layout",props:{schema:{},view:{},value:{},history:{type:Boolean},mode:{},limit:{default:3},width:{},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(t,{expose:o,emit:u}){const l=O(),a=t,n=u,d=e.useSlots(),i=e.ref({}),s=e.computed(()=>Object.keys(a.schema).length>a.limit),{activeFilter:y,activeFilterCount:r,onFilterChange:f,clearFilter:g,clearAllFilters:b,limitedSchema:V,filtersSlot:$,limitedFiltersSlot:k}=U({...a,schema:i,slots:d},n);function c(B){return Array.isArray(B)?B.some(S=>S!==""&&S!==void 0&&S!==null):B===null?!0:B&&typeof B=="object"?Object.values(B).some(S=>S!==""&&S!==void 0&&S!==null):B!==""&&B!==void 0}const h=e.computed(()=>{const B=Object.keys(V.value??{}),S=k.value.map(F=>F.props?.name).filter(F=>typeof F=="string");return new Set([...B,...S])}),m=e.computed(()=>Object.entries(y.value??{}).filter(([B,S])=>h.value.has(B)&&c(S)).length),x=e.computed(()=>{const B=r.value??0,S=m.value??0;return Math.max(B-S,0)}),D=e.ref();function E(){D.value&&D.value.clearAllFilters(!0),b()}return e.watch(()=>a.schema,B=>{i.value=B},{deep:!0,immediate:!0}),o({clearFilter:g,clearAllFilters:b}),(B,S)=>(e.openBlock(),e.createElementBlock("div",Ul,[t.schema?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Object.entries(e.unref(V)),([F,p])=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:F,mode:t.mode,width:t.width?t.width:p?.width},{ref_for:!0},p,{class:[t.itemClass,p?.class],"item-class":[t.itemClass,p?.itemClass].filter(Boolean).join(" ")||void 0,onChange:S[0]||(S[0]=w=>e.unref(f)(w.name,w.value)),onClear:e.unref(g),layout:"inline",cleanable:!0,modelValue:e.unref(y)[F],"onUpdate:modelValue":w=>e.unref(y)[F]=w}),null,16,["mode","width","class","item-class","onClear","modelValue","onUpdate:modelValue"]))),128)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(F,p)=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:"slot-"+p,layout:"inline"},{ref_for:!0},F.props,{class:[t.itemClass,F.props?.class],"item-class":[t.itemClass,F.props?.itemClass].filter(Boolean).join(" ")||void 0,onChange:S[1]||(S[1]=w=>e.unref(f)(w.name,w.value)),onClear:S[2]||(S[2]=w=>{e.unref(g)(w),e.unref(f)(w,void 0)}),cleanable:!0,modelValue:e.unref(y)[F.props.name],"onUpdate:modelValue":w=>e.unref(y)[F.props.name]=w}),null,16,["class","item-class","modelValue","onUpdate:modelValue"]))),128)),s.value?(e.openBlock(),e.createBlock(me,e.mergeProps({key:1},a,{schema:t.schema,limit:t.limit,onChange:S[3]||(S[3]=F=>e.unref(f)(F.name,F.value)),onClearAll:S[4]||(S[4]=F=>e.unref(b)()),onClear:S[5]||(S[5]=F=>e.unref(g)(F.name)),mode:t.mode,ref_key:"popoverRef",ref:D,cleanable:!0,"badge-count":x.value}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref($),(F,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F),e.mergeProps({key:"slot-"+p,layout:"popover"},{ref_for:!0},F.props,{cleanable:!0}),null,16))),128))]),_:1},16,["schema","limit","mode","badge-count"])):e.createCommentVNode("",!0),e.unref(r)>0?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:E,class:e.normalizeClass([t.itemClass,"relative py-2 px-3 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md bg-gray-50 border text-gray-800 hover:bg-gray-200 focus:bg-gray-200"])},e.toDisplayString(e.unref(l)("filter.clear")),3)):e.createCommentVNode("",!0)]))}}),ql={key:0,class:"p-2 overflow-y-auto overflow-hidden [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 max-h-[calc(100%-142px)] h-full bg-gray-100"},Wl={class:"flex items-center vst-filters vsTailwind flex-col w-full"},Yl=e.defineComponent({__name:"vertical-filter-layout",props:{schema:{},view:{},value:{},history:{type:Boolean},mode:{},limit:{default:3},width:{},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(t,{expose:o,emit:u}){const l=t,a=u,n=e.useSlots(),{activeFilter:d,activeFilterCount:i,onFilterChange:s,clearFilter:y,clearAllFilters:r,filtersSlot:f}=U({...l,slots:n},a);return o({clearFilter:y,clearAllFilters:r}),(g,b)=>t.view==="vertical"?(e.openBlock(),e.createElementBlock("div",ql,[e.createElementVNode("div",Wl,[e.unref(i)>0?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:b[0]||(b[0]=V=>e.unref(r)()),"data-popover-trigger":"","aria-haspopup":"dialog","aria-expanded":"false",class:e.normalizeClass([t.itemClass,"w-full ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground border h-10 px-4 py-2 gap-2 m-2 bg-white text-gray-800 hover:bg-gray-200 focus:bg-gray-200"]),type:"button"}," Очистити ",2)):e.createCommentVNode("",!0),t.schema?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Object.entries(t.schema),([V,$])=>(e.openBlock(),e.createBlock(K,e.mergeProps({layout:"vertical"},{ref_for:!0},$,{class:[t.itemClass,$?.class],"item-class":[t.itemClass,$?.itemClass].filter(Boolean).join(" ")||void 0,onChange:b[1]||(b[1]=k=>e.unref(s)(k.name,k.value)),onClear:b[2]||(b[2]=k=>{e.unref(y)(k),e.unref(s)(k,void 0)}),modelValue:e.unref(d)[V],"onUpdate:modelValue":k=>e.unref(d)[V]=k,showClean:!0}),null,16,["class","item-class","modelValue","onUpdate:modelValue"]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),(V,$)=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:"slot-"+$,layout:"vertical"},{ref_for:!0},V.props,{class:[t.itemClass,V.props?.class],"item-class":[t.itemClass,V.props?.itemClass].filter(Boolean).join(" ")||void 0,onChange:b[3]||(b[3]=k=>e.unref(s)(k.name,k.value)),onClear:b[4]||(b[4]=k=>{e.unref(y)(k),e.unref(s)(k,void 0)}),modelValue:e.unref(d)[V.props.name],"onUpdate:modelValue":k=>e.unref(d)[V.props.name]=k,showClean:!0}),null,16,["class","item-class","modelValue","onUpdate:modelValue"]))),128))])])):e.createCommentVNode("",!0)}}),Hl=["onKeydown"],Ql=["disabled"],Gl={key:0,class:"ml-2 inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-full bg-blue-500 px-1.5 text-[11px] font-semibold text-white"},Jl={class:"rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm"},Xl={class:"mb-3 flex items-center justify-between"},Zl={class:"text-[15px] font-semibold text-slate-800"},vl={"aria-hidden":"true"},en={class:"flex max-h-80 flex-col gap-1 overflow-y-auto"},tn={key:0,class:"mt-3 flex justify-end"},ln=e.defineComponent({__name:"popover-inline-filter-layout",props:{schema:{},view:{},value:{},history:{type:Boolean},mode:{},limit:{default:10},width:{default:220},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(t,{emit:o}){const u=O(),l=t,a=o,n=e.ref({}),d=e.useSlots(),{activeFilter:i,activeFilterCount:s,onFilterChange:y,clearFilter:r,clearAllFilters:f,filtersSlot:g}=U({...l,schema:n.value,slots:d},a),b=e.ref(null),V=e.ref(null),$=e.reactive({open:!1,top:0,left:0}),k=e.computed(()=>$.open),c=e.computed(()=>!!l.disabled),h=e.computed(()=>n.value||{}),m=e.computed(()=>l.title??"Фільтр"),x=e.computed(()=>!!d.trigger),D=e.computed(()=>["inline-flex h-9 items-center justify-center gap-2 rounded-lg border border-transparent bg-slate-200/70 px-3 text-sm font-medium text-slate-700 transition-colors hover:bg-blue-100 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-slate-200/70 disabled:hover:text-slate-700",c.value?"cursor-not-allowed opacity-60":"cursor-pointer"]),E=e.computed(()=>$.open?{position:"absolute",top:`${$.top}px`,left:`${$.left}px`,transform:"translateX(-50%)",zIndex:1e3}:{display:"none"});function B(){$.open=!1}function S(){if(!b.value)return;const j=b.value.getBoundingClientRect();$.top=j.bottom+window.scrollY+8,$.left=j.left+j.width/2+window.scrollX}function F(){$.open=!$.open,$.open&&e.nextTick(S)}function p(){c.value||F()}function w(){$.open&&S()}function N(){f()}return e.onMounted(()=>{window.addEventListener("resize",w),window.addEventListener("scroll",w,!0)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",w),window.removeEventListener("scroll",w,!0)}),e.watch(()=>l.schema,j=>{if(!j){n.value={};return}if(Array.isArray(j)){const C=j.filter(A=>A&&(A.name||A.id)).map(A=>{const M=A.name||A.id;return[M,{...A,name:M}]});n.value=Object.fromEntries(C);return}n.value=j},{deep:!0,immediate:!0}),e.watch(()=>l.disabled,j=>{j&&B()}),(j,C)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-flex",ref_key:"anchor",ref:b},[x.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["inline-flex",c.value?"cursor-not-allowed opacity-60 pointer-events-none":"cursor-pointer"]),role:"button",tabindex:"0","data-popover-trigger":"",onClick:e.withModifiers(p,["prevent","stop"]),onKeydown:[e.withKeys(e.withModifiers(p,["prevent","stop"]),["enter"]),e.withKeys(e.withModifiers(p,["prevent","stop"]),["space"])]},[e.renderSlot(j.$slots,"trigger",{toggle:p,open:k.value,disabled:c.value,activeCount:e.unref(s)})],42,Hl)):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(D.value),type:"button",disabled:c.value,onClick:e.withModifiers(p,["prevent","stop"]),"data-popover-trigger":""},[e.createVNode(de,{class:"h-4 w-4"}),e.unref(s)>0?(e.openBlock(),e.createElementBlock("div",Gl,e.toDisplayString(e.unref(s)),1)):e.createCommentVNode("",!0)],10,Ql)),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute",typeof t.width=="number"?`min-w-[${t.width+32+(Object.keys(h.value).length>7?20:0)}px]`:"min-w-[268px] "]),style:e.normalizeStyle(E.value),ref_key:"panel",ref:V,onClick:C[4]||(C[4]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Jl,[e.createElementVNode("div",Xl,[e.createElementVNode("h3",Zl,e.toDisplayString(m.value),1),e.createElementVNode("button",{type:"button",class:"inline-flex h-6 w-6 items-center justify-center rounded-full border-0 bg-slate-300/40 text-slate-600 transition-colors hover:bg-blue-200/60 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-200",onClick:B},[e.createElementVNode("span",vl,[e.createVNode(G,{class:"h-4 w-4"})]),C[5]||(C[5]=e.createElementVNode("span",{class:"sr-only"},"Закрити",-1))])]),e.createElementVNode("div",en,[Object.keys(h.value).length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Object.entries(h.value),([A,M])=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:A},{ref_for:!0},{...M,layout:"inline"},{width:t.width?t.width:M?.width,class:[t.itemClass,M?.class],"item-class":[t.itemClass,M?.itemClass].filter(Boolean).join(" ")||void 0,cleanable:!0,modelValue:e.unref(i)[A],"onUpdate:modelValue":R=>e.unref(i)[A]=R,onChange:C[0]||(C[0]=R=>e.unref(y)(R.name,R.value)),onClear:C[1]||(C[1]=R=>{e.unref(r)(R),e.unref(y)(R,void 0)})}),null,16,["width","class","item-class","modelValue","onUpdate:modelValue"]))),128)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),(A,M)=>(e.openBlock(),e.createBlock(K,e.mergeProps({key:"slot-"+M,ref_for:!0},{...A.props,layout:"inline"},{class:[t.itemClass,A.props?.class],"item-class":[t.itemClass,A.props?.itemClass].filter(Boolean).join(" ")||void 0,cleanable:!0,modelValue:e.unref(i)[A.props.name],"onUpdate:modelValue":R=>e.unref(i)[A.props.name]=R,onChange:C[2]||(C[2]=R=>e.unref(y)(R.name,R.value)),onClear:C[3]||(C[3]=R=>{e.unref(r)(R),e.unref(y)(R,void 0)})}),null,16,["class","item-class","modelValue","onUpdate:modelValue"]))),128))]),e.unref(s)>0?(e.openBlock(),e.createElementBlock("div",tn,[e.createElementVNode("button",{type:"button",class:e.normalizeClass([t.itemClass,"text-sm font-semibold text-blue-600 transition-colors hover:text-blue-700 focus:outline-none"]),onClick:N},e.toDisplayString(e.unref(u)("filter.clear")),3)])):e.createCommentVNode("",!0)])],6)):e.createCommentVNode("",!0)]))],512))}}),nn={class:"mb-6 flex flex-wrap gap-2"},on=["onClick"],rn={class:"mr-2 flex items-center gap-1"},an={class:"font-semibold"},sn={class:"text-xs text-gray-500"},q=e.defineComponent({__name:"filter",props:{schema:{},view:{default:"inline"},value:{},history:{type:Boolean},mode:{},limit:{default:3},width:{},title:{},disabled:{type:Boolean},defaultPanelWidth:{},itemClass:{},teleportActive:{}},emits:["change","clear","clearAll"],setup(t,{expose:o,emit:u}){const l=t,a=e.useAttrs(),n=e.computed(()=>({...l,...a})),d=e.ref(r(l.value??{}));e.watch(()=>l.value,async p=>{d.value=r(p??{}),(!p||Object.keys(p).length===0)&&(await e.nextTick(),s.value?.clearAllFilters?.(!0))},{deep:!0,immediate:!0});const i=u,s=e.ref(),y=e.useSlots();function r(p){if(Array.isArray(p))return p.map(w=>r(w));if(p!==null&&typeof p=="object"){const w=e.toRaw(p),N={};for(const j in w)N[j]=r(w[j]);return N}return p}function f(p,w){w!==void 0?d.value={...d.value,[p]:w}:delete d.value[p],i("change",{data:r(d.value),name:p,value:r(w)})}function g(p){delete d.value[p],i("clear",{data:r(d.value),name:p}),i("change",{data:r(d.value),name:p,value:null})}function b(){d.value={},i("clear",{data:r(d.value),name:"ALL"}),i("change",{data:r(d.value),name:"ALL",value:null})}const V=e.ref({}),$=e.computed(()=>l.teleportActive);function k(){switch(l.view){case"inline":return fe;case"vertical":return Yl;case"popover":return me;case"popover-inline":return ln;default:return fe}}e.watch(()=>l.schema,p=>{if(!p){V.value={};return}if(Array.isArray(p)&&!p.length){V.value={};return}Array.isArray(p)?V.value=p.filter(w=>w.type).reduce((w,N)=>(Object.assign(N,{name:N.id||N.name,type:{datepicker:"date"}[N.type.toLowerCase()]||N.type.toLowerCase(),label:N.label||N.ua}),w[N.name]=N,N.data&&!N.api&&!N.options&&Object.assign(N,{api:`/api/suggest/${N.data}`}),w),{}):(Object.entries(p).forEach(([w,N])=>{Object.assign(N,{name:w||N.name||N.id,type:N.type.toLowerCase()})}),V.value={...p})},{immediate:!0,deep:!0});function c(p){s.value.clearFilter(p),g(p)}function h(){s.value.clearAllFilters(),b()}const m=e.computed(()=>Object.entries(d.value).filter(([,p])=>p==null?!1:Array.isArray(p)?p.length>0:typeof p=="string"?p.trim().length>0:!0).map(([p,w])=>{const N=V.value[p],j=N?.label||N?.title||p,C=D(N,w);return{key:p,label:j,value:C}}));function x(p){c(p)}function D(p,w){if(!p||w===void 0||w===null)return"";const N=E(w);if(!N.length)return"";const j=B(p);return N.map(C=>j.get(C)??C).filter(Boolean).join(", ")}function E(p){return Array.isArray(p)?p.map(w=>w?.toString?.()??"").filter(Boolean):typeof p=="string"?p.split(",").map(w=>w.trim()).filter(Boolean):[]}function B(p){const w=new Map,N=p.valueKey||"id",j=p.labelKey||"text";return(p.options??[]).forEach(C=>{const A=S(C,N),M=F(C,j);A&&w.set(A,M||A)}),w}function S(p,w){return p?(p[w]??p.id??p.value??p.key)?.toString?.()??"":""}function F(p,w){return p?(p[w]??p.text??p.label??p.value??p.id)?.toString?.()??"":""}return e.watch(()=>d.value,p=>{if(l.history){const w=new URL(window.location.href),N=new URLSearchParams(window.location.search);Object.keys(p).length>0?N.set("filter",Object.entries(p).filter(([,j])=>j).map(([j,C])=>`${j}=${C}`).join("|")):N.delete("filter"),w.search=decodeURI(N.toString()),window.history.pushState({},"",w)}}),o({clearAllFilters:h,clearFilter:c}),(p,w)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k()),e.mergeProps(n.value,{schema:V.value,onChange:w[0]||(w[0]=N=>f(N.name,N.value)),onClear:w[1]||(w[1]=N=>g(N.name)),onClearAll:b,ref_key:"filterRef",ref:s}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:2},[e.unref(y).trigger?{name:"trigger",fn:e.withCtx(N=>[e.renderSlot(p.$slots,"trigger",e.normalizeProps(e.guardReactiveProps(N)))]),key:"0"}:void 0]),1040,["schema"])),$.value&&m.value.length?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:$.value},[e.createElementVNode("div",nn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,N=>(e.openBlock(),e.createElementBlock("button",{key:N.key,type:"button",class:"ga1u8 zw1wr sr4j9 flex items-center zu875 kew0r w9dei w4xo0 kghwt wz1vo focus:outline-hidden gugmw dark:bg-emerald-500 dark:hover:bg-emerald-600 dark:focus:bg-emerald-600 bg-white border border-gray-200 px-3 py-1 rounded-full text-sm text-gray-700",onClick:j=>x(N.key)},[e.createElementVNode("span",rn,[e.createElementVNode("span",an,e.toDisplayString(N.label),1),e.createElementVNode("span",sn,"· "+e.toDisplayString(N.value),1)]),w[2]||(w[2]=e.createElementVNode("span",{class:"g424j flex flex-col jkwm1 items-center b9gop aqyoh ad7q2 kghwt t4363 q7nhl dark:text-emerald-500"},[e.createElementVNode("svg",{class:"e731n u28hb",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M18 6 6 18"}),e.createElementVNode("path",{d:"m6 6 12 12"})])],-1))],8,on))),128))])],8,["to"])):e.createCommentVNode("",!0)],64))}});q.install=function(o){o.component("Filter",q),o.component("FilterField",K)},T.Filter=q,T.FilterField=K,T.default=q,Object.defineProperties(T,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));