@oneb/ui-vue 0.3.13 → 0.3.15

package/dist/entityPicker/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),G=require("../useModal-98810f6a.cjs"),H=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs");require("vue-markdown-render");require("../OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const ne=require("../i18n/index.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const oe={key:0},ae={class:""},re={key:0,class:"space-y-1 flex flex-col"},se={key:0,class:"text-gray-400 text-xs font-light"},ie={key:0,class:"text-[10px] text-gray-500 ml-1 py-0.5 rounded-full font-semibold hover:text-info-base"},ue={key:0,class:"overflow-auto max-h-[85dvh] h-full"},ce={key:1,class:"overflow-auto max-h-[85dvh] h-full"},de={key:2,class:"pb-6"},me={key:0,class:"px-2 pt-3"},ve={key:1,class:"relative px-3 py-3"},ye={class:"relative"},fe=["placeholder"],ke={key:2,class:"px-2 py-3 h-[62px]"},pe={key:0,class:"flex items-center justify-center py-8"},ge={key:1,class:"relative px-5 py-10 text-center"},xe={class:"mb-4 text-sm text-gray-500"},he={key:2,class:"p-3 text-center mt-6"},Ee={class:"text-xs"},Be=["onClick"],Ce={class:"mr-2"},Ve={class:"w-full"},be={class:"font-bold truncate overflow-hidden sm:max-w-[400px] max-w-[280px] text-xs"},Se={key:0,class:"text-xs text-gray-600 divide-x font-thin"},we={class:"px-2 first:pl-0"},Ne=["onClick"],Le={key:1,class:"w-5 h-5 text-green-500 flex-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Me={key:2,class:"w-5 h-5 text-gray-400 flex-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ze={key:1,class:"text-xs px-2 py-1 text-red-600"},qe=e.defineComponent({__name:"OneEntityPicker",props:{t:{type:Function,required:!1,default:void 0},title:{required:!1,type:String,default:""},icon:{type:[Object,Function,null],default:null},labelSelect:{type:String,default:""},labelClass:{type:String,default:""},iconClass:{type:String,default:""},iconClassBlock:{type:String,default:""},labelSelectNote:{type:String,default:""},labelCreateButton:{type:String,default:""},modelValue:{required:!0,type:[Object,null],default:null},items:{type:Array,default:()=>[]},entityListKey:{required:!1,type:String,default:"id"},entityListLabel:{required:!1,type:String,default:"name"},entityListAvatar:{required:!1,type:String,default:""},entityListAdditional:{required:!1,type:String,default:""},entityKey:{required:!1,type:String,default:"id"},entityAvatar:{required:!1,type:String,default:""},entityLabel:{required:!1,type:String,default:"name"},entityAdditional:{required:!1,type:String,default:""},isLoading:{required:!1,type:Boolean,default:!1},listEntityUse:{required:!1,type:Function,default:null},validation:{required:!1,type:Object,default:null},validationIndex:{required:!1,type:String,default:""},sizeModalCreateEntity:{required:!1,type:String,default:"sm"},readonly:{required:!1,type:Boolean,default:!1},variant:{type:String,default:"default",validator:l=>["default","compact","minimal","pill"].includes(l)},noCreate:{type:Boolean,default:!1},noEdit:{type:Boolean,default:!1},noSearch:{type:Boolean,default:!1},noIcon:{type:Boolean,default:!1},listEmptyMessage:{type:String,default:""}},emits:["update:modelValue","onSetEntity"],setup(l,{emit:W}){const J=ne.useOnebI18n(),n=l,V=W,v=e.computed(()=>n.t??J),c=G.useModal(),I=e.ref(null),g=e.ref(!1),x=e.ref(null),B=e.ref(!1),d=e.ref("sm"),b=e.ref(!1);let y=null;e.onMounted(()=>{y=window.matchMedia("(max-width: 767px)"),b.value=y.matches;const t=o=>{b.value=o.matches};y.addEventListener("change",t),e.onUnmounted(()=>{y==null||y.removeEventListener("change",t)})});const a=n.listEntityUse?n.listEntityUse():null,f=a==null?void 0:a.nodes,D=a==null?void 0:a.load,m=a==null?void 0:a.searchTerm,k=a==null?void 0:a.isLoading,h=a==null?void 0:a.isLoad,E=a==null?void 0:a.group,P=e.ref(null),R=e.computed(()=>(E==null?void 0:E.value)??P.value),X=t=>{E?E.value=t:P.value=t},S=e.ref(""),s=e.computed({get:()=>(m==null?void 0:m.value)??S.value,set:t=>{m?m.value=t:S.value=t}}),w=e.computed(()=>(k==null?void 0:k.value)??n.isLoading),N=e.computed(()=>(f==null?void 0:f.value)??n.items),L=e.computed(()=>n.icon),i=e.computed(()=>n.variant==="compact"||n.variant==="minimal"),Y=e.computed(()=>n.variant==="compact"),u=e.computed(()=>n.variant==="pill"),K=e.computed(()=>{const t=[];return n.validation==null||n.validationIndex==null||Object.keys(n.validation).forEach(o=>{o.startsWith(n.validationIndex)&&t.push(...n.validation[o])}),t}),M=e.computed(()=>{if(!s.value)return N.value;const t=s.value.toLowerCase();return N.value.filter(o=>{const r=A(o).toLowerCase(),$=j(o).toLowerCase();return r.includes(t)||$.includes(t)})}),Z=e.computed(()=>[...M.value].sort(t=>q(t)===z(n.modelValue)?-1:0)),C=t=>t?String(t[n.entityLabel]||""):"",Q=t=>!t||!n.entityAvatar?"":String(t[n.entityAvatar]||""),p=t=>!t||!n.entityAdditional?"":String(t[n.entityAdditional]||""),z=t=>t?t[n.entityKey]:"",q=t=>t[n.entityListKey],A=t=>String(t[n.entityListLabel]||""),_=t=>n.entityListAvatar?String(t[n.entityListAvatar]||""):"",j=t=>n.entityListAdditional?String(t[n.entityListAdditional]||""):"",O=t=>z(n.modelValue)===q(t),F=()=>{n.readonly||(S.value="",m&&(m.value=""),g.value=!1,x.value=null,B.value=!1,d.value="sm",c.open(),e.nextTick(()=>{var t;(t=I.value)==null||t.focus()}))},ee=t=>{V("update:modelValue",t),c.close()},te=()=>{V("update:modelValue",null)},U=()=>{g.value=!0,d.value=n.sizeModalCreateEntity},le=t=>{x.value=t,d.value=n.sizeModalCreateEntity},T=t=>{g.value=!1,x.value=null,B.value=!1,d.value="sm",t?(c.close(),V("update:modelValue",t)):!w.value&&N.value.length===0&&!s.value&&c.close()};return e.watch(c.isOpened,t=>{t&&D&&D(),t||(g.value=!1,d.value="sm")}),e.watch(()=>h==null?void 0:h.value,()=>{h&&!(k!=null&&k.value)&&h.value&&!s.value&&(f==null?void 0:f.value.length)===0&&(B.value=!0,d.value=n.sizeModalCreateEntity)}),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["relative select-none",i.value?"space-y-1.5":"space-y-3"])},[e.renderSlot(t.$slots,"button",{title:l.title,modelValue:l.modelValue,openModal:()=>e.unref(c).open()},()=>[l.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["font-semibold pb-0",l.labelClass])},e.toDisplayString(l.title),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex justify-between z-10 items-center",[l.readonly?"":"cursor-pointer hover:bg-gray-50",i.value?["rounded-full",Y.value?"bg-[#4089E01A]":""]:"border px-3 pr-3 py-3 rounded-lg h-[72px]",u.value?"border-none !py-0 h-max !rounded-full":"",u.value&&l.modelValue!==null?"bg-[#4089E01A]":""]])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center w-full gap-x-3",[i.value?"!gap-x-1 px-0.5 py-0.5":"",u.value?"h-9 p-0":""]]),onClick:F},[l.noIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-10 h-10 flex items-center justify-center",l.iconClassBlock])},[u.value?(e.openBlock(),e.createElementBlock("div",oe,[l.modelValue==null?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass(["w-3 text-blue-600",l.iconClass]),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[...o[1]||(o[1]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"},null,-1)])],2)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(L.value),{key:1,class:e.normalizeClass(["w-5",l.iconClass])},null,8,["class"]))])):L.value!=null&&l.modelValue==null||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value?"":"bg-gray-50 p-2.5 rounded-lg")},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(L.value),{class:e.normalizeClass([["w-5",l.iconClass],"text-gray-600"])},null,8,["class"]))],2)):l.modelValue?(e.openBlock(),e.createBlock(e.unref(H._sfc_main),{key:2,text:C(l.modelValue),src:Q(l.modelValue),rounded:!1,size:"40",class:"!rounded-lg"},null,8,["text","src"])):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",ae,[l.modelValue==null?(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("div",{class:e.normalizeClass(["font-medium text-gray-600 truncate overflow-hidden whitespace-nowrap",[i.value?"text-xs truncate max-w-[120px] text-[#525B66]":"text-sm",u.value?"!text-xs truncate max-w-[120px] text-[#4089E0]":""]])},e.toDisplayString(l.labelSelect),3),l.labelSelectNote&&!i.value&&!u.value?(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(l.labelSelectNote),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["grid items-center pr-2",i.value?"":"py-1"])},[e.createElementVNode("div",{class:e.normalizeClass(["break-all leading-4 truncate !text-sm",{"text-sm font-medium":C(l.modelValue).length<20,"text-xs font-semibold":C(l.modelValue).length>20,"truncate text-[#525B66] text-xs":i.value,"truncate text-xs":u.value}])},[e.createTextVNode(e.toDisplayString(C(l.modelValue))+" ",1),!l.readonly&&!i.value&&!u.value?(e.openBlock(),e.createElementBlock("span",ie,e.toDisplayString(v.value("ui.entity_picker.Change")),1)):e.createCommentVNode("",!0)],2),p(l.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["font-thin leading-3 break-all line-clamp-2 pt-1 truncate !text-xs",{"text-xs":p(l.modelValue).length<20,"text-[10px]":p(l.modelValue).length>20&&p(l.modelValue).length<35,"text-[9px]":p(l.modelValue).length>35}])},[e.renderSlot(t.$slots,"entityAdditional",{item:l.modelValue},()=>[e.createTextVNode(e.toDisplayString(p(l.modelValue)),1)])],2)):e.createCommentVNode("",!0)],2))])],2),l.modelValue!=null&&!l.readonly?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",onClick:e.withModifiers(te,["stop"]),class:e.normalizeClass(["rounded-full hover:text-gray-900 text-gray-500",{"mr-2 text-[#525B66] p-0.5":i.value}])},[...o[2]||(o[2]=[e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)])],2)):!l.readonly&&!i.value&&!u.value?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"py-2.5 text-gray-500",onClick:F},[...o[3]||(o[3]=[e.createElementVNode("svg",{class:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})],-1)])])):e.createCommentVNode("",!0)],2)])],2),e.unref(c).isOpened.value?(e.openBlock(),e.createBlock(e.unref(G.OneModal),{key:0,useModal:e.unref(c),title:v.value("ui.entity_picker.Select"),size:d.value,classModal:b.value,titleCenter:!0},{default:e.withCtx(()=>[g.value||B.value?(e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"creating",{onCloseCreateEntity:T,find:s.value})])):x.value?(e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(t.$slots,"edit",{onCloseCreateEntity:T,editId:x.value})])):(e.openBlock(),e.createElementBlock("div",de,[t.$slots.modalHeader?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(t.$slots,"modalHeader")])):e.createCommentVNode("",!0),l.noSearch?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("div",ye,[o[4]||(o[4]=e.createElementVNode("svg",{class:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=r=>s.value=r),type:"text",class:"w-full pl-9 pr-3 py-2 border rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary-base focus:border-transparent",placeholder:v.value("ui.entity_picker.Search"),ref_key:"searchInput",ref:I},null,8,fe),[[e.vModelText,s.value]])])])),e.renderSlot(t.$slots,"prepend",{selectedGroup:R.value,setSelectedGroup:X}),!w.value&&!l.noCreate&&l.labelCreateButton?(e.openBlock(),e.createElementBlock("div",ke,[e.createElementVNode("button",{type:"button",onClick:U,class:"w-full flex items-center justify-center gap-2 py-2 text-blue-400 hover:text-blue-300 text-sm"},[o[5]||(o[5]=e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createTextVNode(" "+e.toDisplayString(l.labelCreateButton),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["divide-y overflow-auto",{"sm:h-[40vh] h-[60dvh]":!l.noSearch,"sm:h-[52vh] h-[86dvh] min-h-[300px]":l.noSearch}])},[w.value?(e.openBlock(),e.createElementBlock("div",pe,[...o[6]||(o[6]=[e.createElementVNode("div",{class:"animate-spin w-6 h-6 border-2 border-primary-base border-t-transparent rounded-full"},null,-1)])])):M.value.length===0&&!s.value?(e.openBlock(),e.createElementBlock("div",ge,[e.renderSlot(t.$slots,"creating",{onCloseCreateEntity:T,find:s.value},()=>[e.createElementVNode("p",xe,e.toDisplayString(l.listEmptyMessage||v.value("ui.entity_picker.List empty")),1)])])):M.value.length===0&&s.value?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("p",Ee,[e.createTextVNode(e.toDisplayString(v.value("ui.entity_picker.Nothing found for"))+" ",1),e.createElementVNode("b",null,e.toDisplayString(s.value),1)]),!l.noCreate&&l.labelCreateButton?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",onClick:U,class:"w-full text-xs text-blue-400 hover:text-blue-300 mt-2"},e.toDisplayString(l.labelCreateButton)+" «"+e.toDisplayString(s.value)+"» ",1)):e.createCommentVNode("",!0)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(Z.value,r=>(e.openBlock(),e.createElementBlock("div",{key:q(r),class:e.normalizeClass(["flex items-center py-3 hover:bg-secondary-body-hover px-3 cursor-pointer",{"bg-gray-50 text-blue-900":O(r)}]),onClick:$=>ee(r)},[e.createElementVNode("div",Ce,[e.createVNode(e.unref(H._sfc_main),{text:A(r),src:_(r),rounded:!1,size:"30",class:"!rounded-lg"},null,8,["text","src"])]),e.createElementVNode("div",Ve,[e.createElementVNode("p",be,e.toDisplayString(A(r)),1),j(r)?(e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(t.$slots,"entityAdditional",{item:r},()=>[e.createElementVNode("span",we,e.toDisplayString(j(r)),1)])])):e.createCommentVNode("",!0)]),O(r)&&t.$slots.edit&&!l.noEdit?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",onClick:e.withModifiers($=>le(z(r)),["stop"]),class:"text-xs text-blue-400 hover:text-blue-300 mr-2"},e.toDisplayString(v.value("ui.entity_picker.Edit")),9,Ne)):e.createCommentVNode("",!0),O(r)?(e.openBlock(),e.createElementBlock("svg",Le,[...o[7]||(o[7]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("svg",Me,[...o[8]||(o[8]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"},null,-1)])]))],10,Be))),128))],2)]))]),_:3},8,["useModal","title","size","classModal"])):e.createCommentVNode("",!0),K.value.length>0?(e.openBlock(),e.createElementBlock("div",ze,e.toDisplayString(K.value.join(" ")),1)):e.createCommentVNode("",!0)],64))}}),Ae={"entity_picker.Loading":"Завантаження...","entity_picker.Select":"Вибір","entity_picker.Search":"Пошук...","entity_picker.Change":"Змінити","entity_picker.Edit":"Редагувати","entity_picker.List empty":"Список порожній","entity_picker.Nothing found for":"За запитом нічого не знайдено:"};exports.OneEntityPicker=qe;exports.defaultEntityPickerTranslations=Ae;

package/dist/entityPicker/index.js

@@ -0,0 +1,584 @@
+import { defineComponent as ge, computed as f, ref as g, onMounted as me, onUnmounted as pe, watch as te, openBlock as l, createElementBlock as a, Fragment as le, createElementVNode as s, normalizeClass as u, renderSlot as m, unref as V, toDisplayString as d, createCommentVNode as c, createBlock as $, resolveDynamicComponent as ne, createTextVNode as z, withModifiers as ae, withCtx as ke, withDirectives as be, vModelText as Ce, renderList as we, createVNode as Se, nextTick as Ee } from "vue";
+import { u as Ve, O as Le } from "../useModal-85f57682.js";
+import { _ as se } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
+import "vue-markdown-render";
+import "../OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import { useOnebI18n as Be } from "../i18n/index.js";
+import "../_plugin-vue_export-helper-dad06003.js";
+const Me = { key: 0 }, Ae = { class: "" }, qe = {
+  key: 0,
+  class: "space-y-1 flex flex-col"
+}, je = {
+  key: 0,
+  class: "text-gray-400 text-xs font-light"
+}, $e = {
+  key: 0,
+  class: "text-[10px] text-gray-500 ml-1 py-0.5 rounded-full font-semibold hover:text-info-base"
+}, ze = {
+  key: 0,
+  class: "overflow-auto max-h-[85dvh] h-full"
+}, Oe = {
+  key: 1,
+  class: "overflow-auto max-h-[85dvh] h-full"
+}, Ie = {
+  key: 2,
+  class: "pb-6"
+}, Ne = {
+  key: 0,
+  class: "px-2 pt-3"
+}, Te = {
+  key: 1,
+  class: "relative px-3 py-3"
+}, Ke = { class: "relative" }, Pe = ["placeholder"], Ue = {
+  key: 2,
+  class: "px-2 py-3 h-[62px]"
+}, Fe = {
+  key: 0,
+  class: "flex items-center justify-center py-8"
+}, Ge = {
+  key: 1,
+  class: "relative px-5 py-10 text-center"
+}, He = { class: "mb-4 text-sm text-gray-500" }, We = {
+  key: 2,
+  class: "p-3 text-center mt-6"
+}, Je = { class: "text-xs" }, Re = ["onClick"], Xe = { class: "mr-2" }, Ye = { class: "w-full" }, Ze = { class: "font-bold truncate overflow-hidden sm:max-w-[400px] max-w-[280px] text-xs" }, Qe = {
+  key: 0,
+  class: "text-xs text-gray-600 divide-x font-thin"
+}, De = { class: "px-2 first:pl-0" }, _e = ["onClick"], et = {
+  key: 1,
+  class: "w-5 h-5 text-green-500 flex-shrink-0",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, tt = {
+  key: 2,
+  class: "w-5 h-5 text-gray-400 flex-shrink-0",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, lt = {
+  key: 1,
+  class: "text-xs px-2 py-1 text-red-600"
+}, ct = /* @__PURE__ */ ge({
+  __name: "OneEntityPicker",
+  props: {
+    t: {
+      type: Function,
+      required: !1,
+      default: void 0
+    },
+    title: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: [Object, Function, null],
+      default: null
+    },
+    labelSelect: {
+      type: String,
+      default: ""
+    },
+    labelClass: {
+      type: String,
+      default: ""
+    },
+    iconClass: {
+      type: String,
+      default: ""
+    },
+    iconClassBlock: {
+      type: String,
+      default: ""
+    },
+    labelSelectNote: {
+      type: String,
+      default: ""
+    },
+    labelCreateButton: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      required: !0,
+      type: [Object, null],
+      default: null
+    },
+    // Static items (alternative to listEntityUse)
+    items: {
+      type: Array,
+      default: () => []
+    },
+    // Entity list keys (for items in modal list)
+    entityListKey: {
+      required: !1,
+      type: String,
+      default: "id"
+    },
+    entityListLabel: {
+      required: !1,
+      type: String,
+      default: "name"
+    },
+    entityListAvatar: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    entityListAdditional: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    // Entity keys for selected value display
+    entityKey: {
+      required: !1,
+      type: String,
+      default: "id"
+    },
+    entityAvatar: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    entityLabel: {
+      required: !1,
+      type: String,
+      default: "name"
+    },
+    entityAdditional: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    // State
+    isLoading: {
+      required: !1,
+      type: Boolean,
+      default: !1
+    },
+    // Dynamic list source (alternative to static items)
+    listEntityUse: {
+      required: !1,
+      type: Function,
+      default: null
+    },
+    // Validation
+    validation: {
+      required: !1,
+      type: Object,
+      default: null
+    },
+    validationIndex: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    // Modal size when creating entity
+    sizeModalCreateEntity: {
+      required: !1,
+      type: String,
+      default: "sm"
+    },
+    readonly: {
+      required: !1,
+      type: Boolean,
+      default: !1
+    },
+    // Variant
+    variant: {
+      type: String,
+      default: "default",
+      validator: (t) => ["default", "compact", "minimal", "pill"].includes(t)
+    },
+    // Options
+    noCreate: {
+      type: Boolean,
+      default: !1
+    },
+    noEdit: {
+      type: Boolean,
+      default: !1
+    },
+    noSearch: {
+      type: Boolean,
+      default: !1
+    },
+    noIcon: {
+      type: Boolean,
+      default: !1
+    },
+    listEmptyMessage: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "onSetEntity"],
+  setup(t, { emit: oe }) {
+    const ie = Be(), n = t, O = oe, b = f(() => n.t ?? ie), h = Ve(), Y = g(null), L = g(!1), B = g(null), q = g(!1), p = g("sm"), I = g(!1);
+    let C = null;
+    me(() => {
+      C = window.matchMedia("(max-width: 767px)"), I.value = C.matches;
+      const e = (o) => {
+        I.value = o.matches;
+      };
+      C.addEventListener("change", e), pe(() => {
+        C == null || C.removeEventListener("change", e);
+      });
+    });
+    const i = n.listEntityUse ? n.listEntityUse() : null, w = i == null ? void 0 : i.nodes, Z = i == null ? void 0 : i.load, k = i == null ? void 0 : i.searchTerm, S = i == null ? void 0 : i.isLoading, M = i == null ? void 0 : i.isLoad, A = i == null ? void 0 : i.group, Q = g(null), re = f(() => (A == null ? void 0 : A.value) ?? Q.value), ue = (e) => {
+      A ? A.value = e : Q.value = e;
+    }, N = g(""), v = f({
+      get: () => (k == null ? void 0 : k.value) ?? N.value,
+      set: (e) => {
+        k ? k.value = e : N.value = e;
+      }
+    }), T = f(() => (S == null ? void 0 : S.value) ?? n.isLoading), K = f(() => (w == null ? void 0 : w.value) ?? n.items), P = f(() => n.icon), y = f(() => n.variant === "compact" || n.variant === "minimal"), de = f(() => n.variant === "compact"), x = f(() => n.variant === "pill"), D = f(() => {
+      const e = [];
+      return n.validation == null || n.validationIndex == null || Object.keys(n.validation).forEach((o) => {
+        o.startsWith(n.validationIndex) && e.push(...n.validation[o]);
+      }), e;
+    }), U = f(() => {
+      if (!v.value)
+        return K.value;
+      const e = v.value.toLowerCase();
+      return K.value.filter((o) => {
+        const r = H(o).toLowerCase(), X = W(o).toLowerCase();
+        return r.includes(e) || X.includes(e);
+      });
+    }), ce = f(() => [...U.value].sort((e) => G(e) === F(n.modelValue) ? -1 : 0)), j = (e) => e ? String(e[n.entityLabel] || "") : "", ve = (e) => !e || !n.entityAvatar ? "" : String(e[n.entityAvatar] || ""), E = (e) => !e || !n.entityAdditional ? "" : String(e[n.entityAdditional] || ""), F = (e) => e ? e[n.entityKey] : "", G = (e) => e[n.entityListKey], H = (e) => String(e[n.entityListLabel] || ""), ye = (e) => n.entityListAvatar ? String(e[n.entityListAvatar] || "") : "", W = (e) => n.entityListAdditional ? String(e[n.entityListAdditional] || "") : "", J = (e) => F(n.modelValue) === G(e), _ = () => {
+      n.readonly || (N.value = "", k && (k.value = ""), L.value = !1, B.value = null, q.value = !1, p.value = "sm", h.open(), Ee(() => {
+        var e;
+        (e = Y.value) == null || e.focus();
+      }));
+    }, fe = (e) => {
+      O("update:modelValue", e), h.close();
+    }, xe = () => {
+      O("update:modelValue", null);
+    }, ee = () => {
+      L.value = !0, p.value = n.sizeModalCreateEntity;
+    }, he = (e) => {
+      B.value = e, p.value = n.sizeModalCreateEntity;
+    }, R = (e) => {
+      L.value = !1, B.value = null, q.value = !1, p.value = "sm", e ? (h.close(), O("update:modelValue", e)) : !T.value && K.value.length === 0 && !v.value && h.close();
+    };
+    return te(h.isOpened, (e) => {
+      e && Z && Z(), e || (L.value = !1, p.value = "sm");
+    }), te(
+      () => M == null ? void 0 : M.value,
+      () => {
+        M && !(S != null && S.value) && M.value && !v.value && (w == null ? void 0 : w.value.length) === 0 && (q.value = !0, p.value = n.sizeModalCreateEntity);
+      }
+    ), (e, o) => (l(), a(le, null, [
+      s("div", {
+        class: u(["relative select-none", y.value ? "space-y-1.5" : "space-y-3"])
+      }, [
+        m(e.$slots, "button", {
+          title: t.title,
+          modelValue: t.modelValue,
+          openModal: () => V(h).open()
+        }, () => [
+          t.title ? (l(), a("p", {
+            key: 0,
+            class: u(["font-semibold pb-0", t.labelClass])
+          }, d(t.title), 3)) : c("", !0),
+          s("div", {
+            class: u(["flex justify-between z-10 items-center", [
+              t.readonly ? "" : "cursor-pointer hover:bg-gray-50",
+              y.value ? ["rounded-full", de.value ? "bg-[#4089E01A]" : ""] : "border px-3 pr-3 py-3 rounded-lg h-[72px]",
+              x.value ? "border-none !py-0 h-max !rounded-full" : "",
+              x.value && t.modelValue !== null ? "bg-[#4089E01A]" : ""
+            ]])
+          }, [
+            s("div", {
+              class: u(["flex items-center w-full gap-x-3", [y.value ? "!gap-x-1 px-0.5 py-0.5" : "", x.value ? "h-9 p-0" : ""]]),
+              onClick: _
+            }, [
+              t.noIcon ? c("", !0) : (l(), a("div", {
+                key: 0,
+                class: u(["w-10 h-10 flex items-center justify-center", t.iconClassBlock])
+              }, [
+                x.value ? (l(), a("div", Me, [
+                  t.modelValue == null ? (l(), a("svg", {
+                    key: 0,
+                    class: u(["w-3 text-blue-600", t.iconClass]),
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [...o[1] || (o[1] = [
+                    s("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      d: "M12 4.5v15m7.5-7.5h-15"
+                    }, null, -1)
+                  ])], 2)) : (l(), $(ne(P.value), {
+                    key: 1,
+                    class: u(["w-5", t.iconClass])
+                  }, null, 8, ["class"]))
+                ])) : P.value != null && t.modelValue == null || y.value ? (l(), a("div", {
+                  key: 1,
+                  class: u(y.value ? "" : "bg-gray-50 p-2.5 rounded-lg")
+                }, [
+                  (l(), $(ne(P.value), {
+                    class: u([["w-5", t.iconClass], "text-gray-600"])
+                  }, null, 8, ["class"]))
+                ], 2)) : t.modelValue ? (l(), $(V(se), {
+                  key: 2,
+                  text: j(t.modelValue),
+                  src: ve(t.modelValue),
+                  rounded: !1,
+                  size: "40",
+                  class: "!rounded-lg"
+                }, null, 8, ["text", "src"])) : c("", !0)
+              ], 2)),
+              s("div", Ae, [
+                t.modelValue == null ? (l(), a("div", qe, [
+                  s("div", {
+                    class: u(["font-medium text-gray-600 truncate overflow-hidden whitespace-nowrap", [
+                      y.value ? "text-xs truncate max-w-[120px] text-[#525B66]" : "text-sm",
+                      x.value ? "!text-xs truncate max-w-[120px] text-[#4089E0]" : ""
+                    ]])
+                  }, d(t.labelSelect), 3),
+                  t.labelSelectNote && !y.value && !x.value ? (l(), a("span", je, d(t.labelSelectNote), 1)) : c("", !0)
+                ])) : (l(), a("div", {
+                  key: 1,
+                  class: u(["grid items-center pr-2", y.value ? "" : "py-1"])
+                }, [
+                  s("div", {
+                    class: u(["break-all leading-4 truncate !text-sm", {
+                      "text-sm font-medium": j(t.modelValue).length < 20,
+                      "text-xs font-semibold": j(t.modelValue).length > 20,
+                      "truncate text-[#525B66] text-xs": y.value,
+                      "truncate text-xs": x.value
+                    }])
+                  }, [
+                    z(d(j(t.modelValue)) + " ", 1),
+                    !t.readonly && !y.value && !x.value ? (l(), a("span", $e, d(b.value("ui.entity_picker.Change")), 1)) : c("", !0)
+                  ], 2),
+                  E(t.modelValue) ? (l(), a("div", {
+                    key: 0,
+                    class: u(["font-thin leading-3 break-all line-clamp-2 pt-1 truncate !text-xs", {
+                      "text-xs": E(t.modelValue).length < 20,
+                      "text-[10px]": E(t.modelValue).length > 20 && E(t.modelValue).length < 35,
+                      "text-[9px]": E(t.modelValue).length > 35
+                    }])
+                  }, [
+                    m(e.$slots, "entityAdditional", { item: t.modelValue }, () => [
+                      z(d(E(t.modelValue)), 1)
+                    ])
+                  ], 2)) : c("", !0)
+                ], 2))
+              ])
+            ], 2),
+            t.modelValue != null && !t.readonly ? (l(), a("button", {
+              key: 0,
+              type: "button",
+              onClick: ae(xe, ["stop"]),
+              class: u(["rounded-full hover:text-gray-900 text-gray-500", { "mr-2 text-[#525B66] p-0.5": y.value }])
+            }, [...o[2] || (o[2] = [
+              s("svg", {
+                class: "w-4 h-4",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                s("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  d: "M6 18L18 6M6 6l12 12"
+                })
+              ], -1)
+            ])], 2)) : !t.readonly && !y.value && !x.value ? (l(), a("button", {
+              key: 1,
+              type: "button",
+              class: "py-2.5 text-gray-500",
+              onClick: _
+            }, [...o[3] || (o[3] = [
+              s("svg", {
+                class: "w-5 h-5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                s("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+                })
+              ], -1)
+            ])])) : c("", !0)
+          ], 2)
+        ])
+      ], 2),
+      V(h).isOpened.value ? (l(), $(V(Le), {
+        key: 0,
+        useModal: V(h),
+        title: b.value("ui.entity_picker.Select"),
+        size: p.value,
+        classModal: I.value,
+        titleCenter: !0
+      }, {
+        default: ke(() => [
+          L.value || q.value ? (l(), a("div", ze, [
+            m(e.$slots, "creating", {
+              onCloseCreateEntity: R,
+              find: v.value
+            })
+          ])) : B.value ? (l(), a("div", Oe, [
+            m(e.$slots, "edit", {
+              onCloseCreateEntity: R,
+              editId: B.value
+            })
+          ])) : (l(), a("div", Ie, [
+            e.$slots.modalHeader ? (l(), a("div", Ne, [
+              m(e.$slots, "modalHeader")
+            ])) : c("", !0),
+            t.noSearch ? c("", !0) : (l(), a("div", Te, [
+              s("div", Ke, [
+                o[4] || (o[4] = s("svg", {
+                  class: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  s("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
+                  })
+                ], -1)),
+                be(s("input", {
+                  "onUpdate:modelValue": o[0] || (o[0] = (r) => v.value = r),
+                  type: "text",
+                  class: "w-full pl-9 pr-3 py-2 border rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary-base focus:border-transparent",
+                  placeholder: b.value("ui.entity_picker.Search"),
+                  ref_key: "searchInput",
+                  ref: Y
+                }, null, 8, Pe), [
+                  [Ce, v.value]
+                ])
+              ])
+            ])),
+            m(e.$slots, "prepend", {
+              selectedGroup: re.value,
+              setSelectedGroup: ue
+            }),
+            !T.value && !t.noCreate && t.labelCreateButton ? (l(), a("div", Ue, [
+              s("button", {
+                type: "button",
+                onClick: ee,
+                class: "w-full flex items-center justify-center gap-2 py-2 text-blue-400 hover:text-blue-300 text-sm"
+              }, [
+                o[5] || (o[5] = s("svg", {
+                  class: "w-4 h-4",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  s("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M12 4.5v15m7.5-7.5h-15"
+                  })
+                ], -1)),
+                z(" " + d(t.labelCreateButton), 1)
+              ])
+            ])) : c("", !0),
+            s("div", {
+              class: u(["divide-y overflow-auto", {
+                "sm:h-[40vh] h-[60dvh]": !t.noSearch,
+                "sm:h-[52vh] h-[86dvh] min-h-[300px]": t.noSearch
+              }])
+            }, [
+              T.value ? (l(), a("div", Fe, [...o[6] || (o[6] = [
+                s("div", { class: "animate-spin w-6 h-6 border-2 border-primary-base border-t-transparent rounded-full" }, null, -1)
+              ])])) : U.value.length === 0 && !v.value ? (l(), a("div", Ge, [
+                m(e.$slots, "creating", {
+                  onCloseCreateEntity: R,
+                  find: v.value
+                }, () => [
+                  s("p", He, d(t.listEmptyMessage || b.value("ui.entity_picker.List empty")), 1)
+                ])
+              ])) : U.value.length === 0 && v.value ? (l(), a("div", We, [
+                s("p", Je, [
+                  z(d(b.value("ui.entity_picker.Nothing found for")) + " ", 1),
+                  s("b", null, d(v.value), 1)
+                ]),
+                !t.noCreate && t.labelCreateButton ? (l(), a("button", {
+                  key: 0,
+                  type: "button",
+                  onClick: ee,
+                  class: "w-full text-xs text-blue-400 hover:text-blue-300 mt-2"
+                }, d(t.labelCreateButton) + " «" + d(v.value) + "» ", 1)) : c("", !0)
+              ])) : (l(!0), a(le, { key: 3 }, we(ce.value, (r) => (l(), a("div", {
+                key: G(r),
+                class: u(["flex items-center py-3 hover:bg-secondary-body-hover px-3 cursor-pointer", { "bg-gray-50 text-blue-900": J(r) }]),
+                onClick: (X) => fe(r)
+              }, [
+                s("div", Xe, [
+                  Se(V(se), {
+                    text: H(r),
+                    src: ye(r),
+                    rounded: !1,
+                    size: "30",
+                    class: "!rounded-lg"
+                  }, null, 8, ["text", "src"])
+                ]),
+                s("div", Ye, [
+                  s("p", Ze, d(H(r)), 1),
+                  W(r) ? (l(), a("div", Qe, [
+                    m(e.$slots, "entityAdditional", { item: r }, () => [
+                      s("span", De, d(W(r)), 1)
+                    ])
+                  ])) : c("", !0)
+                ]),
+                J(r) && e.$slots.edit && !t.noEdit ? (l(), a("button", {
+                  key: 0,
+                  type: "button",
+                  onClick: ae((X) => he(F(r)), ["stop"]),
+                  class: "text-xs text-blue-400 hover:text-blue-300 mr-2"
+                }, d(b.value("ui.entity_picker.Edit")), 9, _e)) : c("", !0),
+                J(r) ? (l(), a("svg", et, [...o[7] || (o[7] = [
+                  s("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M4.5 12.75l6 6 9-13.5"
+                  }, null, -1)
+                ])])) : (l(), a("svg", tt, [...o[8] || (o[8] = [
+                  s("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+                  }, null, -1)
+                ])]))
+              ], 10, Re))), 128))
+            ], 2)
+          ]))
+        ]),
+        _: 3
+      }, 8, ["useModal", "title", "size", "classModal"])) : c("", !0),
+      D.value.length > 0 ? (l(), a("div", lt, d(D.value.join(" ")), 1)) : c("", !0)
+    ], 64));
+  }
+}), vt = {
+  "entity_picker.Loading": "Завантаження...",
+  "entity_picker.Select": "Вибір",
+  "entity_picker.Search": "Пошук...",
+  "entity_picker.Change": "Змінити",
+  "entity_picker.Edit": "Редагувати",
+  "entity_picker.List empty": "Список порожній",
+  "entity_picker.Nothing found for": "За запитом нічого не знайдено:"
+};
+export {
+  ct as OneEntityPicker,
+  vt as defaultEntityPickerTranslations
+};

