@mobileaction/action-kit 1.11.0 → 1.11.1

package/dist/action-kit.js

@@ -27,4 +27,4 @@
     `,{"ak-drawer--open":o.visible}]),l=()=>{t("update:visible",!1)},a=i=>{i.key==="Escape"&&l()};return e.onMounted(()=>{document.addEventListener("keydown",a)}),e.onUnmounted(()=>{document.removeEventListener("keydown",a)}),(i,c)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(i.$attrs,{class:e.unref(s),visible:e.unref(n)}),[e.createElementVNode("div",sr,[e.createElementVNode("div",rr,[e.createElementVNode("div",lr,[i.$slots?.header?(e.openBlock(),e.createElementBlock("div",ar,[e.renderSlot(i.$slots,"header",{},()=>[o.title?(e.openBlock(),e.createElementBlock("div",ir,[e.createElementVNode("h1",null,e.toDisplayString(o?.title),1)])):e.createCommentVNode("",!0),o.description?(e.openBlock(),e.createElementBlock("div",cr,[e.createElementVNode("p",null,e.toDisplayString(o?.description),1)])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"ak-drawer-close-button",onClick:l},[e.createVNode(v,{name:"close",size:"md"})])]),e.createElementVNode("div",ur,[e.renderSlot(i.$slots,"content")]),i.$slots?.footer?(e.openBlock(),e.createElementBlock("div",dr,[e.renderSlot(i.$slots,"footer")])):e.createCommentVNode("",!0)])],16,nr))}});const Z=["#060B27","#392DCA","#6FDDA6","#7C5CFC","#92BAFB","#F29E61","#F97066","#4478FF","#36BFFA","#98A2B3","#BDB4FE","#B54708","#027A48","#026AA2"],vr=(r=20)=>{let t="";for(let o=0;o<r;o++)t+=Math.random().toString(36).substr(2);return t.substr(0,r)},fr=()=>({id:vr(),name:"",color:Z[Math.floor(Math.random()*Z.length)],keywordCount:0,editable:!1,public:!1,new:!0}),oe=e.defineComponent({__name:"button",props:{type:{default:"primary"},icon:null,href:null,target:null,size:null,active:{type:Boolean,default:!1},activeIcon:null,rounded:{type:Boolean},variant:null},setup(r){const t=r,o=e.ref(!1),n=e.computed(()=>["ma-icon-button",`ma-icon-button--${t.type}`,`ma-icon-button--${t.size}`,`ma-icon-button--${t.variant}`,{"ma-icon-button--active":t?.active},{"ma-icon-button--rounded":t?.rounded}]),s=e.computed(()=>t?.href?"a":"button"),l=e.computed(()=>t?.activeIcon||`${t.icon}-bulk`),a=e.computed(()=>o.value||t.active),i=e.computed(()=>{switch(t.size){case"lg":return"md";case"xs":return"xs"}return"sm"}),c=()=>o.value=!0,u=()=>o.value=!1;return(h,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),e.mergeProps({onMousedown:c,onMouseup:u,class:e.unref(n),href:t?.href,target:t?.target},h.$attrs),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(v,{size:e.unref(i),name:e.unref(l)},null,8,["size","name"]),[[e.vShow,e.unref(a)]]),e.withDirectives(e.createVNode(v,{size:e.unref(i),name:t.icon},null,8,["size","name"]),[[e.vShow,!e.unref(a)]]),e.renderSlot(h.$slots,"default")]),_:3},16,["class","href","target"]))}}),hr={name:"MaIconButton"},A=e.defineComponent({...hr,props:{type:{default:"primary"},icon:null,activeIcon:null,tooltipText:null,href:null,target:null,size:{default:"md"},active:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},variant:null,tooltipProps:null},setup(r){const t=r,o=e.useSlots(),n=e.computed(()=>t?.tooltipText||o.tooltip),s=e.computed(()=>`ma-icon-button-tooltip ma-icon-button-tooltip--${t.size}`),l=e.computed(()=>({...t.tooltipProps,title:t?.tooltipText}));return(a,i)=>e.unref(n)?(e.openBlock(),e.createBlock(F,e.mergeProps({key:0,overlayClassName:e.unref(s),type:"primary",placement:"bottomLeft"},e.unref(l)),{title:e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip")]),default:e.withCtx(()=>[e.createVNode(oe,{active:t.active,size:t.size,type:t.type,activeIcon:t.activeIcon,icon:t.icon,href:t?.href,target:t?.target,rounded:t?.rounded,variant:t?.variant},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["active","size","type","activeIcon","icon","href","target","rounded","variant"])]),_:3},16,["overlayClassName"])):(e.openBlock(),e.createBlock(oe,{key:1,active:t.active,size:t.size,type:t.type,activeIcon:t.activeIcon,icon:t.icon,href:t?.href,target:t?.target,rounded:t?.rounded,variant:t?.variant},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["active","size","type","activeIcon","icon","href","target","rounded","variant"]))}});const gr={class:"keyword-group-item__actions"},te=e.defineComponent({__name:"kwGroupItem",props:{keywordGroup:null,selected:{type:Boolean}},emits:["updateEditable","updatePublic","deleteKwGroup","edit"],setup(r,{emit:t}){const o=r,n=e.computed(()=>["keyword-group-item",{"keyword-group-item--selected":o?.selected}]),s=e.computed(()=>o?.selected?"primary":"secondary"),l=()=>{t("updateEditable",!o.keywordGroup.editable)},a=()=>{t("updatePublic",!o.keywordGroup.public)},i=()=>{t("deleteKwGroup")},c=()=>{t("edit")};return(u,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n))},[e.createVNode(v,{class:"ma-kw-selection-sort-handler",name:"drag",size:"md"}),e.createVNode(v,{name:"dot",size:"xs",style:e.normalizeStyle({color:r.keywordGroup.color})},null,8,["style"]),e.createElementVNode("span",null,e.toDisplayString(r.keywordGroup.name),1),e.createVNode(G,{type:e.unref(s),size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.keywordGroup.keywordCount),1)]),_:1},8,["type"]),e.createElementVNode("div",gr,[e.createVNode(A,{type:"secondary",size:"xs",icon:r.keywordGroup.editable?"clipboard-tick":"clipboard-close",tooltipText:r.keywordGroup.editable?"Make it non-editable":"Make it editable",onClick:l},null,8,["icon","tooltipText"]),e.createVNode(A,{type:"secondary",size:"xs",icon:r.keywordGroup.public?"lock-slash":"outline-lock",tooltipText:r.keywordGroup.public?"Make it private":"Make it public",onClick:a},null,8,["icon","tooltipText"]),e.createVNode(A,{type:"secondary",size:"xs",icon:"edit-2",onClick:c}),e.createVNode(A,{type:"secondary",size:"xs",icon:"trash",onClick:i})])],2))}}),kr={class:"kw-group-form__colors"},yr=e.defineComponent({__name:"kwGroupForm",props:{keywordGroup:null},emits:["saveKwGroup"],setup(r,{emit:t}){const o=r,n=e.reactive({name:o.keywordGroup.name,color:o.keywordGroup.color}),s={name:[{required:!0,message:"Group name is required"}],color:[{required:!0,message:"Color is required"}]},l=e.computed(()=>o.keywordGroup?.new),a=e.computed(()=>l.value?"Create Group":"Edit Group"),i=h=>({color:h,border:"1px solid "+(h===n.color?h:"#F2F4F7")}),c=h=>{n.color=h},u=()=>{t("saveKwGroup",{...o.keywordGroup,...n})};return(h,g)=>(e.openBlock(),e.createBlock(re,{class:"kw-group-form",model:n,rules:s,onFinish:u},{default:e.withCtx(()=>[e.createElementVNode("h3",null,e.toDisplayString(e.unref(a)),1),e.createVNode(j,{name:"name"},{default:e.withCtx(()=>[e.createVNode(U,{size:"medium",placeholder:"Keyword group name",value:n.name,"onUpdate:value":g[0]||(g[0]=y=>n.name=y)},null,8,["value"])]),_:1}),e.createVNode(j,{name:"color"},{default:e.withCtx(()=>[e.createElementVNode("ul",kr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Z),y=>(e.openBlock(),e.createElementBlock("li",{key:y},[e.createVNode(T,{size:"small",type:"secondary",icon:"dot",style:e.normalizeStyle(i(y)),onClick:b=>c(y)},null,8,["style","onClick"])]))),128))])]),_:1}),e.createVNode(T,{"html-type":"submit"},{default:e.withCtx(()=>[e.createTextVNode(" Confirm ")]),_:1})]),_:1},8,["model"]))}}),_r={key:0,class:"kw-group-label"},br={key:1,class:"placeholder"},Cr={name:"MaKeywordGroupSelection"},Br=e.defineComponent({...Cr,props:{value:{default:null},options:{default:()=>[]},label:null,placeholder:null},emits:["update:value","update:options","change","changeOptions","changeEditable","changeVisibility","deleteKeywordGroup","addKeywordGroup","updateKeywordGroup","sort","download","copy"],setup(r,{emit:t}){const o=r,n=e.ref(!1),s=e.ref(!1),l=e.ref("0"),a=e.reactive({parentId:null,keywordGroup:null}),i=e.computed(()=>parseInt(l.value)),c=e.computed(()=>o.options.reduce((_,B)=>[..._,...B.keywordGroups],[]).find(_=>_.id===u.value)),u=e.computed({get(){return o.value},set(_){t("update:value",_),t("change",_)}}),h=e.computed(()=>["kw-dropdown-button",{"kw-dropdown-button--active":n.value}]),g=e.computed(()=>s.value?"kw-edit-overlay":"kw-selection-overlay"),y=_=>{u.value=_},b=_=>{t("update:options",_),t("changeOptions",_)},m=(_,B,V,E)=>{const f=JSON.parse(JSON.stringify(o.options));f[B].keywordGroups[V].editable=_,b(f),t("changeEditable",{id:E,editable:_})},d=(_,B,V,E)=>{const f=JSON.parse(JSON.stringify(o.options));f[B].keywordGroups[V].public=_,b(f),t("changeVisibility",{id:E,public:_})},k=(_,B,V)=>{const E=JSON.parse(JSON.stringify(o.options));E[_].keywordGroups.splice(B,1),b(E),t("deleteKeywordGroup",V)},q=(_,B)=>{s.value=!0,a.keywordGroup=_,a.parentId=B},$=_=>{_||p()},x=_=>{const B=JSON.parse(JSON.stringify(o.options));if(_?.new)_.new=!1,B[i.value].keywordGroups.push(_),t("addKeywordGroup",_,i.value,a.parentId);else{const V=B[i.value].keywordGroups.findIndex(E=>E.id===_.id);V>-1&&(B[i.value].keywordGroups[V]=_),t("updateKeywordGroup",_,i.value,a.parentId)}b(B),p()},p=()=>{s.value=!1,a.keywordGroup=null,a.parentId=null},P=({oldIndex:_,newIndex:B})=>{const V=o.options[i.value].keywordGroups[B];b(o.options),t("sort",{keywordGroup:V,oldIndex:_,newIndex:B,parentId:o.options[i.value].id})},w=_=>{_.stopPropagation(),t("download")},M=_=>{_.stopPropagation(),t("copy")},R=_=>{_.stopPropagation(),n.value=!0,s.value=!0,a.keywordGroup=fr(),a.parentId=o.options[i.value].id};return(_,B)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"ak-keyword-group-selection"},_.$attrs),[o?.label?(e.openBlock(),e.createElementBlock("label",_r,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0),e.createVNode(Q,{onVisibleChange:$,overlayClassName:e.unref(g),trigger:["click"],visible:n.value,"onUpdate:visible":B[1]||(B[1]=V=>n.value=V)},e.createSlots({default:e.withCtx(()=>[e.createElementVNode("button",{class:e.normalizeClass(e.unref(h))},[e.unref(c)?(e.openBlock(),e.createBlock(te,{key:0,keywordGroup:e.unref(c)},null,8,["keywordGroup"])):(e.openBlock(),e.createElementBlock("span",br,e.toDisplayString(o?.placeholder),1)),e.withDirectives(e.createVNode(v,{size:"sm",class:"chevron-icon",name:"chevron-down"},null,512),[[e.vShow,!n.value]]),e.withDirectives(e.createVNode(v,{size:"sm",class:"chevron-icon",name:"chevron-up"},null,512),[[e.vShow,n.value]])],2)]),_:2},[s.value?{name:"overlay",fn:e.withCtx(()=>[e.createVNode(yr,{onSaveKwGroup:x,"keyword-group":a.keywordGroup},null,8,["keyword-group"])]),key:"0"}:{name:"overlay",fn:e.withCtx(()=>[e.createElementVNode("div",{class:"kw-selection-overlay-wrapper"},[e.createVNode(he,{animated:!0,type:"card",activeKey:l.value,"onUpdate:activeKey":B[0]||(B[0]=V=>l.value=V)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(V,E)=>(e.openBlock(),e.createBlock(ge,{key:E.toString(),tab:V.title},{default:e.withCtx(()=>[e.createVNode(e.unref(be),{"ghost-class":"keyword-group-item__ghost",list:V.keywordGroups,"item-key":"id",handle:".ma-kw-selection-sort-handler",onSort:P},{item:e.withCtx(({element:f,index:C})=>[e.createVNode(te,{selected:e.unref(u)===f.id,keywordGroup:f,onClick:S=>y(f.id),onUpdateEditable:S=>m(S,E,C,f.id),onUpdatePublic:S=>d(S,E,C,f.id),onDeleteKwGroup:S=>k(E,C,f.id),onEdit:S=>q(f,V.id)},null,8,["selected","keywordGroup","onClick","onUpdateEditable","onUpdatePublic","onDeleteKwGroup","onEdit"])]),_:2},1032,["list"])]),_:2},1032,["tab"]))),128))]),_:1},8,["activeKey"])])]),key:"1"}]),1032,["overlayClassName","visible"]),e.createVNode(A,{type:"secondary",variant:"border",icon:"add",onMousedown:R}),e.createVNode(A,{type:"secondary",variant:"border",icon:"copy",tooltipText:"Successfully Copied",tooltipProps:{trigger:["click"]},onMousedown:w}),e.createVNode(A,{type:"secondary",variant:"border",icon:"direct-inbox",onMousedown:M})],16))}});const Pr={class:"tooltip"},$r={class:"tooltip"},wr={name:"MaSlider"},qr=e.defineComponent({...wr,props:{dualThumbMode:{type:Boolean,default:!1},vertical:{type:Boolean},type:{default:"default"},leftThumbValue:{default:0},rightThumbValue:{default:100}},emits:["update:leftThumbValue","update:rightThumbValue"],setup(r,{emit:t}){const o=r,n=e.ref(null),s=e.ref(!1),l=e.computed({get(){return o.leftThumbValue},set(m){t("update:leftThumbValue",m)}}),a=e.computed({get(){return o.rightThumbValue},set(m){t("update:rightThumbValue",m)}});e.watchEffect(()=>{o.leftThumbValue!==void 0&&(l.value=Math.max(0,Math.min(100,o.leftThumbValue))),o.dualThumbMode&&o.rightThumbValue!==void 0&&(a.value=Math.max(0,Math.min(100,o.rightThumbValue)))});const i=e.computed(()=>o.vertical?"bottom":"left"),c=e.computed(()=>o.dualThumbMode?"bg-gray-200":"bg-primary-dark-blue"),u=e.computed(()=>o.dualThumbMode?"bg-primary-dark-blue":"bg-gray-200"),h=e.computed(()=>{const m=Math.min(l.value,a.value),d=Math.max(l.value,a.value);return o.vertical?{bottom:`${m}%`,top:`${100-d}%`}:{left:`${m}%`,width:`${d-m+5}%`}}),g=m=>{const d=m==="left"?l:a,k=m==="left"?a:l,q=x=>{if(!n.value)return;let p=o.vertical?(n.value.getBoundingClientRect().bottom-x.clientY)/n.value.offsetHeight*100:(x.clientX-n.value.getBoundingClientRect().left)/n.value.offsetWidth*100;p<0&&(p=0),p>100&&(p=100),o.dualThumbMode&&(m==="left"&&p>=k.value&&(p=k.value),m==="right"&&p<=k.value&&(p=k.value)),d.value=p,t(`update:${m}ThumbValue`,p)},$=()=>{s.value=!1,window.removeEventListener("mousemove",q),window.removeEventListener("mouseup",$)};window.addEventListener("mousemove",q),window.addEventListener("mouseup",$)},y=m=>{if(s.value||!n.value)return;const d=o.vertical?(n.value.getBoundingClientRect().bottom-m.clientY)/n.value.offsetHeight*100:(m.clientX-n.value.getBoundingClientRect().left)/n.value.offsetWidth*100,k=Math.abs(l.value-d),q=Math.abs(a.value-d);o.dualThumbMode?k<q?(l.value=d,t("update:leftThumbValue",d),g("left")):(a.value=d,t("update:rightThumbValue",d),g("right")):(l.value=d,t("update:leftThumbValue",d),g("left"))},b=e.computed(()=>[`
     ak-slider
     ak-slider--${o.type}
