tedir-select - npm Package Compare versions

Comparing version 0.0.1-stone-0 to 0.0.1-stone-1

dist/vue/tedir-select-vue.es.js

@@ -110,3 +110,3 @@ import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createBlock, Teleport, createElementVNode, normalizeStyle, Fragment, createTextVNode, toDisplayString, withDirectives, vModelText, renderList, unref, renderSlot, withModifiers } from "vue";
               class: "pickerGroup",
-              style: normalizeStyle({ "max-height": Number(__props.size) !== 0 ? Number(__props.size) * 36 + "px" : "auto" })
+              style: normalizeStyle({ "max-height": Number(__props.size) !== 0 ? Number(__props.size) * 42 + "px" : "auto" })
             }, [
@@ -183,3 +183,3 @@ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredOptions), (option, index) => {
               class: "pickerGroup",
-              style: normalizeStyle({ "max-height": Number(__props.size) !== 0 ? Number(__props.size) * 36 + "px" : "auto" })
+              style: normalizeStyle({ "max-height": Number(__props.size) !== 0 ? Number(__props.size) * 42 + "px" : "auto" })
             }, [
@@ -196,4 +196,4 @@ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredOptions), (option, index) => {
                     },
-                    class: "pickerItem"
-                  }, toDisplayString(option), 9, _hoisted_13$1)) : typeof option === "object" && __props.prop in option ? (openBlock(), createElementBlock("div", {
+                    class: normalizeClass(["pickerItem", __props.modelValue === option ? "active" : ""])
+                  }, toDisplayString(option), 11, _hoisted_13$1)) : typeof option === "object" && __props.prop in option ? (openBlock(), createElementBlock("div", {
                     key: 1,
@@ -204,4 +204,4 @@ onClick: ($event) => {
                     },
-                    class: "pickerItem"
-                  }, toDisplayString(option[__props.prop]), 9, _hoisted_14$1)) : (openBlock(), createElementBlock("div", {
+                    class: normalizeClass(["pickerItem", __props.modelValue[__props.prop] === option[__props.prop] ? "active" : ""])
+                  }, toDisplayString(option[__props.prop]), 11, _hoisted_14$1)) : (openBlock(), createElementBlock("div", {
                     key: 2,
@@ -212,6 +212,6 @@ onClick: ($event) => {
                     },
-                    class: "selectItem"
+                    class: normalizeClass(["pickerItem", __props.modelValue === option ? "active" : ""])
                   }, [
                     renderSlot(_ctx.$slots, "default", { option }, void 0, true)
-                  ], 8, _hoisted_15))
+                  ], 10, _hoisted_15))
                 ], 64);
@@ -226,3 +226,3 @@ }), 128))
 });
-var SelectBox = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-5401ec54"]]);
+var SelectBox = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2493703e"]]);
 var ComboBox_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -302,4 +302,4 @@ const _hoisted_1$1 = { class: "pickerContent" };
                   },
-                  class: "pickerItem"
-                }, toDisplayString(option), 9, _hoisted_3$1)) : typeof option === "object" && __props.prop in option ? (openBlock(), createElementBlock("div", {
+                  class: normalizeClass(["pickerItem", __props.modelValue === option ? "active" : ""])
+                }, toDisplayString(option), 11, _hoisted_3$1)) : typeof option === "object" && __props.prop in option ? (openBlock(), createElementBlock("div", {
                   key: 1,
@@ -311,4 +311,4 @@ onClick: ($event) => {
                   },
-                  class: "pickerItem"
-                }, toDisplayString(option[__props.prop]), 9, _hoisted_4$1)) : (openBlock(), createElementBlock("div", {
+                  class: normalizeClass(["pickerItem", __props.modelValue[__props.prop] === option[__props.prop] ? "active" : ""])
+                }, toDisplayString(option[__props.prop]), 11, _hoisted_4$1)) : (openBlock(), createElementBlock("div", {
                   key: 2,
@@ -320,6 +320,6 @@ onClick: ($event) => {
                   },
-                  class: "comboItem"
+                  class: normalizeClass(["pickerItem", __props.modelValue === option ? "active" : ""])
                 }, [
                   renderSlot(_ctx.$slots, "default", { option }, void 0, true)
-                ], 8, _hoisted_5$1))
+                ], 10, _hoisted_5$1))
               ], 64);