package/dist/errorsPage/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../_plugin-vue_export-helper-f246444f.cjs"),s={statusMessage:{type:String,required:!1},statusText:{type:String,required:!1},requestId:{type:String,required:!1},statusCode:{type:String,default:"403"}},n=e.defineComponent({name:"ErrorPage",props:s});const a={class:"error-container"},l={class:"text-8xl text-secondary-content"},d={key:0},i={key:1,class:"pt-5"},p={class:"request-info hidden"};function c(u,t,m,g,_,y){const r=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("h1",l,e.toDisplayString(u.statusCode),1),u.statusMessage?(e.openBlock(),e.createElementBlock("p",d,e.toDisplayString(u.statusMessage),1)):e.createCommentVNode("",!0),t[4]||(t[4]=e.createElementVNode("div",{class:"border-b border-secondary-stroke w-full pt-10"},null,-1)),u.statusText?(e.openBlock(),e.createElementBlock("p",i,e.toDisplayString(u.statusText),1)):e.createCommentVNode("",!0),e.createElementVNode("div",p,[e.createElementVNode("p",null,[t[0]||(t[0]=e.createElementVNode("strong",null,"Request ID:",-1)),e.createTextVNode(" "+e.toDisplayString(u.requestId),1)]),t[1]||(t[1]=e.createElementVNode("button",{class:"copy-btn"},"Скопіювати",-1)),t[2]||(t[2]=e.createElementVNode("p",null,[e.createTextVNode(" Передайте цю інформацію розробнику або напишіть в "),e.createElementVNode("a",{href:"https://t.me/telegram_bot",target:"_blank"},"Telegram-бот")],-1))]),e.createVNode(r,{to:"/",class:"home-link"},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("Перейти на головну сторінку",-1)])]),_:1})])}const E=o._export_sfc(n,[["render",c],["__scopeId","data-v-41b3a0e1"]]);exports.OneErrorPage=E;