-  `,{"ak-slider--vertical":o.vertical}]);return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(b))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(c),"slider-track"]),ref_key:"sliderTrack",ref:n,onMousedown:y},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(u),"slider-range"]),style:e.normalizeStyle(e.unref(h)),onMousedown:y},null,38),e.createElementVNode("div",{class:"slider-thumb",style:e.normalizeStyle({[e.unref(i)]:`${e.unref(l)}%`}),onMousedown:d[0]||(d[0]=k=>g("left"))},null,36),o.type==="label"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({[e.unref(i)]:`${e.unref(l)}%`}),class:"slider-label"},e.toDisplayString(e.unref(l).toFixed(0))+"%",5)):e.createCommentVNode("",!0),o.dualThumbMode?(e.openBlock(),e.createElementBlock("div",{key:1,class:"slider-thumb",style:e.normalizeStyle({[e.unref(i)]:`${e.unref(a)}%`}),onMousedown:d[1]||(d[1]=k=>g("right"))},null,36)):e.createCommentVNode("",!0),o.dualThumbMode&&o.type==="label"?(e.openBlock(),e.createElementBlock("div",{key:2,style:e.normalizeStyle({[e.unref(i)]:`${e.unref(a)}%`}),class:"slider-label"},e.toDisplayString(e.unref(a).toFixed(0))+"%",5)):e.createCommentVNode("",!0),o.type==="tooltip"?(e.openBlock(),e.createElementBlock("div",{key:3,class:"slider-thumb",style:e.normalizeStyle({[e.unref(i)]:`${e.unref(l)}%`}),onMousedown:d[2]||(d[2]=k=>g("left"))},[e.createElementVNode("div",Pr,e.toDisplayString(e.unref(l).toFixed(0))+"%",1)],36)):e.createCommentVNode("",!0),o.dualThumbMode&&o.type==="tooltip"?(e.openBlock(),e.createElementBlock("div",{key:4,class:"slider-thumb",style:e.normalizeStyle({[e.unref(i)]:`${e.unref(a)}%`}),onMousedown:d[3]||(d[3]=k=>g("right"))},[e.createElementVNode("div",$r,e.toDisplayString(e.unref(a).toFixed(0))+"%",1)],36)):e.createCommentVNode("",!0)],2))}});const Sr=["value","name","checked"],Nr={class:"radio-area"},Vr={name:"MaCountryRadio"},xr=e.defineComponent({...Vr,props:{value:null,country:null,checked:{type:Boolean},name:null},emits:["update:checked","change","update:value"],setup(r,{emit:t}){const o=r,n=e.computed(()=>o?.checked||o.value===o.country),s=e.computed(()=>`flag-${o.country.toLowerCase()}`),l=e.computed(()=>["ma-country-radio",{"ma-country-radio__checked":n.value}]),a=i=>{const c=i.target;t("update:checked",c.checked),t("change",o.name?o.country:c.checked),c.checked&&t("update:value",o.country)};return(i,c)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(l))},[e.createVNode(e.unref(v),{name:e.unref(s),ratio:"4x3"},null,8,["name"]),e.createElementVNode("input",{type:"radio",value:o.value,name:o.name,checked:o.checked,onChange:a},null,40,Sr),e.createElementVNode("div",Nr,[e.createVNode(e.unref(v),{name:"tick"})])],2))}});const Er={name:"MaAppCheckbox"},Mr=e.defineComponent({...Er,props:{appIcon:null,checked:{type:Boolean,default:!1}},emits:["update:checked","change"],setup(r,{emit:t}){const o=r,n=l=>{t("update:checked",!o.checked)},s=e.computed(()=>["ma-app-checkbox","ak-app-checkbox"]);return(l,a)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s))},[e.createVNode(me,{size:"small",onClick:n,"app-icon":o.appIcon},null,8,["app-icon"]),e.createVNode(de,e.mergeProps({onClick:n,checked:o.checked},l.$attrs),null,16,["checked"])],2))}});const zr={key:0,class:"ma-tag-input-prefix"},Tr=["disabled","placeholder"],Ir={key:1,class:"ma-tag-input-suffix"},Dr={name:"MaTagInput"},Ar=e.defineComponent({...Dr,props:{tags:null,placeholder:{default:""},seperator:{default:"Enter"},size:{default:"md"},disabled:{type:Boolean,default:!1},prefixIcon:null,suffixIcon:null},emits:["update:tags","change","added","removed"],setup(r,{emit:t}){const o=r,n=e.ref(""),s=e.ref(null),l=e.computed({get(){return o.tags},set(m){t("update:tags",m),t("change",m)}}),a=e.computed(()=>["ma-tag-input-wrapper",`ma-tag-input-wrapper--${o.size}`,{"ma-tag-input-wrapper--disabled":o.disabled}]),i=e.computed(()=>n.value.length>u.value.length?n.value.length:u.value.length),c=e.computed(()=>({width:`${i.value*8+6}px`})),u=e.computed(()=>o?.placeholder&&l.value.length===0?o.placeholder:""),h=m=>{m.key===o.seperator?(m.preventDefault(),g()):m.key==="Backspace"&&n.value===""&&l.value.length>0&&y(l.value[l.value.length-1])},g=()=>{n.value&&!l.value.includes(n.value)&&(l.value.push(n.value),t("added",n.value),t("change",l.value)),n.value=""},y=m=>{if(o.disabled)return;const d=l.value.indexOf(m);d!==-1&&(l.value.splice(d,1),t("removed",m),t("change",l.value))},b=()=>{s.value.focus()};return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a)),onClick:b},[m.$slots.prefix||o?.prefixIcon?(e.openBlock(),e.createElementBlock("div",zr,[e.renderSlot(m.$slots,"prefix"),o.prefixIcon?(e.openBlock(),e.createBlock(e.unref(v),{key:0,size:"xs",name:o.prefixIcon},null,8,["name"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tags,k=>(e.openBlock(),e.createElementBlock("span",{class:"ma-tag-wrapper",key:k},[e.createElementVNode("span",null,e.toDisplayString(k),1),e.createVNode(e.unref(v),{size:"xs",onClick:q=>y(k),name:"close"},null,8,["onClick"])]))),128)),e.createElementVNode("div",{class:"ma-tag-input",style:e.normalizeStyle(e.unref(c))},[e.withDirectives(e.createElementVNode("input",{disabled:o.disabled,ref_key:"tagInputRef",ref:s,placeholder:e.unref(u),onKeydown:h,"onUpdate:modelValue":d[0]||(d[0]=k=>n.value=k)},null,40,Tr),[[e.vModelText,n.value]])],4),m.$slots.suffix||o?.suffixIcon?(e.openBlock(),e.createElementBlock("div",Ir,[e.renderSlot(m.$slots,"suffix"),o.suffixIcon?(e.openBlock(),e.createBlock(e.unref(v),{key:0,size:"xs",name:o.suffixIcon},null,8,["name"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}});class Lr{config=e.reactive({language:"en"});setConfig(t){for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const n=o;this.config[n]=t[n]}}getConfig(){return e.readonly(this.config)}setLanguage(t){this.config.language=t}getLanguage(){return this.config.language}}const ke=new Lr;function Fr(){return e.toRefs(ke.getConfig())}exports.ActionKitConfig=ke;exports.Animations=Ct;exports.AppIconPlatforms=ct;exports.AppIconSizes=it;exports.ButtonIconAlignMents=Ee;exports.ButtonShapes=Ve;exports.ButtonSizes=se;exports.ButtonTargets=xe;exports.ButtonTypes=Se;exports.ButtonVariants=Ne;exports.MaAlert=kt;exports.MaAlertPropTypes=_t;exports.MaAlertPropVariants=yt;exports.MaAnimation=ve;exports.MaAppCheckbox=Mr;exports.MaAppIcon=me;exports.MaAppTrackButton=Zo;exports.MaAutoComplete=$s;exports.MaAvatar=ce;exports.MaBadge=G;exports.MaBadgePropIconAlignments=ht;exports.MaBadgePropSizes=ft;exports.MaBadgePropTypes=vt;exports.MaBadgePropVariants=mt;exports.MaButton=T;exports.MaCard=Js;exports.MaCardAlignments=Ys;exports.MaCardIconColors=Xs;exports.MaCardSizes=Zs;exports.MaCheckbox=de;exports.MaCheckboxGroup=Do;exports.MaCountryRadio=xr;exports.MaCountrySelect=zs;exports.MaDrawer=mr;exports.MaDropdown=Kt;exports.MaDropdownPlacements=jt;exports.MaDropdownTriggers=Ht;exports.MaEmpty=en;exports.MaEmptyIcons=Y;exports.MaEmptySizes=Wt;exports.MaEmptyVariants=Jt;exports.MaFlagIconRatios=Be;exports.MaForm=re;exports.MaFormItem=j;exports.MaFormLayouts=uo;exports.MaIcon=v;exports.MaIconButton=A;exports.MaIconSizeClassNames=ne;exports.MaIconSizes=Ce;exports.MaInput=U;exports.MaInputCurrency=po;exports.MaInputNumber=tr;exports.MaInputSize=le;exports.MaInputType=I;exports.MaKeywordGroupSelection=Br;exports.MaModal=W;exports.MaModalTypeIcon=H;exports.MaModalTypes=Bt;exports.MaNumericInput=Ro;exports.MaPopover=Q;exports.MaProgress=vs;exports.MaProgressCircleSizes=gs;exports.MaProgressColors=hs;exports.MaProgressPercentAlignments=ks;exports.MaProgressTypes=fs;exports.MaRadio=pe;exports.MaRadioGroup=dt;exports.MaRadioTypes=pt;exports.MaRate=Tt;exports.MaRateColors=Dt;exports.MaRateSizes=It;exports.MaSelect=X;exports.MaSelectOption=ue;exports.MaSideMenuAddNewAppButton=Dn;exports.MaSideMenuAppButton=Tn;exports.MaSideMenuButton=Pn;exports.MaSideMenuIconButton=Vn;exports.MaSideMenuItem=qn;exports.MaSideMenuItemColors=Sn;exports.MaSideMenuRoundIconButton=En;exports.MaSlider=qr;exports.MaSpin=J;exports.MaSpinColors=Ut;exports.MaSpinTypes=Gt;exports.MaSwitch=He;exports.MaTabIconAlignMents=Ns;exports.MaTabPane=ge;exports.MaTabPositions=qs;exports.MaTabTypes=Ss;exports.MaTabs=he;exports.MaTagInput=Ar;exports.MaToggle=Ue;exports.MaTooltip=F;exports.MaTrackButton=Ie;exports.MaUpload=Cn;exports.MaUploadFileStatus=z;exports.MaUploadSizes=fe;exports.MaUploadTypes=on;exports.NumericInputSizes=Go;exports.SelectModes=zo;exports.SelectSizes=Mo;exports.SwitchTypes=We;exports.ToggleSizes=Oe;exports.TooltipPlacements=Qe;exports.TooltipTriggerTypes=oo;exports.TooltipTypes=eo;exports.TrackButtonSizes=Ae;exports.TrackButtonVariants=De;exports.currencyOptions=ie;exports.currencySymbols=ae;exports.useActionKitConfig=Fr;
+  `,{"ak-slider--vertical":o.vertical}]);return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(b))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(c),"slider-track"]),ref_key:"sliderTrack",ref:n,onMousedown:y},null,34),e.createElementVNode("div",{class:e.normalizeClass([e.unref(u),"slider-range"]),style:e.normalizeStyle(e.unref(h)),onMousedown:y},null,38),e.createElementVNode("div",{class:"slider-thumb",style:e.normalizeStyle({[e.unref(i)]:`${e.unref(l)}%`}),onMousedown:d[0]||(d[0]=k=>g("left"))},null,36),o.type==="label"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({[e.unref(i)]:`${e.unref(l)}%`}),class:"slider-label"},e.toDisplayString(e.unref(l).toFixed(0))+"%",5)):e.createCommentVNode("",!0),o.dualThumbMode?(e.openBlock(),e.createElementBlock("div",{key:1,class:"slider-thumb",style:e.normalizeStyle({[e.unref(i)]:`${e.unref(a)}%`}),onMousedown:d[1]||(d[1]=k=>g("right"))},null,36)):e.createCommentVNode("",!0),o.dualThumbMode&&o.type==="label"?(e.openBlock(),e.createElementBlock("div",{key:2,style:e.normalizeStyle({[e.unref(i)]:`${e.unref(a)}%`}),class:"slider-label"},e.toDisplayString(e.unref(a).toFixed(0))+"%",5)):e.createCommentVNode("",!0),o.type==="tooltip"?(e.openBlock(),e.createElementBlock("div",{key:3,class:"slider-thumb",style:e.normalizeStyle({[e.unref(i)]:`${e.unref(l)}%`}),onMousedown:d[2]||(d[2]=k=>g("left"))},[e.createElementVNode("div",Pr,e.toDisplayString(e.unref(l).toFixed(0))+"%",1)],36)):e.createCommentVNode("",!0),o.dualThumbMode&&o.type==="tooltip"?(e.openBlock(),e.createElementBlock("div",{key:4,class:"slider-thumb",style:e.normalizeStyle({[e.unref(i)]:`${e.unref(a)}%`}),onMousedown:d[3]||(d[3]=k=>g("right"))},[e.createElementVNode("div",$r,e.toDisplayString(e.unref(a).toFixed(0))+"%",1)],36)):e.createCommentVNode("",!0)],2))}});const Sr=["value","name","checked"],Nr={class:"radio-area"},Vr={name:"MaCountryRadio"},xr=e.defineComponent({...Vr,props:{value:null,country:null,checked:{type:Boolean},name:null},emits:["update:checked","change","update:value"],setup(r,{emit:t}){const o=r,n=e.computed(()=>o?.checked||o.value===o.country),s=e.computed(()=>`flag-${o.country.toLowerCase()}`),l=e.computed(()=>["ma-country-radio",{"ma-country-radio__checked":n.value}]),a=i=>{const c=i.target;t("update:checked",c.checked),t("change",o.name?o.country:c.checked),c.checked&&t("update:value",o.country)};return(i,c)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(l))},[e.createVNode(e.unref(v),{name:e.unref(s),ratio:"4x3"},null,8,["name"]),e.createElementVNode("input",{type:"radio",value:o.value,name:o.name,checked:o.checked,onChange:a},null,40,Sr),e.createElementVNode("div",Nr,[e.createVNode(e.unref(v),{name:"tick"})])],2))}});const Er={name:"MaAppCheckbox"},Mr=e.defineComponent({...Er,props:{appIcon:null,checked:{type:Boolean,default:!1}},emits:["update:checked","change"],setup(r,{emit:t}){const o=r,n=l=>{t("update:checked",!o.checked)},s=e.computed(()=>["ma-app-checkbox","ak-app-checkbox"]);return(l,a)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s))},[e.createVNode(me,{size:"small",onClick:n,"app-icon":o.appIcon},null,8,["app-icon"]),e.createVNode(de,e.mergeProps({onClick:n,checked:o.checked},l.$attrs),null,16,["checked"])],2))}});const zr={key:0,class:"ma-tag-input-prefix"},Tr=["disabled","placeholder"],Ir={key:1,class:"ma-tag-input-suffix"},Dr={name:"MaTagInput"},Ar=e.defineComponent({...Dr,props:{tags:null,placeholder:{default:""},separator:{default:()=>["Enter",","]},size:{default:"md"},disabled:{type:Boolean,default:!1},prefixIcon:null,suffixIcon:null},emits:["update:tags","change","added","removed"],setup(r,{emit:t}){const o=r,n=e.ref(""),s=e.ref(null),l=e.computed({get(){return o.tags},set(m){t("update:tags",m),t("change",m)}}),a=e.computed(()=>["ma-tag-input-wrapper",`ma-tag-input-wrapper--${o.size}`,{"ma-tag-input-wrapper--disabled":o.disabled}]),i=e.computed(()=>n.value.length>u.value.length?n.value.length:u.value.length),c=e.computed(()=>({width:`${i.value*8+6}px`})),u=e.computed(()=>o?.placeholder&&l.value.length===0?o.placeholder:""),h=m=>{o.separator.includes(m.key)?(m.preventDefault(),g()):m.key==="Backspace"&&n.value===""&&l.value.length>0&&y(l.value[l.value.length-1])},g=()=>{n.value&&!l.value.includes(n.value)&&(l.value.push(n.value),t("added",n.value),t("change",l.value)),n.value=""},y=m=>{if(o.disabled)return;const d=l.value.indexOf(m);d!==-1&&(l.value.splice(d,1),t("removed",m),t("change",l.value))},b=()=>{s.value.focus()};return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a)),onClick:b},[m.$slots.prefix||o?.prefixIcon?(e.openBlock(),e.createElementBlock("div",zr,[e.renderSlot(m.$slots,"prefix"),o.prefixIcon?(e.openBlock(),e.createBlock(e.unref(v),{key:0,size:"xs",name:o.prefixIcon},null,8,["name"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tags,k=>(e.openBlock(),e.createElementBlock("span",{class:"ma-tag-wrapper",key:k},[e.createElementVNode("span",null,e.toDisplayString(k),1),e.createVNode(e.unref(v),{size:"xs",onClick:q=>y(k),name:"close"},null,8,["onClick"])]))),128)),e.createElementVNode("div",{class:"ma-tag-input",style:e.normalizeStyle(e.unref(c))},[e.withDirectives(e.createElementVNode("input",{disabled:o.disabled,ref_key:"tagInputRef",ref:s,placeholder:e.unref(u),onKeydown:h,"onUpdate:modelValue":d[0]||(d[0]=k=>n.value=k)},null,40,Tr),[[e.vModelText,n.value]])],4),m.$slots.suffix||o?.suffixIcon?(e.openBlock(),e.createElementBlock("div",Ir,[e.renderSlot(m.$slots,"suffix"),o.suffixIcon?(e.openBlock(),e.createBlock(e.unref(v),{key:0,size:"xs",name:o.suffixIcon},null,8,["name"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}});class Lr{config=e.reactive({language:"en"});setConfig(t){for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const n=o;this.config[n]=t[n]}}getConfig(){return e.readonly(this.config)}setLanguage(t){this.config.language=t}getLanguage(){return this.config.language}}const ke=new Lr;function Fr(){return e.toRefs(ke.getConfig())}exports.ActionKitConfig=ke;exports.Animations=Ct;exports.AppIconPlatforms=ct;exports.AppIconSizes=it;exports.ButtonIconAlignMents=Ee;exports.ButtonShapes=Ve;exports.ButtonSizes=se;exports.ButtonTargets=xe;exports.ButtonTypes=Se;exports.ButtonVariants=Ne;exports.MaAlert=kt;exports.MaAlertPropTypes=_t;exports.MaAlertPropVariants=yt;exports.MaAnimation=ve;exports.MaAppCheckbox=Mr;exports.MaAppIcon=me;exports.MaAppTrackButton=Zo;exports.MaAutoComplete=$s;exports.MaAvatar=ce;exports.MaBadge=G;exports.MaBadgePropIconAlignments=ht;exports.MaBadgePropSizes=ft;exports.MaBadgePropTypes=vt;exports.MaBadgePropVariants=mt;exports.MaButton=T;exports.MaCard=Js;exports.MaCardAlignments=Ys;exports.MaCardIconColors=Xs;exports.MaCardSizes=Zs;exports.MaCheckbox=de;exports.MaCheckboxGroup=Do;exports.MaCountryRadio=xr;exports.MaCountrySelect=zs;exports.MaDrawer=mr;exports.MaDropdown=Kt;exports.MaDropdownPlacements=jt;exports.MaDropdownTriggers=Ht;exports.MaEmpty=en;exports.MaEmptyIcons=Y;exports.MaEmptySizes=Wt;exports.MaEmptyVariants=Jt;exports.MaFlagIconRatios=Be;exports.MaForm=re;exports.MaFormItem=j;exports.MaFormLayouts=uo;exports.MaIcon=v;exports.MaIconButton=A;exports.MaIconSizeClassNames=ne;exports.MaIconSizes=Ce;exports.MaInput=U;exports.MaInputCurrency=po;exports.MaInputNumber=tr;exports.MaInputSize=le;exports.MaInputType=I;exports.MaKeywordGroupSelection=Br;exports.MaModal=W;exports.MaModalTypeIcon=H;exports.MaModalTypes=Bt;exports.MaNumericInput=Ro;exports.MaPopover=Q;exports.MaProgress=vs;exports.MaProgressCircleSizes=gs;exports.MaProgressColors=hs;exports.MaProgressPercentAlignments=ks;exports.MaProgressTypes=fs;exports.MaRadio=pe;exports.MaRadioGroup=dt;exports.MaRadioTypes=pt;exports.MaRate=Tt;exports.MaRateColors=Dt;exports.MaRateSizes=It;exports.MaSelect=X;exports.MaSelectOption=ue;exports.MaSideMenuAddNewAppButton=Dn;exports.MaSideMenuAppButton=Tn;exports.MaSideMenuButton=Pn;exports.MaSideMenuIconButton=Vn;exports.MaSideMenuItem=qn;exports.MaSideMenuItemColors=Sn;exports.MaSideMenuRoundIconButton=En;exports.MaSlider=qr;exports.MaSpin=J;exports.MaSpinColors=Ut;exports.MaSpinTypes=Gt;exports.MaSwitch=He;exports.MaTabIconAlignMents=Ns;exports.MaTabPane=ge;exports.MaTabPositions=qs;exports.MaTabTypes=Ss;exports.MaTabs=he;exports.MaTagInput=Ar;exports.MaToggle=Ue;exports.MaTooltip=F;exports.MaTrackButton=Ie;exports.MaUpload=Cn;exports.MaUploadFileStatus=z;exports.MaUploadSizes=fe;exports.MaUploadTypes=on;exports.NumericInputSizes=Go;exports.SelectModes=zo;exports.SelectSizes=Mo;exports.SwitchTypes=We;exports.ToggleSizes=Oe;exports.TooltipPlacements=Qe;exports.TooltipTriggerTypes=oo;exports.TooltipTypes=eo;exports.TrackButtonSizes=Ae;exports.TrackButtonVariants=De;exports.currencyOptions=ie;exports.currencySymbols=ae;exports.useActionKitConfig=Fr;

package/dist/action-kit.mjs

@@ -4537,7 +4537,7 @@ const gn = {
   props: {
     tags: null,
     placeholder: { default: "" },
-    seperator: { default: "Enter" },
+    separator: { default: () => ["Enter", ","] },
     size: { default: "md" },
     disabled: { type: Boolean, default: !1 },
     prefixIcon: null,
@@ -4565,7 +4565,7 @@ const gn = {
     })), m = c(
       () => e?.placeholder && i.value.length === 0 ? e.placeholder : ""
     ), B = (h) => {
-      h.key === e.seperator ? (h.preventDefault(), I()) : h.key === "Backspace" && o.value === "" && i.value.length > 0 && z(i.value[i.value.length - 1]);
+      e.separator.includes(h.key) ? (h.preventDefault(), I()) : h.key === "Backspace" && o.value === "" && i.value.length > 0 && z(i.value[i.value.length - 1]);
     }, I = () => {
       o.value && !i.value.includes(o.value) && (i.value.push(o.value), t("added", o.value), t("change", i.value)), o.value = "";
     }, z = (h) => {

package/dist/components/tag-input/index.vue.d.ts

@@ -3,7 +3,7 @@ import { MaTagInputSize } from "./types";
 export interface MaTagInputProps {
     tags: string[];
     placeholder?: string;
-    seperator?: string;
+    separator?: string[];
     size?: MaTagInputSize;
     disabled?: boolean;
     prefixIcon?: string;
@@ -19,10 +19,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    seperator: {
-        type: __PropType<string>;
+    separator: {
+        type: __PropType<string[]>;
         required: false;
-        default: string;
+        default: () => string[];
     };
     size: {
         type: __PropType<"sm" | "md" | "lg">;
@@ -52,10 +52,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    seperator: {
-        type: __PropType<string>;
+    separator: {
+        type: __PropType<string[]>;
         required: false;
-        default: string;
+        default: () => string[];
     };
     size: {
         type: __PropType<"sm" | "md" | "lg">;
@@ -84,6 +84,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     size: "sm" | "md" | "lg";
     disabled: boolean;
     placeholder: string;
-    seperator: string;
+    separator: string[];
 }>;
 export default _sfc_main;

package/dist/src/components/tag-input/index.vue.d.ts

@@ -2,19 +2,19 @@ import { MaTagInputSize } from "./types";
 export interface MaTagInputProps {
     tags: string[];
     placeholder?: string;
-    seperator?: string;
+    separator?: string[];
     size?: MaTagInputSize;
     disabled?: boolean;
     prefixIcon?: string;
     suffixIcon?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaTagInputProps>, {
-    seperator: string;
+    separator: () => string[];
     size: string;
     disabled: boolean;
     placeholder: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:tags" | "added" | "removed")[], "change" | "update:tags" | "added" | "removed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaTagInputProps>, {
-    seperator: string;
+    separator: () => string[];
     size: string;
     disabled: boolean;
     placeholder: string;
@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: "sm" | "md" | "lg";
     disabled: boolean;
     placeholder: string;
-    seperator: string;
+    separator: string[];
 }>, {
     prefix: (_: {}) => any;
     suffix: (_: {}) => any;

package/dist/src/components/tag-input/stories/default.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: Meta<typeof MaTagInput>;
 export default meta;
 declare type Story = StoryObj<typeof MaTagInput>;
 export declare const Default: Story;
-export declare const CustomSeperatorComma: Story;
+export declare const CustomSeparatorHyphen: Story;
 export declare const Disabled: Story;
 export declare const Small: Story;
 export declare const Medium: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobileaction/action-kit",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "main": "dist/action-kit.js",
   "module": "dist/action-kit.mjs",
   "types": "dist/index.d.ts",