UNPKG

vue-selectpage

Version:

SelectPage for Vue, a select items components provides the list of items with pagination

3 lines (2 loc) 43.9 kB
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".sp-result-message{padding:20px 0;text-align:center;font-weight:700;color:#999}.sp-container{min-width:300px;display:inline-flex;overflow:hidden;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}.sp-message{display:flex;align-items:center;padding:10px 0;background-color:#e4eaee;color:#000;flex-grow:1}.sp-message .bi-chat-left-dots{font-size:1.2rem;margin:0 1rem}.sp-message .sp-message-body{font-size:14px;line-height:1;flex-wrap:wrap;max-width:15rem}.sp-message-slide-enter-active,.sp-message-slide-leave-active{transition:opacity .3s}.sp-message-slide-enter,.sp-message-slide-leave-to{opacity:0}.sp-message-slide-enter-to,.sp-message-slide-leave{opacity:1}.sp-icon{width:1em;height:1em}.sp-icon.sp-icon-small{font-size:1rem}.sp-icon.sp-icon-medium{font-size:1.3rem}.sp-circle-btn{width:20px;height:20px;font-size:14px;line-height:1;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;color:#aaa;transition:all .3s ease;border-radius:50%}.sp-circle-btn:hover{color:#000}.sp-circle-btn.sp-circle-btn--disabled,.sp-circle-btn.sp-circle-btn--disabled:hover{cursor:default;color:#eee}.sp-circle-btn.sp-circle-btn--small{width:16px;height:16px;font-size:12px}.sp-circle-btn.sp-circle-btn--large{width:28px;height:28px;font-size:16px}.animate-down-enter-from,.animate-down-leave-to{transform:scale(.95);opacity:0}.animate-down-enter-active{transform-origin:top left;transition-property:opacity,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-down-leave-active{transform-origin:top left;transition-property:opacity,transform;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-up-enter-from,.animate-up-leave-to{transform:scale(.95);opacity:0}.animate-up-enter-active{transform-origin:bottom left;transition-property:opacity,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-up-leave-active{transform-origin:bottom left;transition-property:opacity,transform;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.v-dropdown-trigger{display:inline-flex}.v-dropdown-trigger.v-dropdown-trigger--full-width{display:flex}.v-dropdown-container{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;display:inline-flex;margin:0;padding:0;position:absolute;top:0;left:0;border:1px solid #D6D7D7;box-sizing:border-box;background-color:#fff;border-radius:.3rem;overflow:hidden;z-index:3000;will-change:opacity,transform,top,left;box-shadow:0 15px 25px #0003}.v-dropdown-container.v-dropdown-no-border{border:0;border-radius:.5rem;box-shadow:0 10px 30px #0006}.sp-search{display:flex;align-items:center;padding:.5rem 0;transition:all .3s ease}.sp-search .sp-search-container{display:flex;align-items:center;flex-grow:1;padding:0;padding-left:.7rem;transition:all .3s ease}.sp-search .sp-search-container .sp-search-input{border:0;border-radius:50rem;background-color:transparent;margin-left:5px;font-size:14px;line-height:1.43;padding:4px 6px;box-sizing:border-box;outline:none!important;color:#333;font-weight:600;flex-grow:1;transition:all .3s ease}.sp-search .sp-search-container .sp-search-input.sp-search-input--rtl{direction:rtl}.sp-search .sp-search-container .sp-search-input::-moz-placeholder{color:#aaa;font-weight:500}.sp-search .sp-search-container .sp-search-input::placeholder{color:#aaa;font-weight:500}.sp-search .sp-search-container .sp-icon-loading{opacity:.5}.sp-search .sp-search-container .bi-search,.sp-search .sp-search-container .bi-x-lg{transition:all .3s ease;color:#aaa}.sp-search .sp-search-container .bi-search.sp-search-in-focus,.sp-search .sp-search-container .bi-x-lg.sp-search-in-focus{color:#000}.sp-search .sp-search-container .bi-x-lg{cursor:pointer}.sp-search .sp-search-container .bi-x-lg:hover{color:#000}.sp-search .sp-search-control{display:inline-flex;transition:all .3s ease;padding:0 .5rem}.sp-list{min-width:300px;max-height:320px;overflow-y:auto;padding:0 .3rem;transition:all .3s ease}.sp-list .sp-list-item{display:flex;align-items:center;justify-content:space-between;line-height:1.43;font-size:14px;text-align:left;overflow:hidden;white-space:nowrap;margin:0;padding:.25rem .5rem;color:#666;cursor:pointer;transition:all .2s ease}.sp-list .sp-list-item.sp-over{background-color:#f6f8fa!important;color:#000!important;border-radius:.4rem}.sp-list .sp-list-item.sp-selected{color:#ccc;cursor:default}.sp-list .sp-list-item.sp-rtl{direction:rtl;text-align:right}.sp-table{padding:0 .3rem;min-width:300px;max-height:320px;overflow-y:auto}.sp-table table{width:100%;border-spacing:0}.sp-table table td,.sp-table table th{font-size:14px;line-height:1.43;border:0!important}.sp-table table th{padding:0 8px 5px;font-weight:600;font-size:15px;color:#333;text-align:left}.sp-table table td{padding:.25rem .5rem;color:#666;cursor:pointer}.sp-table table tbody tr.sp-over td{background-color:#f6f8fa!important;color:#000!important}.sp-table table tbody tr.sp-over td:first-child{border-top-left-radius:.4rem;border-bottom-left-radius:.4rem}.sp-table table tbody tr.sp-over td:last-child{border-top-right-radius:.4rem;border-bottom-right-radius:.4rem}.sp-table table tbody tr.sp-selected td{color:#ccc;cursor:default}.sp-table table thead .sp-rtl th,.sp-table table tbody .sp-rtl td{direction:rtl;text-align:right}.sp-pagination{display:flex;justify-content:space-between;align-items:center;padding:5px 10px}.sp-pagination .sp-page-info{line-height:1;color:#0000004d;font-size:14px;font-weight:600;margin-right:10px}.sp-pagination .sp-page-control{padding:0;margin:0}.sp-pagination .sp-page-control .sp-page-button{display:inline-flex}.sp-pagination .sp-page-control .sp-page-button a{display:inline-flex;padding:7px;font-size:14px;color:#333;text-decoration:none;cursor:pointer;line-height:1;background:transparent;transition:all .3s ease;border-radius:.6rem}.sp-pagination .sp-page-control .sp-page-button a:hover{color:#000;background-color:#f1f1f1}.sp-pagination .sp-page-control .sp-page-button.sp-page-disabled a{color:#ddd;font-weight:400;background-color:transparent;cursor:default}.sp-trigger-container{display:flex;align-items:center;justify-content:space-between;flex-grow:1;padding:6px 12px 6px 6px;background-color:#fff;border:1px solid #ddd;border-radius:.3rem;font-size:14px;line-height:1.42857143;outline:0!important;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.sp-trigger-container:hover{border:1px solid #aaa}.sp-trigger-container.sp-disabled,.sp-trigger-container.sp-disabled:hover{border:1px solid #eee;background-color:#eee;cursor:default;color:#aaa}.sp-trigger-container.sp-disabled .sp-select,.sp-trigger-container.sp-disabled .sp-chips,.sp-trigger-container.sp-disabled:hover .sp-select,.sp-trigger-container.sp-disabled:hover .sp-chips{color:#aaa;background-color:#eee}.sp-trigger-container.sp-disabled .sp-chip,.sp-trigger-container.sp-disabled:hover .sp-chip{background-color:#d6d6d6!important;color:#666!important}.sp-trigger-container .bi-chevron-down{transition:transform .2s ease;margin-left:.5rem;font-size:1rem;color:#666}.sp-trigger-container.sp-opened{box-shadow:3px 2px 6px #0000004d;border:1px solid #666;color:#000}.sp-trigger-container.sp-opened .bi-chevron-down{transform:rotate(180deg)}.sp-trigger-container.sp-opened:hover{border:1px solid #666}.sp-trigger-container .sp-placeholder{color:#aaa;padding:5px;line-height:1}.sp-trigger-container .sp-trigger{display:flex;align-items:center;flex-wrap:wrap}.sp-trigger-container .sp-trigger.sp-select{justify-content:space-between;flex-grow:1}.sp-trigger-container .sp-trigger.sp-select .sp-select-content{padding:5px;line-height:1.143;color:#666}.sp-trigger-container .sp-trigger.sp-chips{gap:.5rem}.sp-trigger-container .sp-trigger .sp-chip{border-radius:.3rem;background-color:#eee;color:#666;display:inline-flex;align-items:center;padding:5px 7px;transition:all .2s ease}.sp-trigger-container .sp-trigger .sp-chip--body{display:inline-flex;line-height:1.143;margin-right:5px}.sp-trigger-container .sp-trigger .sp-chip:hover{background-color:#f7f7f7;color:#000}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})(); (function(L,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(L=typeof globalThis<"u"?globalThis:L||self,t(L.VSelectpage={},L.Vue))})(this,function(L,t){"use strict";const[G,Z,W,K,ee,te]=[37,38,39,40,13,27],xe=[G,Z,W,K,ee,te],N=-1,ne=0,Ie=0,z=1,$e=10,le="first",X="previous",q="next",ae="last",x="page_num",I="page_count",$="row_count",T="max_select_limit",A="selected_count",[Te,j,Ae,Ee,Be,De,Le,ke,Oe,Ne,ze,Me,Ve,Re]=["zh-chs","en","ja","ar","es","de","ro","ru","fr","pt-br","pl","nl","zh-cht","tr"],F={[Te]:{next:"下一页",prev:"上一页",first:"首页",last:"尾页",pageInfo:`第 ${x}/${I} 页(共 ${$} 条记录)`,notFound:"无查询结果",loadingData:"Loading data...",clear:"清除内容",clearAll:"清除全部已选择项目",fetchData:"Refresh data",maxSelected:`最多只能选择 ${T} 个项目`,placeholder:"请选择一个项目",selectedCount:`已选择 ${A} 个项目`,search:"搜索"},[j]:{next:"Next page",prev:"Previous page",first:"First page",last:"Last page",pageInfo:`Page ${x} of ${I} (${$} records)`,notFound:"Data not found",loadingData:"Loading data...",clear:"Clear content",clearAll:"Clear all selected",fetchData:"Refresh data",maxSelected:`You can only select up to ${T} items`,placeholder:"Select an option",selectedCount:`${A} items selected`,search:"Search"},[Ae]:{next:"次へ",prev:"前へ",first:"最初のページへ",last:"最後のページへ",pageInfo:`${x}/${I} 件 (全 ${$} つ記録)`,notFound:"(0 件)",loadingData:"Loading data...",clear:"コンテンツをクリアする",clearAll:"選択した項目をクリアする",fetchData:"Refresh data",maxSelected:`最多で ${T} のプロジェクトを選ぶことしかできません`,placeholder:"プロジェクトを選択してください",selectedCount:`${A} アイテムが選択されました`,search:"検索"},[Ee]:{next:"التالي",prev:"السابق",first:"الاول",last:"الأخير",pageInfo:`صفحة ${x}/${I} (${$} سجلات)`,notFound:"لا يوجد نتائج",loadingData:"Loading data...",clear:"محو المحتوى",clearAll:"إلغاء التحديد",fetchData:"Refresh data",maxSelected:`يمكنك فقط تحديد (${T}) عناصر`,placeholder:"رجاء حدد الخيار",selectedCount:`تم تحديد (${A}) عناصر`,search:"يبحث"},[Be]:{next:"Siguiente página",prev:"Pagina anterior",first:"Primera página",last:"última página",pageInfo:`Página ${x}/${I} (${$} registros)`,notFound:"no encontrado",loadingData:"Loading data...",clear:"Borrar contenido",clearAll:"Borrar todo lo seleccionado",fetchData:"Refresh data",maxSelected:`Solo puedes seleccionar hasta ${T} items`,placeholder:"Seleccione una opción",selectedCount:`${A} items Seleccionado`,search:"Buscar"},[De]:{next:"Nächste Seite",prev:"Vorherige Seite",first:"Erste Seite",last:"Letzte Seite",pageInfo:`Seite ${x}/${I} (${$} Einträge)`,notFound:"Nicht gefunden",loadingData:"Loading data...",clear:"Inhalt löschen",clearAll:"Alle ausgewählten löschen",fetchData:"Refresh data",maxSelected:`Sie können nur bis zu ${T} Elemente auswählen`,placeholder:"Wählen",selectedCount:`${A} Elemente ausgewählt`,search:"Suchen"},[Le]:{next:"Pagina următoare",prev:"Pagina precedentă",first:"Prima pagină",last:"Ultima pagină",pageInfo:`Pagina ${x}/${I} (${$} înregistrări)`,notFound:"nu a fost găsit",loadingData:"Loading data...",clear:"Șterge conținutul",clearAll:"Șterge înregistrările selectate",fetchData:"Refresh data",maxSelected:`Poți selecta până la ${T} înregistrări`,placeholder:"Selectează o înregistrare",selectedCount:`${A} înregistrări selectate`,search:"Căutare"},[ke]:{next:"Вперед",prev:"Назад",first:"В начало",last:"В конец",pageInfo:`${x} - ${I} / ${$}`,notFound:"Нет данных",loadingData:"Загрузка данных...",clear:"Очистить",clearAll:"Очистить выбранное",fetchData:"Обновить данные",maxSelected:`Нельзя выбрать более ${T} значений`,placeholder:"Выберите значение",selectedCount:`${A} - выбрано`,search:"Поиск"},[Oe]:{next:"Page suivante",prev:"Page précédente",first:"Première page",last:"Dernière page",pageInfo:`Page ${x}/${I} (${$} lignes)`,notFound:"Aucun résultat",loadingData:"Loading data...",clear:"Effacer",clearAll:"Tout déselectionner",fetchData:"Refresh data",maxSelected:`Vous ne pouvez pas sélectionner plus de ${T} élements`,placeholder:"Sélectionnez une option",selectedCount:`${A} éléments sélectionnés`,search:"Recherche"},[Ne]:{next:"Página seguinte",prev:"Página anterior",first:"Primera página",last:"Última página",pageInfo:`Página ${x}/${I} (${$} registros)`,notFound:"não encontrado",loadingData:"Loading data...",clear:"Apagar conteúdo",clearAll:"Apagar itens selecionados",fetchData:"Refresh data",maxSelected:`Máximo permitido ${T} itens`,placeholder:"Selecione uma opção",selectedCount:`${A} itens selecionados`,search:"Procurar"},[ze]:{next:"Następna",prev:"Poprzednia",first:"Pierwsza",last:"Ostatnia",pageInfo:`Strona ${x}/${I} (${$} rekordów)`,notFound:"Nic nie znaleziono",loadingData:"Loading data...",clear:"Wyczyść",clearAll:"Usuń wszystkie zaznaczone",fetchData:"Refresh data",maxSelected:`Możesz zaznaczyć maksymalnie ${T}`,placeholder:"Wybierz z listy",selectedCount:`${A} zaznaczonych`,search:"Szukaj"},[Me]:{next:"Volgende pagina",prev:"Vorige pagina",first:"Eerste pagina",last:"Laatste pagina",pageInfo:`Pagina ${x}/${I} (${$} items)`,notFound:"Niet gevonden",loadingData:"Loading data...",clear:"Wissen",clearAll:"Wis selectie",fetchData:"Refresh data",maxSelected:`Je kunt maar ${T} items selecteren`,placeholder:"Kies een optie",selectedCount:`${A} Items geselecteerd`,search:"Zoekopdracht"},[Ve]:{next:"下一頁",prev:"上一頁",first:"首頁",last:"尾頁",pageInfo:`第 ${x}/${I} 頁(共 ${$} 條記錄)`,notFound:"無查詢結果",loadingData:"Loading data...",clear:"清除內容",clearAll:"清除全部已選擇項目",fetchData:"Refresh data",maxSelected:`最多只能選擇 ${T} 個項目`,placeholder:"請選擇一個項目",selectedCount:`已選擇 ${A} 個項目`,search:"搜索"},[Re]:{next:"Sonraki",prev:"Önceki",first:"İlk",last:"Son",pageInfo:"Sayfa page_num/page_count ( row_count kayıt )",notFound:"Bulunamadı",loadingData:"Loading data...",clear:"İçeriği temizle",clearAll:"Tüm seçilenleri bırak",fetchData:"Refresh data",maxSelected:"Sadece max_selected_limit kadar seçim yapabilirsin.",placeholder:"Seçim yapınız.",selectedCount:"selected_count seçildi.",search:"Aramak"}};function je(e){if(!e)return F[j];const n=String(e).toLowerCase();return Object.hasOwn(F,n)?F[n]:F[j]}function Y(e=3e3){let n;return l=>{clearTimeout(n),n=setTimeout(l,e)}}function M(e){return!e||!Object.hasOwn(e,"multiple")?!1:typeof e.multiple=="boolean"?e.multiple:e.multiple===""}function Fe(e){return[Z,K].includes(e)}function He(e){return[G,W].includes(e)}function Ue(e){return ee===e}function Ge(e){return te===e}function Ze(e){e&&e.focus({preventScroll:!0})}function oe(e){return Array.isArray(e)?!e.length:!0}function ie(e){return typeof e=="string"?e:typeof e=="number"?`${e}px`:""}const re=()=>({list:{type:Array,default:void 0},highlightIndex:{type:Number,default:N}}),se=()=>["select","set-highlight"];function We(e,n){const l=t.ref([]),s=t.computed(()=>{var r;return(r=l.value)==null?void 0:r.length});function i(r){var f;return(f=l.value)!=null&&f.length?l.value.some(h=>h[e.keyProp]===r[e.keyProp]):!1}function o(r){var f;return!((f=l.value)!=null&&f.length)||typeof r>"u"?!1:l.value.some(h=>h[e.keyProp]===r)}function c(r){var f,h,p;if(e.multiple){const y=new Set(r);return y.size!==((f=l.value)==null?void 0:f.length)?!1:Array.from(y).every(o)}else if((h=l.value)!=null&&h.length)return(r==null?void 0:r.toString())===((p=l.value[0][e.keyProp])==null?void 0:p.toString())}function u(r){if(!i(r)){if(e.multiple&&l.value){g([...l.value,r]);return}g([r])}}function d(){n("remove",l.value),g(null)}function a(r){var f;n("remove",[r]),((f=l.value)==null?void 0:f.length)===1?g(null):g(l.value.filter(h=>h[e.keyProp]!==r[e.keyProp]))}function g(r,f=!0){var h;if(l.value=r,f)if(e.multiple)n("update:modelValue",(r==null?void 0:r.map(p=>p[e.keyProp]))||null);else{const p=((h=r==null?void 0:r[0])==null?void 0:h[e.keyProp])??null;p?n("update:modelValue",e.convertValueToString?p.toString():p):n("update:modelValue",null)}n("selection-change",r)}return{selected:l,selectedCount:s,isItemSelected:i,selectItem:u,removeItem:a,removeAll:d,setSelected:g,isKeysEqualToSelected:c}}function Ke(e,n,l){const s=t.ref(N);function i(a){s.value=a}function o(){s.value!==N&&s.value!==0&&(s.value-=1)}function c(){oe(l.value)||s.value!==l.value.length-1&&(s.value+=1)}function u(a){if(a===Z)return o();if(a===K)return c()}function d(){return s.value!==N}return{highlightIndex:s,setItemHighlight:i,highlightNavigation:u,isSomeRowHighlight:d}}function ce(e){return xe.includes(e)}function de(){return{modelValue:{type:[Array,Number,String],default:null},placeholder:{type:String,default:""},multiple:{type:Boolean,default:!1},language:{type:String,default:j},keyProp:{type:String,default:"id"},labelProp:{type:[String,Function],default:"name"},pageSize:{type:Number,default:$e},max:{type:Number,default:ne,validator:e=>e>=0},pagination:{type:Boolean,default:!0},rtl:{type:Boolean,default:!1},convertValueToString:{type:Boolean,default:!0},width:{type:[String,Number],default:void 0},debounce:{type:Number,default:300},fetchDataOnMount:{type:Boolean,default:!1}}}function ue(){return{disabled:{type:Boolean,default:!1},customTriggerClass:{type:String,default:""},customContainerClass:{type:String,default:""}}}function fe(){return["update:modelValue","fetch-data","fetch-selected-data","selection-change","remove","close-dropdown","adjust-dropdown"]}function Xe(e,n){const l=je(e.language),{selected:s,selectedCount:i,isItemSelected:o,removeAll:c,removeItem:u,selectItem:d,setSelected:a,isKeysEqualToSelected:g}=We(e,n),r=t.ref(""),f=t.ref(""),h=t.ref(z),p=t.ref(0),y=t.ref([]),m=t.ref(!1),E=Y(),B=()=>oe(y.value),b=S=>{if(!S||!Object.keys(S).length)return"";switch(typeof e.labelProp){case"string":return S[e.labelProp];case"function":return e.labelProp(S)}},_=S=>{var P;if(e.max===ne)return d(S);if(e.multiple&&((P=s.value)==null?void 0:P.length)===e.max){f.value=l.maxSelected.replace(T,e.max),E(()=>{f.value=""});return}d(S)},v=()=>{m.value=!0;const S={search:r.value,pageNumber:h.value,pageSize:e.pagination?e.pageSize:Ie};n("fetch-data",S,(P,k)=>{Array.isArray(P)&&(y.value=P,p.value=typeof k=="number"?k:0,t.nextTick(()=>{m.value=!1}))})},C=()=>{const{modelValue:S}=e;let P=S;if(e.multiple)if(Array.isArray(P)){if(!P.length){a(null,!1),m.value=!1;return}}else if(P)typeof P=="string"?P=P.split(","):P=[S];else return;else if(!P){a(null,!1),m.value=!1;return}g(P)||(m.value=!0,n("fetch-selected-data",P,k=>{m.value=!1,!(e.multiple&&!Array.isArray(k))&&a(k,S.length!==k.length)}))};return t.watch(r,()=>{h.value=z,v()}),t.watch(()=>e.modelValue,C),t.onMounted(()=>{e.fetchDataOnMount&&v(),C()}),t.provide("keyProp",e.keyProp),t.provide("rtl",e.rtl),t.provide("pageSize",e.pageSize),t.provide("debounce",e.debounce),t.provide("multiple",e.multiple),t.provide("loading",m),t.provide("language",l),t.provide("renderCell",b),t.provide("isItemSelected",o),t.provide("selectedCount",i),t.provide("removeAll",c),t.provide("removeItem",u),t.provide("fetchData",v),{selected:s,query:r,message:f,currentPage:h,totalRows:p,lang:l,list:y,loading:m,renderCell:b,isDataEmpty:B,isItemSelected:o,selectedCount:i,selectItem:_,removeAll:c,removeItem:u,fetchData:v}}function O(){return{keyProp:t.inject("keyProp"),renderCell:t.inject("renderCell"),rtl:t.inject("rtl"),isItemSelected:t.inject("isItemSelected"),pageSize:t.inject("pageSize"),language:t.inject("language"),debounce:t.inject("debounce"),multiple:t.inject("multiple"),loading:t.inject("loading"),selectedCount:t.inject("selectedCount"),removeAll:t.inject("removeAll"),removeItem:t.inject("removeItem"),fetchData:t.inject("fetchData")}}const un="";function qe(e,n,l,s){const i=t.computed(()=>Math.ceil(l.value/e.pageSize)),o=t.computed(()=>n.value===z),c=t.computed(()=>n.value===i.value),u=t.computed(()=>s.pageInfo.replace(x,n.value).replace(I,i.value).replace($,l.value)),d=function(r){switch(r){case le:return z;case X:return n.value-1;case q:return n.value+1;case ae:return i.value}},a=function(r){let f=d(r);typeof f>"u"||(f<z&&(f=z),f>i.value&&(f=i.value),f!==n.value&&(n.value=f))};return{paginationInfo:u,isFirstPage:o,isLastPage:c,switchPage:a,pagingNavigation:r=>{if(r===G)return a(X);if(r===W)return a(q)}}}const fn="";function Ye(){const e=window.pageXOffset!==void 0,n=(document.compatMode||"")==="CSS1Compat";return{x:e?window.pageXOffset:n?document.documentElement.scrollLeft:document.body.scrollLeft,y:e?window.pageYOffset:n?document.documentElement.scrollTop:document.body.scrollTop}}function Je(e){return window.getComputedStyle(e).display==="none"}function ge(e){if(Je(e)){e.style.visibility="hidden",e.style.display="inline-block";const n=e.getBoundingClientRect();return e.style.visibility="visible",e.style.display="none",n}return e.getBoundingClientRect()}const he="click",Qe="hover",et="contextmenu",pe=150,J=5;function tt(e,n){return typeof e.animated=="string"?e.animated:e.animated?n.value?"animate-up":"animate-down":""}function Q(e){return{isTriggerByClick:e.trigger===he,isTriggerByHover:e.trigger===Qe,isTriggerByContextmenu:e.trigger===et}}function nt(e,n,l,s){const{isTriggerByContextmenu:i}=Q(e),o=window.pageYOffset,c=document.documentElement.clientHeight,u=i?n:l.top+o;let d=i?n:l.top+l.height+J+o,a=!1,g=!1,r=!1;return d+s.height>o+c&&(a=!0),u-J-s.height<o&&(g=!0),!g&&a&&(d=u-J-s.height,r=!0),{dropUp:r,top:d}}function lt(e,n,l,s){const{isTriggerByContextmenu:i}=Q(e),o=window.pageXOffset,c=document.documentElement.clientWidth,u=i?0:l.width,d=i?n:l.left+o,a=d+u/2-s.width/2,g=d+u-s.width;switch(e.align){case"left":return d+s.width>o+c?g:d;case"center":return a+s.width>o+c?g:g<o?d:a;case"right":return g<o?d:g}}function at(e){const n=Ye();return{x:e.pageX||e.clientX+n.x,y:e.pageY||e.clientY+n.y}}function ot(e){return["v-dropdown-container",e.border||"v-dropdown-no-border",e.customContainerClass&&e.customContainerClass]}function it(e){return["v-dropdown-trigger",e.fullWidth&&"v-dropdown-trigger--full-width",e.customTriggerClass&&e.customTriggerClass]}const rt=t.defineComponent({name:"VDropdown",props:{align:{type:String,default:"left"},border:{type:Boolean,default:!0},toggle:{type:Boolean,default:!0},manual:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},animated:{type:[String,Boolean],default:!0},width:{type:Number,default:void 0},fullWidth:{type:Boolean,default:!1},trigger:{type:String,default:he},customTriggerClass:{type:String,default:""},customContainerClass:{type:String,default:""}},emits:["visible-change"],setup(e,{slots:n,emit:l,expose:s}){const i=t.ref(!1),o=t.reactive({top:"",left:"",width:""}),c=t.reactive({x:null,y:null}),u=t.ref(!1),d=t.ref(null),a=t.ref(null),g=t.ref(null),{isTriggerByClick:r,isTriggerByHover:f,isTriggerByContextmenu:h}=Q(e);t.watch(i,b=>l("visible-change",b));function p(){e.disabled||("trigger"in n&&E(),f?(window.clearTimeout(d.value),d.value=window.setTimeout(()=>{i.value=!0},pe)):i.value=!0)}function y(b=!1){e.disabled||!e.toggle&&!b||(f?(window.clearTimeout(d.value),d.value=window.setTimeout(()=>{i.value=!1},pe)):i.value=!1)}function m(){i.value?y():p()}function E(){const b=ge(a.value),_=ge(g.value),v=nt(e,c.y,b,_),C=lt(e,c.x,b,_);u.value=v.dropUp,o.top=`${v.top}px`,o.left=`${C}px`}function B(b){if(!i.value)return;const _=b.composedPath().some(v=>v===a.value);_&&!e.toggle&&!h||(!_||_&&h)&&y(!0)}return t.onMounted(()=>{typeof e.width<"u"&&(o.width=e.width+"px"),document.body.addEventListener("mousedown",B)}),t.onBeforeUnmount(()=>{document.body.removeEventListener("mousedown",B),g.value&&g.value.remove()}),t.onUnmounted(()=>{a.value&&a.value.remove()}),s({display:p,close:y,toggleVisible:m,adjust:E,container:g,visible:i}),()=>{const b=[];"trigger"in n&&b.push(n.trigger({visible:i,disabled:e.disabled}));const _={class:ot(e),style:o,ref:g,onMousedown:S=>S.stopPropagation()};f&&(_.onMouseenter=p,_.onMouseleave=y);const v=t.withDirectives(t.h("div",_,n.default&&n.default()),[[t.vShow,i.value]]);b.push(t.h(t.Teleport,{to:"body"},[t.h(t.Transition,{name:tt(e,u)},()=>[v])]));const C={class:it(e),ref:a};return f?(C.onMouseenter=p,C.onMouseleave=y):r?C.onClick=S=>{e.manual||(S.stopPropagation(),m())}:h&&(C.onContextmenu=S=>{if(e.manual)return;S.stopPropagation(),S.preventDefault();const P=at(S);c.x=P.x,c.y=P.y,p()}),t.h("div",C,b)}}}),gn="",V={name:"SelectPageCircleButton",props:{size:{type:String,default:""},disabled:{type:Boolean,default:!1},bgColor:{type:String,default:"transparent"},hoverBgColor:{type:String,default:"#f1f1f1"}},setup(e,{slots:n}){const l=t.ref(""),s=t.computed(()=>({"sp-circle-btn--disabled":e.disabled,"sp-circle-btn--small":e.size==="small","sp-circle-btn--large":e.size==="large"})),i=t.computed(()=>({"font-size":e.fontSize,"background-color":e.disabled?"transparent":l.value}));return()=>{const o={class:["sp-circle-btn",s.value],style:i.value,onMouseenter(){l.value=e.hoverBgColor},onMouseleave(){l.value=e.bgColor}};return t.h("div",o,n.default&&n.default())}}},D=(e,n)=>{const l=e.__vccOpts||e;for(const[s,i]of n)l[s]=i;return l},st={},ct={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-search",viewBox:"0 0 16 16"};function dt(e,n){return t.openBlock(),t.createElementBlock("svg",ct,n[0]||(n[0]=[t.createElementVNode("path",{d:"M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"},null,-1)]))}const ut=D(st,[["render",dt]]),ft={},gt={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-x-lg",viewBox:"0 0 16 16"};function ht(e,n){return t.openBlock(),t.createElementBlock("svg",gt,n[0]||(n[0]=[t.createElementVNode("path",{d:"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"},null,-1)]))}const H=D(ft,[["render",ht]]),pt={},mt={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",class:"sp-icon sp-icon-loading"};function vt(e,n){return t.openBlock(),t.createElementBlock("svg",mt,n[0]||(n[0]=[t.createElementVNode("path",{d:"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",opacity:".25"},null,-1),t.createElementVNode("path",{d:"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"},[t.createElementVNode("animateTransform",{attributeName:"transform",type:"rotate",dur:"0.75s",values:"0 12 12;360 12 12",repeatCount:"indefinite"})],-1)]))}const me=D(pt,[["render",vt]]),wt={props:{modelValue:{type:String,default:""}},emits:["update:modelValue","keyboard-operation"],setup(e,{emit:n,expose:l}){const{rtl:s,debounce:i,loading:o,language:c,selectedCount:u,multiple:d}=O(),a=t.ref(!1),g=t.ref(),r=Y(i),f=t.computed(()=>!d||!u.value?c.search:c.selectedCount.replace(A,u.value)),h=()=>Ze(g.value);return l({focus:h}),()=>{const y=[t.computed(()=>o.value?t.h(me):t.h(ut,{class:a.value?"sp-search-in-focus":""})).value,t.h("input",{type:"text",autocomplete:"off",value:e.modelValue.trim(),class:{"sp-search-input":!0,"sp-search-input--rtl":s},disabled:o.value,placeholder:f.value,onKeydown:m=>{m.stopPropagation(),ce(m.keyCode)&&n("keyboard-operation",m.keyCode)},onFocus:()=>{a.value=!0},onBlur:()=>{a.value=!1},onInput:m=>{ce(m.keyCode)||r(()=>{n("update:modelValue",m.target.value.trim())})},ref:g})];if(e.modelValue.trim()){const m={onClick(){n("update:modelValue",""),h()}};y.push(t.h(V,m,()=>t.h(H)))}return t.h("div",{class:"sp-search-container"},y)}}},yt={},bt={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-trash3",viewBox:"0 0 16 16"};function St(e,n){return t.openBlock(),t.createElementBlock("svg",bt,n[0]||(n[0]=[t.createElementVNode("path",{d:"M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z"},null,-1)]))}const Ct=D(yt,[["render",St]]),Pt={},_t={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-refresh6",viewBox:"0 0 24 24"};function xt(e,n){return t.openBlock(),t.createElementBlock("svg",_t,n[0]||(n[0]=[t.createElementVNode("path",{d:"M20.944 12.979c-.489 4.509-4.306 8.021-8.944 8.021-2.698 0-5.112-1.194-6.763-3.075l1.245-1.633c1.283 1.645 3.276 2.708 5.518 2.708 3.526 0 6.444-2.624 6.923-6.021h-2.923l4-5.25 4 5.25h-3.056zm-15.864-1.979c.487-3.387 3.4-6 6.92-6 2.237 0 4.228 1.059 5.51 2.698l1.244-1.632c-1.65-1.876-4.061-3.066-6.754-3.066-4.632 0-8.443 3.501-8.941 8h-3.059l4 5.25 4-5.25h-2.92z"},null,-1)]))}const It=D(Pt,[["render",xt]]),$t={setup(){const{selectedCount:e,removeAll:n,language:l,fetchData:s}=O();return()=>{const i=[],o={title:l.clearAll,size:"large",disabled:!e.value,onClick:n},c={title:l.fetchData,size:"large",onClick:s};return i.push(t.h(V,c,()=>t.h(It))),i.push(t.h(V,o,()=>t.h(Ct))),t.h("div",{class:"sp-search-control"},i)}}},hn="",Tt={props:{data:{type:Object,default:void 0},isHover:{type:Boolean,default:!1},isSelected:{type:Boolean,default:!1}},emits:["select","hover"],setup(e,{emit:n}){const{renderCell:l,rtl:s,removeItem:i}=O();return()=>{const o=l(e.data),c={class:{"sp-list-item":!0,"sp-over":!e.isSelected&&e.isHover,"sp-selected":e.isSelected,"sp-rtl":s},onClick:()=>n("select"),onMouseenter:()=>n("hover")},u=[t.h("div",{title:o,innerHTML:o})];if(e.isSelected){const d={onClick:a=>{a.stopPropagation(),i(e.data)}};u.push(t.h(V,d,()=>t.h(H)))}return t.h("div",c,u)}}},At={name:"SelectPageList",props:re(),emits:se(),setup(e,{emit:n}){const{isItemSelected:l,keyProp:s}=O();return()=>{const i=e.list.map((c,u)=>t.h(Tt,{key:c[s],data:c,isHover:e.highlightIndex===u,isSelected:l(c),onSelect:()=>n("select",c),onHover:()=>n("set-highlight",u)})),o={class:"sp-list",onMouseleave:()=>n("set-highlight",N)};return t.h("div",o,i)}}},pn="",Et={props:{columns:{type:Object,default:void 0},row:{type:Object,default:void 0},isHover:{type:Boolean,default:!1},isSelected:{type:Boolean,default:!1}},emits:["select","hover"],setup(e,{emit:n}){const{row:l}=e,{rtl:s}=O(),i=o=>{if(!l||!Object.keys(l).length||!(o!=null&&o.data))return"";switch(typeof o.data){case"string":return l[o.data];case"function":return o.data(l)}};return()=>{const o={class:{"sp-over":!e.isSelected&&e.isHover,"sp-selected":e.isSelected,"sp-rtl":s},onClick:()=>n("select"),onMouseenter:()=>n("hover")},c=e.columns.map((u,d)=>{const a={key:d,innerHTML:i(u)};return Object.hasOwn(u,"width")&&(a.style={width:ie(u.width)}),t.h("td",a)});return t.h("tr",o,c)}}},Bt={name:"SelectPageTable",props:{...re(),columns:{type:Array,default:void 0}},emits:se(),setup(e,{emit:n}){const{isItemSelected:l,rtl:s,keyProp:i}=O();return()=>{const o=e.columns.map(d=>t.h("th",d.title)),c=e.list.map((d,a)=>t.h(Et,{key:d[i],row:d,columns:e.columns,isHover:e.highlightIndex===a,isSelected:l(d),onSelect:()=>n("select",d),onHover:()=>n("set-highlight",a)})),u=t.h("table",[t.h("thead",t.h("tr",{class:{"sp-rtl":s}},o)),t.h("tbody",{onMouseleave:()=>n("set-highlight",N)},c)]);return t.h("div",{class:"sp-table"},u)}}},mn="",Dt={},Lt={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-chevron-bar-left",viewBox:"0 0 16 16"};function kt(e,n){return t.openBlock(),t.createElementBlock("svg",Lt,n[0]||(n[0]=[t.createElementVNode("path",{"fill-rule":"evenodd",d:"M11.854 3.646a.5.5 0 0 1 0 .708L8.207 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0zM4.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"},null,-1)]))}const Ot=D(Dt,[["render",kt]]),Nt={},zt={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-chevron-left",viewBox:"0 0 16 16"};function Mt(e,n){return t.openBlock(),t.createElementBlock("svg",zt,n[0]||(n[0]=[t.createElementVNode("path",{"fill-rule":"evenodd",d:"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"},null,-1)]))}const Vt=D(Nt,[["render",Mt]]),Rt={},jt={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-chevron-right",viewBox:"0 0 16 16"};function Ft(e,n){return t.openBlock(),t.createElementBlock("svg",jt,n[0]||(n[0]=[t.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"},null,-1)]))}const Ht=D(Rt,[["render",Ft]]),Ut={},Gt={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-chevron-bar-right",viewBox:"0 0 16 16"};function Zt(e,n){return t.openBlock(),t.createElementBlock("svg",Gt,n[0]||(n[0]=[t.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.146 3.646a.5.5 0 0 0 0 .708L7.793 8l-3.647 3.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0zM11.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"},null,-1)]))}const Wt=D(Ut,[["render",Zt]]),Kt={name:"SelectPagePagination",props:{pageInfo:{type:String,default:""},isFirstPage:{type:Boolean,default:!0},isLastPage:{type:Boolean,default:!1}},emits:["page-change"],setup(e,{emit:n}){const{language:l}=O();return()=>{const i=[{action:le,title:l.first,disabled:e.isFirstPage,icon:Ot},{action:X,title:l.prev,disabled:e.isFirstPage,icon:Vt},{action:q,title:l.next,disabled:e.isLastPage,icon:Ht},{action:ae,title:l.last,disabled:e.isLastPage,icon:Wt}].map(o=>{const c={href:"javascript:void(0)",onClick:()=>n("page-change",o.action)},u=[{"sp-page-disabled":o.disabled},"sp-page-button"];return t.h("div",{class:u,title:o.title},[t.h("a",c,t.h(o.icon))])});return t.h("div",{class:"sp-pagination"},[t.h("div",{class:"sp-page-info"},e.pageInfo),t.h("div",{class:"sp-page-control"},i)])}}},Xt={},qt={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-chat-left-dots",viewBox:"0 0 16 16"};function Yt(e,n){return t.openBlock(),t.createElementBlock("svg",qt,n[0]||(n[0]=[t.createElementVNode("path",{d:"M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"},null,-1),t.createElementVNode("path",{d:"M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"},null,-1)]))}const Jt=D(Xt,[["render",Yt]]);function ve(e,n){const{lang:l,selected:s,query:i,message:o,currentPage:c,totalRows:u,list:d,loading:a,isDataEmpty:g,selectItem:r,fetchData:f,renderCell:h,removeAll:p,removeItem:y}=Xe(e,n),{highlightIndex:m,setItemHighlight:E,highlightNavigation:B,isSomeRowHighlight:b}=Ke(e,n,d),{paginationInfo:_,isFirstPage:v,isLastPage:C,switchPage:S,pagingNavigation:P}=qe(e,c,u,l),k=Y(e.debounce),R=t.ref();t.watch(a,w=>{w||t.nextTick(()=>R.value&&R.value.focus())});const on=()=>{R.value&&R.value.focus()},rn=()=>t.h("div",{class:"sp-search"},[t.h(wt,{ref:R,modelValue:i.value,"onUpdate:modelValue"(w){i.value=w},onKeyboardOperation:w=>{if(Fe(w))return B(w);if(He(w)){P(w),k(f);return}if(Ue(w))return b()?r(d.value[m.value]):void 0;Ge(w)&&n("close-dropdown")}}),t.h($t)]),sn=()=>{const w=[];o.value&&w.push(t.h("div",{class:"sp-message"},[t.h(Jt),t.h("div",{class:"sp-message-body",innerHTML:o.value})]));const U={name:"sp-message-slide",appear:!0,onEnter:()=>n("adjust-dropdown"),onAfterLeave:()=>n("adjust-dropdown")};return t.h(t.Transition,U,()=>w)},cn=()=>g()?_e():t.h(At,{list:d.value,highlightIndex:m.value,onSelect:w=>r(w),onSetHighlight:w=>E(w)}),dn=()=>g()?_e():t.h(Bt,{list:d.value,columns:e.columns,highlightIndex:m.value,onSelect:w=>r(w),onSetHighlight:w=>E(w)}),_e=()=>t.h("div",{class:"sp-result-message"},a.value?"":l.notFound);return{selected:s,query:i,message:o,currentPage:c,lang:l,loading:a,renderCell:h,removeAll:p,removeItem:y,setSearchFocus:on,renderSearch:rn,renderMessage:sn,renderList:cn,renderTable:dn,renderPagination:()=>{if(e.pagination)return t.h(Kt,{pageInfo:_.value,isFirstPage:v.value,isLastPage:C.value,onPageChange(w){S(w),f()}})},renderContainer:w=>{const U=t.ref({class:{"sp-container":!0,"sp-loading":a.value}});return e.width&&(U.value.style={width:ie(e.width)}),t.h("div",U.value,w)},fetchData:f}}function we(e){const n=t.ref(!1),l=t.ref();function s(){l.value&&l.value.close()}function i(){l.value&&l.value.adjust()}function o(c,u,d){const a={ref:l,border:!1,fullWidth:!0,disabled:e.disabled,customTriggerClass:e==null?void 0:e.customTriggerClass,customContainerClass:e==null?void 0:e.customContainerClass,onVisibleChange(g){n.value=g}};return t.h(rt,t.mergeProps(a,c),{trigger:()=>u,default:()=>d})}return{visible:n,dropdownRef:l,renderDropdown:o,closeDropdown:s,adjustDropdown:i}}const ye=t.defineComponent({name:"SelectPageListCore",props:{...de()},emits:fe(),setup(e,{emit:n,expose:l}){const{selected:s,lang:i,loading:o,renderCell:c,removeAll:u,removeItem:d,setSearchFocus:a,renderSearch:g,renderMessage:r,renderList:f,renderPagination:h,renderContainer:p,fetchData:y}=ve(e,n);return l({selected:s,lang:i,loading:o,renderCell:c,removeAll:u,removeItem:d,setSearchFocus:a,fetchData:y}),()=>p([g(),r(),f(),h()])}}),vn="",Qt={},en={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"sp-icon bi bi-chevron-down",viewBox:"0 0 16 16"};function tn(e,n){return t.openBlock(),t.createElementBlock("svg",en,n[0]||(n[0]=[t.createElementVNode("path",{"fill-rule":"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"},null,-1)]))}const nn=D(Qt,[["render",tn]]),be={props:{dropdownVisible:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},placeholder:{type:String,default:""},lang:{type:Object,default:void 0}},setup(e,{slots:n}){return()=>{var c;const l=[];Object.hasOwn(n,"default")?l.push(n.default()):l.push(t.h("div",{class:"sp-placeholder"},e.placeholder||((c=e.lang)==null?void 0:c.placeholder)));const s={style:{display:e.loading?"block":"none",fill:"#9f9f9f","margin-right":"-5px","margin-left":"5px"}},i={style:{display:e.loading?"none":"inherit"}};l.push(t.h(nn,i)),l.push(t.h(me,s));const o={class:{"sp-trigger-container":!0,"sp-opened":e.dropdownVisible,"sp-disabled":e.disabled}};return t.h("div",o,l)}}},Se={name:"SelectPageSelect",props:{selected:{type:Object,default:void 0},disabled:{type:Boolean,default:!1},lang:{type:Object,default:void 0},renderCell:{type:Function,default:void 0}},emits:["remove"],setup(e,{emit:n}){const l=t.toRef(e,"selected");return()=>{var i,o;if(!((i=l.value)!=null&&i.length))return;const s=[t.h("div",{class:"sp-select-content",innerHTML:e.renderCell(l.value[0])})];if((o=l.value)!=null&&o.length&&!e.disabled){const c={title:e.lang.clear,onClick:u=>{u.stopPropagation(),n("remove")}};s.push(t.h(V,c,()=>t.h(H)))}return t.h("div",{class:"sp-trigger sp-select"},s)}}},Ce={name:"SelectPageChips",props:{selected:{type:Object,default:void 0},disabled:{type:Boolean,default:!1},renderCell:{type:Function,default:void 0}},emits:["remove"],setup(e,{emit:n}){const l=t.toRef(e,"selected");return()=>{const s=l.value.map((i,o)=>{const c=[t.h("div",{class:"sp-chip--body",innerHTML:e.renderCell(i)})];if(!e.disabled){const u={size:"small",hoverBgColor:"#ccc",onClick:d=>{d.stopPropagation(),n("remove",i)}};c.push(t.h(V,u,()=>t.h(H)))}return t.h("div",{class:"sp-chip",key:o},c)});return t.h("div",{class:"sp-trigger sp-chips"},s)}}},ln=t.defineComponent({name:"SelectPageList",inheritAttrs:!1,props:{...ue()},emits:["visible-change"],setup(e,{emit:n,attrs:l,expose:s}){const{visible:i,adjustDropdown:o,closeDropdown:c,renderDropdown:u}=we(e),d=t.ref([]),a=t.ref();return s({removeItem:g=>{var r;return(r=a.value)==null?void 0:r.removeItem(g)},removeAll:()=>{var g;return(g=a.value)==null?void 0:g.removeAll()}}),()=>{var m,E,B,b,_;const g={selected:d,disabled:e.disabled,lang:(m=a==null?void 0:a.value)==null?void 0:m.lang,renderCell:(E=a==null?void 0:a.value)==null?void 0:E.renderCell,onRemove(v){M(l)?a.value.removeItem(v):a.value.removeAll()}},r=(B=d.value)!=null&&B.length?()=>t.h(M(l)?Ce:Se,g):void 0,f={dropdownVisible:i.value,disabled:e.disabled,placeholder:l.placeholder,lang:(b=a==null?void 0:a.value)==null?void 0:b.lang,loading:(_=a==null?void 0:a.value)==null?void 0:_.loading},h=t.h(be,f,r),p={ref:a,onAdjustDropdown:o,onCloseDropdown:c,onSelectionChange(v){d.value=v,!M(l)&&(v!=null&&v.length)&&c()}};return u({onVisibleChange:v=>{n("visible-change",v),v&&t.nextTick(()=>{a.value.fetchData(),a.value.setSearchFocus()})}},h,t.h(ye,t.mergeProps(p,l)))}}}),Pe=t.defineComponent({name:"SelectPageTableCore",props:{...de(),columns:{type:Array,default:void 0}},emits:fe(),setup(e,{emit:n,expose:l}){const{selected:s,lang:i,loading:o,removeAll:c,removeItem:u,setSearchFocus:d,renderCell:a,renderSearch:g,renderMessage:r,renderTable:f,renderPagination:h,renderContainer:p,fetchData:y}=ve(e,n);return l({selected:s,lang:i,loading:o,renderCell:a,removeAll:c,removeItem:u,setSearchFocus:d,fetchData:y}),()=>p([g(),r(),f(),h()])}}),an=t.defineComponent({name:"SelectPageTable",inheritAttrs:!1,props:{...ue()},emits:["visible-change"],setup(e,{emit:n,attrs:l,expose:s}){const{visible:i,adjustDropdown:o,closeDropdown:c,renderDropdown:u}=we(e),d=t.ref([]),a=t.ref(),g=t.ref(!1);return s({removeItem:r=>{var f;return(f=a.value)==null?void 0:f.removeItem(r)},removeAll:()=>{var r;return(r=a.value)==null?void 0:r.removeAll()}}),()=>{var E,B,b,_,v;const r={selected:d,disabled:e.disabled,lang:(E=a==null?void 0:a.value)==null?void 0:E.lang,renderCell:(B=a==null?void 0:a.value)==null?void 0:B.renderCell,onRemove(C){M(l)?a.value.removeItem(C):a.value.removeAll()}},f=(b=d.value)!=null&&b.length?()=>t.h(M(l)?Ce:Se,r):void 0,h={dropdownVisible:i.value,disabled:e.disabled,placeholder:l.placeholder,lang:(_=a==null?void 0:a.value)==null?void 0:_.lang,loading:(v=a==null?void 0:a.value)==null?void 0:v.loading},p=t.h(be,h,f),y={ref:a,onAdjustDropdown:o,onCloseDropdown:c,onSelectionChange(C){d.value=C,!M(l)&&(C!=null&&C.length)&&c()}};return u({onVisibleChange:C=>{n("visible-change",C),C&&t.nextTick(()=>{g.value||(g.value=!0,a.value.fetchData()),a.value.setSearchFocus()})}},p,t.h(Pe,t.mergeProps(y,l)))}}});L.SelectPageList=ln,L.SelectPageListCore=ye,L.SelectPageTable=an,L.SelectPageTableCore=Pe,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})});