@@ -333,3 +333,3 @@ }), 128))
 });
-var ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-281a3ae4"]]);
+var ComboBox = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-622bcd6d"]]);
 var ListBox_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -514,3 +514,3 @@ const _hoisted_1 = { class: "list" };
 });
-var ListBox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-273c1180"]]);
+var ListBox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b073a2f"]]);
 export { ComboBox, ListBox, SelectBox };

dist/vue/tedir-select-vue.umd.js

@@ -1,1 +0,1 @@
-(function(k,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(k=typeof globalThis!="undefined"?globalThis:k||self,e(k.TedirSelect={},k.Vue))})(this,function(k,e){"use strict";var ee="",h=(l,r)=>{const f=l.__vccOpts||l;for(const[o,d]of r)f[o]=d;return f};const y={class:"pickerContent"},g={class:"pickerMenu"},B={class:"pickerWrap"},C=["onClick"],b={class:"check"},E=["checked","id","onChange"],N=["for"],$=["onClick"],S={class:"check"},x=["checked","id","onChange"],I=["for"],j=["onClick"],z=["onClick"],L=["onClick"],w=["onClick"];var D=h(e.defineComponent({props:{modelValue:{default:null},options:{default:[]},prop:{default:"value"},placeholder:{default:"-- Select option --"},size:{default:0}},emits:["update:modelValue"],setup(l,{emit:r}){const f=l,o=e.ref(!1),d=e.ref(""),V=e.computed(()=>{let c=f.options;return d.value.length>=1&&(c=c.filter(t=>{if(isNaN(t)===!1&&Number(t)===Number(d.value))return!0;if(typeof t=="string"&&t.toLowerCase().includes(d.value.toLowerCase()))return!0;if(typeof t=="object"&&t!==null&&Object.prototype.toString.call(t)==="[object Object]")for(const a of Object.keys(t)){if(isNaN(t[a])===!1&&Number(t[a])===Number(d.value))return!0;if(typeof t[a]=="string"&&t[a].toLowerCase().includes(d.value.toLowerCase()))return!0}return!1})),c}),n=(()=>{let c="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",t="";for(let a=0;a<10;a++)t+=c.charAt(Math.floor(Math.random()*c.length));return t})();return(c,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion",o.value?"active":""])},[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:o.value?"block":"none"}),onClick:t[0]||(t[0]=a=>o.value=!1)},null,4)])),e.createElementVNode("div",y,[e.createElementVNode("div",{class:"select pickerToggler",onClick:t[1]||(t[1]=a=>o.value=!0)},[typeof l.modelValue=="string"&&l.modelValue!==""?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.modelValue),1)],64)):typeof l.modelValue=="object"&&l.prop in l.modelValue?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.modelValue[l.prop]),1)],64)):Array.isArray(l.modelValue)&&l.modelValue.length>=1&&typeof l.modelValue[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(l.modelValue.join(", ")),1)],64)):Array.isArray(l.modelValue)&&l.modelValue.length>=1&&typeof l.modelValue[0]=="object"&&l.prop in l.modelValue[0]?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(l.modelValue.map(a=>a[l.prop]).join(", ")),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createTextVNode(e.toDisplayString(l.placeholder),1)],64))]),e.createElementVNode("div",g,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":t[2]||(t[2]=a=>d.value=a),class:"input"},null,512),[[e.vModelText,d.value]])]),Array.isArray(l.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pickerGroup",style:e.normalizeStyle({"max-height":Number(l.size)!==0?Number(l.size)*36+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),(a,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+a},[typeof a=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u===a),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)},class:"pickerItem"},[e.createElementVNode("div",b,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:l.modelValue.includes(a),id:"check-"+(e.unref(n)+String(i)),onChange:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u===a),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)}},null,40,E),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(n)+String(i))},e.toDisplayString(a),9,N)])],8,C)):typeof a=="object"&&l.prop in a?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u[l.prop]===a[l.prop]),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)},class:"pickerItem"},[e.createElementVNode("div",S,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:l.modelValue.includes(a),id:"check-"+(e.unref(n)+String(i)),onChange:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u[l.prop]===a[l.prop]),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)}},null,40,x),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(n)+String(i))},e.toDisplayString(a[l.prop]),9,I)])],8,$)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u===a),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)},class:"pickerItem"},[e.renderSlot(c.$slots,"default",{option:a,items:l.modelValue},void 0,!0)],8,j))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"pickerGroup",style:e.normalizeStyle({"max-height":Number(l.size)!==0?Number(l.size)*36+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),(a,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+a},[typeof a=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:s=>{r("update:modelValue",a),o.value=!1},class:"pickerItem"},e.toDisplayString(a),9,z)):typeof a=="object"&&l.prop in a?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:s=>{r("update:modelValue",a),o.value=!1},class:"pickerItem"},e.toDisplayString(a[l.prop]),9,L)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:s=>{r("update:modelValue",a),o.value=!1},class:"selectItem"},[e.renderSlot(c.$slots,"default",{option:a},void 0,!0)],8,w))],64))),128))],4))])])],2))}}),[["__scopeId","data-v-5401ec54"]]),te="";const O={class:"pickerContent"},F={class:"pickerMenu pickerSizing"},T=["onClick"],M=["onClick"],A=["onClick"];var G=h(e.defineComponent({props:{modelValue:{default:null},options:{default:[]},prop:{default:"value"},placeholder:{default:"-- combo option --"},size:{default:0}},emits:["update:modelValue"],setup(l,{emit:r}){const f=l,o=e.ref(!1),d=e.ref(""),V=e.computed(()=>{let m=f.options;return d.value.length>=1&&(m=m.filter(n=>{if(isNaN(n)===!1&&Number(n)===Number(d.value))return!0;if(typeof n=="string"&&n.toLowerCase().includes(d.value.toLowerCase()))return!0;if(typeof n=="object"&&n!==null&&Object.prototype.toString.call(n)==="[object Object]")for(const c of Object.keys(n)){if(isNaN(n[c])===!1&&Number(n[c])===Number(d.value))return!0;if(typeof n[c]=="string"&&n[c].toLowerCase().includes(d.value.toLowerCase()))return!0}return!1})),m});return(m,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion",o.value?"active":""])},[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:o.value?"block":"none"}),onClick:n[0]||(n[0]=c=>o.value=!1)},null,4)])),e.createElementVNode("div",O,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":n[1]||(n[1]=c=>d.value=c),onInput:n[2]||(n[2]=c=>e.unref(V).length>=1&&d.value!==""?o.value=!0:o.value=!1),onClick:n[3]||(n[3]=c=>e.unref(V).length>=1&&d.value!==""?o.value=!0:o.value=!1),class:"input"},null,544),[[e.vModelText,d.value]]),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),(c,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+c},[typeof c=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:a=>{d.value=c,r("update:modelValue",c),o.value=!1},class:"pickerItem"},e.toDisplayString(c),9,T)):typeof c=="object"&&l.prop in c?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:a=>{d.value=c[l.prop],r("update:modelValue",c),o.value=!1},class:"pickerItem"},e.toDisplayString(c[l.prop]),9,M)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:a=>{d.value=c,r("update:modelValue",c),o.value=!1},class:"comboItem"},[e.renderSlot(m.$slots,"default",{option:c},void 0,!0)],8,A))],64))),128))])])],2))}}),[["__scopeId","data-v-281a3ae4"]]),ce="";const p={class:"list"},U={class:"listWrap"},R=["onClick"],W={class:"check"},q=["checked","id","onChange"],P=["for"],H=["onClick"],J={class:"check"},K=["checked","id","onChange"],Q=["for"],X=["onClick"],Y=["onClick"],Z=["onClick"],v=["onClick"];var _=h(e.defineComponent({props:{modelValue:{default:null},options:{default:[]},prop:{default:"value"},size:{default:0}},emits:["update:modelValue"],setup(l,{emit:r}){const f=l,o=e.ref(""),d=e.computed(()=>{let n=f.options;return o.value.length>=1&&(n=n.filter(c=>{if(isNaN(c)===!1&&Number(c)===Number(o.value))return!0;if(typeof c=="string"&&c.toLowerCase().includes(o.value.toLowerCase()))return!0;if(typeof c=="object"&&c!==null&&Object.prototype.toString.call(c)==="[object Object]")for(const t of Object.keys(c)){if(isNaN(c[t])===!1&&Number(c[t])===Number(o.value))return!0;if(typeof c[t]=="string"&&c[t].toLowerCase().includes(o.value.toLowerCase()))return!0}return!1})),n}),m=(()=>{let n="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",c="";for(let t=0;t<10;t++)c+=n.charAt(Math.floor(Math.random()*n.length));return c})();return(n,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",p,[e.createElementVNode("div",U,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":c[0]||(c[0]=t=>o.value=t),class:"input"},null,512),[[e.vModelText,o.value]])]),Array.isArray(l.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"listGroup",style:e.normalizeStyle({"max-height":Number(l.size)!==0?Number(l.size)*44+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+t},[typeof t=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers(i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s===t),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)},["stop"]),class:"listItem"},[e.createElementVNode("div",W,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:l.modelValue.includes(t),id:"check-"+(e.unref(m)+String(a)),onChange:i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s===t),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)}},null,40,q),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(m)+String(a))},e.toDisplayString(t),9,P)])],8,R)):typeof t=="object"&&l.prop in t?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s[l.prop]===t[l.prop]),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)},["stop"]),class:"listItem"},[e.createElementVNode("div",J,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:l.modelValue.includes(t),id:"check-"+(e.unref(m)+String(a)),onChange:i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s[l.prop]===t[l.prop]),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)}},null,40,K),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(m)+String(a))},e.toDisplayString(t[l.prop]),9,Q)])],8,H)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s===t),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)},class:e.normalizeClass(["listItem",l.modelValue.includes(t)?"active":""])},[e.renderSlot(n.$slots,"default",{option:t,items:l.modelValue},void 0,!0)],10,X))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"listGroup",style:e.normalizeStyle({"max-height":Number(l.size)!==0?Number(l.size)*44+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+t},[typeof t=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:i=>{r("update:modelValue",t)},class:e.normalizeClass(["listItem",l.modelValue===t?"active":""])},e.toDisplayString(t),11,Y)):typeof t=="object"&&l.prop in t?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:i=>{r("update:modelValue",t)},class:e.normalizeClass(["listItem",l.modelValue[l.prop]===t[l.prop]?"active":""])},e.toDisplayString(t[l.prop]),11,Z)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:i=>{r("update:modelValue",t)},class:e.normalizeClass(["listItem",l.modelValue===t?"active":""])},[e.renderSlot(n.$slots,"default",{option:t},void 0,!0)],10,v))],64))),128))],4))])]))}}),[["__scopeId","data-v-273c1180"]]);k.ComboBox=G,k.ListBox=_,k.SelectBox=D,Object.defineProperty(k,"__esModule",{value:!0}),k[Symbol.toStringTag]="Module"});
+(function(k,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(k=typeof globalThis!="undefined"?globalThis:k||self,e(k.TedirSelect={},k.Vue))})(this,function(k,e){"use strict";var ee="",h=(l,r)=>{const f=l.__vccOpts||l;for(const[o,d]of r)f[o]=d;return f};const y={class:"pickerContent"},g={class:"pickerMenu"},B={class:"pickerWrap"},C=["onClick"],b={class:"check"},E=["checked","id","onChange"],N=["for"],$=["onClick"],S={class:"check"},x=["checked","id","onChange"],I=["for"],z=["onClick"],j=["onClick"],L=["onClick"],w=["onClick"];var D=h(e.defineComponent({props:{modelValue:{default:null},options:{default:[]},prop:{default:"value"},placeholder:{default:"-- Select option --"},size:{default:0}},emits:["update:modelValue"],setup(l,{emit:r}){const f=l,o=e.ref(!1),d=e.ref(""),V=e.computed(()=>{let c=f.options;return d.value.length>=1&&(c=c.filter(t=>{if(isNaN(t)===!1&&Number(t)===Number(d.value))return!0;if(typeof t=="string"&&t.toLowerCase().includes(d.value.toLowerCase()))return!0;if(typeof t=="object"&&t!==null&&Object.prototype.toString.call(t)==="[object Object]")for(const a of Object.keys(t)){if(isNaN(t[a])===!1&&Number(t[a])===Number(d.value))return!0;if(typeof t[a]=="string"&&t[a].toLowerCase().includes(d.value.toLowerCase()))return!0}return!1})),c}),n=(()=>{let c="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",t="";for(let a=0;a<10;a++)t+=c.charAt(Math.floor(Math.random()*c.length));return t})();return(c,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion",o.value?"active":""])},[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:o.value?"block":"none"}),onClick:t[0]||(t[0]=a=>o.value=!1)},null,4)])),e.createElementVNode("div",y,[e.createElementVNode("div",{class:"select pickerToggler",onClick:t[1]||(t[1]=a=>o.value=!0)},[typeof l.modelValue=="string"&&l.modelValue!==""?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.modelValue),1)],64)):typeof l.modelValue=="object"&&l.prop in l.modelValue?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.modelValue[l.prop]),1)],64)):Array.isArray(l.modelValue)&&l.modelValue.length>=1&&typeof l.modelValue[0]=="string"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(l.modelValue.join(", ")),1)],64)):Array.isArray(l.modelValue)&&l.modelValue.length>=1&&typeof l.modelValue[0]=="object"&&l.prop in l.modelValue[0]?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createTextVNode(e.toDisplayString(l.modelValue.map(a=>a[l.prop]).join(", ")),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createTextVNode(e.toDisplayString(l.placeholder),1)],64))]),e.createElementVNode("div",g,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":t[2]||(t[2]=a=>d.value=a),class:"input"},null,512),[[e.vModelText,d.value]])]),Array.isArray(l.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pickerGroup",style:e.normalizeStyle({"max-height":Number(l.size)!==0?Number(l.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),(a,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+a},[typeof a=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u===a),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)},class:"pickerItem"},[e.createElementVNode("div",b,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:l.modelValue.includes(a),id:"check-"+(e.unref(n)+String(i)),onChange:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u===a),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)}},null,40,E),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(n)+String(i))},e.toDisplayString(a),9,N)])],8,C)):typeof a=="object"&&l.prop in a?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u[l.prop]===a[l.prop]),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)},class:"pickerItem"},[e.createElementVNode("div",S,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:l.modelValue.includes(a),id:"check-"+(e.unref(n)+String(i)),onChange:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u[l.prop]===a[l.prop]),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)}},null,40,x),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(n)+String(i))},e.toDisplayString(a[l.prop]),9,I)])],8,$)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:s=>{l.modelValue.includes(a)?l.modelValue.splice(l.modelValue.findIndex(u=>u===a),1):l.modelValue.push(a),r("update:modelValue",l.modelValue)},class:"pickerItem"},[e.renderSlot(c.$slots,"default",{option:a,items:l.modelValue},void 0,!0)],8,z))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"pickerGroup",style:e.normalizeStyle({"max-height":Number(l.size)!==0?Number(l.size)*42+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),(a,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+a},[typeof a=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:s=>{r("update:modelValue",a),o.value=!1},class:e.normalizeClass(["pickerItem",l.modelValue===a?"active":""])},e.toDisplayString(a),11,j)):typeof a=="object"&&l.prop in a?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:s=>{r("update:modelValue",a),o.value=!1},class:e.normalizeClass(["pickerItem",l.modelValue[l.prop]===a[l.prop]?"active":""])},e.toDisplayString(a[l.prop]),11,L)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:s=>{r("update:modelValue",a),o.value=!1},class:e.normalizeClass(["pickerItem",l.modelValue===a?"active":""])},[e.renderSlot(c.$slots,"default",{option:a},void 0,!0)],10,w))],64))),128))],4))])])],2))}}),[["__scopeId","data-v-2493703e"]]),te="";const O={class:"pickerContent"},F={class:"pickerMenu pickerSizing"},T=["onClick"],M=["onClick"],A=["onClick"];var G=h(e.defineComponent({props:{modelValue:{default:null},options:{default:[]},prop:{default:"value"},placeholder:{default:"-- combo option --"},size:{default:0}},emits:["update:modelValue"],setup(l,{emit:r}){const f=l,o=e.ref(!1),d=e.ref(""),V=e.computed(()=>{let m=f.options;return d.value.length>=1&&(m=m.filter(n=>{if(isNaN(n)===!1&&Number(n)===Number(d.value))return!0;if(typeof n=="string"&&n.toLowerCase().includes(d.value.toLowerCase()))return!0;if(typeof n=="object"&&n!==null&&Object.prototype.toString.call(n)==="[object Object]")for(const c of Object.keys(n)){if(isNaN(n[c])===!1&&Number(n[c])===Number(d.value))return!0;if(typeof n[c]=="string"&&n[c].toLowerCase().includes(d.value.toLowerCase()))return!0}return!1})),m});return(m,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["picker suggestion",o.value?"active":""])},[(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"pickerBackdrop",style:e.normalizeStyle({display:o.value?"block":"none"}),onClick:n[0]||(n[0]=c=>o.value=!1)},null,4)])),e.createElementVNode("div",O,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":n[1]||(n[1]=c=>d.value=c),onInput:n[2]||(n[2]=c=>e.unref(V).length>=1&&d.value!==""?o.value=!0:o.value=!1),onClick:n[3]||(n[3]=c=>e.unref(V).length>=1&&d.value!==""?o.value=!0:o.value=!1),class:"input"},null,544),[[e.vModelText,d.value]]),e.createElementVNode("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(V),(c,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+c},[typeof c=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:a=>{d.value=c,r("update:modelValue",c),o.value=!1},class:e.normalizeClass(["pickerItem",l.modelValue===c?"active":""])},e.toDisplayString(c),11,T)):typeof c=="object"&&l.prop in c?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:a=>{d.value=c[l.prop],r("update:modelValue",c),o.value=!1},class:e.normalizeClass(["pickerItem",l.modelValue[l.prop]===c[l.prop]?"active":""])},e.toDisplayString(c[l.prop]),11,M)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:a=>{d.value=c,r("update:modelValue",c),o.value=!1},class:e.normalizeClass(["pickerItem",l.modelValue===c?"active":""])},[e.renderSlot(m.$slots,"default",{option:c},void 0,!0)],10,A))],64))),128))])])],2))}}),[["__scopeId","data-v-622bcd6d"]]),ce="";const U={class:"list"},R={class:"listWrap"},W=["onClick"],q={class:"check"},P=["checked","id","onChange"],H=["for"],J=["onClick"],K={class:"check"},Q=["checked","id","onChange"],X=["for"],Y=["onClick"],Z=["onClick"],p=["onClick"],v=["onClick"];var _=h(e.defineComponent({props:{modelValue:{default:null},options:{default:[]},prop:{default:"value"},size:{default:0}},emits:["update:modelValue"],setup(l,{emit:r}){const f=l,o=e.ref(""),d=e.computed(()=>{let n=f.options;return o.value.length>=1&&(n=n.filter(c=>{if(isNaN(c)===!1&&Number(c)===Number(o.value))return!0;if(typeof c=="string"&&c.toLowerCase().includes(o.value.toLowerCase()))return!0;if(typeof c=="object"&&c!==null&&Object.prototype.toString.call(c)==="[object Object]")for(const t of Object.keys(c)){if(isNaN(c[t])===!1&&Number(c[t])===Number(o.value))return!0;if(typeof c[t]=="string"&&c[t].toLowerCase().includes(o.value.toLowerCase()))return!0}return!1})),n}),m=(()=>{let n="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",c="";for(let t=0;t<10;t++)c+=n.charAt(Math.floor(Math.random()*n.length));return c})();return(n,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",U,[e.createElementVNode("div",R,[e.withDirectives(e.createElementVNode("input",{type:"search","onUpdate:modelValue":c[0]||(c[0]=t=>o.value=t),class:"input"},null,512),[[e.vModelText,o.value]])]),Array.isArray(l.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"listGroup",style:e.normalizeStyle({"max-height":Number(l.size)!==0?Number(l.size)*44+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+t},[typeof t=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:e.withModifiers(i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s===t),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)},["stop"]),class:"listItem"},[e.createElementVNode("div",q,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:l.modelValue.includes(t),id:"check-"+(e.unref(m)+String(a)),onChange:i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s===t),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)}},null,40,P),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(m)+String(a))},e.toDisplayString(t),9,H)])],8,W)):typeof t=="object"&&l.prop in t?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:e.withModifiers(i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s[l.prop]===t[l.prop]),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)},["stop"]),class:"listItem"},[e.createElementVNode("div",K,[e.createElementVNode("input",{type:"checkbox",class:"checkInput",checked:l.modelValue.includes(t),id:"check-"+(e.unref(m)+String(a)),onChange:i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s[l.prop]===t[l.prop]),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)}},null,40,Q),e.createElementVNode("label",{class:"checkLabel",for:"check-"+(e.unref(m)+String(a))},e.toDisplayString(t[l.prop]),9,X)])],8,J)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:i=>{l.modelValue.includes(t)?l.modelValue.splice(l.modelValue.findIndex(s=>s===t),1):l.modelValue.push(t),r("update:modelValue",l.modelValue)},class:e.normalizeClass(["listItem",l.modelValue.includes(t)?"active":""])},[e.renderSlot(n.$slots,"default",{option:t,items:l.modelValue},void 0,!0)],10,Y))],64))),128))],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"listGroup",style:e.normalizeStyle({"max-height":Number(l.size)!==0?Number(l.size)*44+"px":"auto"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"option-"+t},[typeof t=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:i=>{r("update:modelValue",t)},class:e.normalizeClass(["listItem",l.modelValue===t?"active":""])},e.toDisplayString(t),11,Z)):typeof t=="object"&&l.prop in t?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:i=>{r("update:modelValue",t)},class:e.normalizeClass(["listItem",l.modelValue[l.prop]===t[l.prop]?"active":""])},e.toDisplayString(t[l.prop]),11,p)):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:i=>{r("update:modelValue",t)},class:e.normalizeClass(["listItem",l.modelValue===t?"active":""])},[e.renderSlot(n.$slots,"default",{option:t},void 0,!0)],10,v))],64))),128))],4))])]))}}),[["__scopeId","data-v-3b073a2f"]]);k.ComboBox=G,k.ListBox=_,k.SelectBox=D,Object.defineProperty(k,"__esModule",{value:!0}),k[Symbol.toStringTag]="Module"});

package.json

 {
   "name": "tedir-select",
-  "version": "0.0.1-stone-0",
+  "version": "0.0.1-stone-1",
   "description": "Tedir Select is a Vue 3 & Web Component Custom SelectBox, ListBox, Taggable, etc.",
@@ -52,5 +52,5 @@ "main": "dist/vue/tedir-select-vue.umd.js",
   "dependencies": {
-    "alga-css": "^1.0.0-stone-6",
+    "alga-css": "^1.0.0-stone-7",
     "vue": "^3.2.20"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

365454

increased by0.32%

Worsened metrics

Lines of code

6532

decreased by-0.02%

Dependency changes

• Updatedalga-css@^1.0.0-stone-7