glass-ui-vue - npm Package Compare versions

Comparing version 1.1.5 to 1.1.6

dist/glass-ui.es.js

@@ -414,3 +414,3 @@ import { computed as f, createElementBlock as r, openBlock as l, normalizeClass as c, renderSlot as m, normalizeStyle as b, ref as $, watch as x, onBeforeUnmount as w, createCommentVNode as v, createBlock as k, TransitionGroup as _, withCtx as C, Fragment as T, renderList as I, createElementVNode as h, toDisplayString as B } from "vue";
   }
-}, de = /* @__PURE__ */ u(ne, [["__scopeId", "data-v-be990ca0"]]), ie = GlassUI = {
+}, de = /* @__PURE__ */ u(ne, [["__scopeId", "data-v-be990ca0"]]), ie = {
   install(e) {
@@ -417,0 +417,0 @@ e.component("g-panel", V), e.component("g-stack", R), e.component("g-button", G), e.component("g-alert", D), e.component("g-avatar", P), e.component("g-badge", q), e.component("g-input", H), e.component("g-textarea", Q), e.component("g-grid", Y), e.component("g-toaster", de);

dist/glass-ui.umd.js

@@ -1,1 +0,1 @@
-(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.GlassUI={},s.Vue))})(this,function(s,t){"use strict";const o=(e,a)=>{const l=e.__vccOpts||e;for(const[n,d]of a)l[n]=d;return l},v=["aria-disabled","tabindex"],g=o({__name:"Panel",props:{variant:{type:String,default:"default",validator:e=>["default","primary","secondary","success","danger","warning","info","light","dark"].includes(e)},padding:{type:String,default:"md",validator:e=>["xxs","xs","sm","md","lg","xl","2x","3x",""].includes(e)},disabled:{type:Boolean,default:!1}},setup(e){const a=e,l=t.computed(()=>`bg--${a.variant}`),n=t.computed(()=>a.padding?`p--${a.padding}`:"");return(d,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["panel",[l.value,n.value,{"is-disabled":e.disabled}]]),"aria-disabled":e.disabled?"true":void 0,tabindex:e.disabled?-1:void 0},[t.renderSlot(d.$slots,"default",{},void 0,!0)],10,v))}},[["__scopeId","data-v-59d4fb3d"]]),p=o({__name:"Stack",props:{align:{type:String,default:"",validator:e=>["start","center","end","stretch","baseline",""].includes(e)},justify:{type:String,default:"",validator:e=>["start","center","end","between","around","evenly",""].includes(e)},direction:{type:String,default:"column",validator:e=>["column","row"].includes(e)},gap:{type:[String,Number],default:""},padding:{type:String,default:""}},setup(e){const a=e,l=t.computed(()=>`direction--${a.direction}`),n=t.computed(()=>a.gap?{gap:typeof a.gap=="number"?`${a.gap}px`:a.gap}:{});return(d,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["stack",[l.value,e.align?`align-${e.align}`:"",e.justify?`justify--${e.justify}`:"",e.padding?`p--${e.padding}`:""]]),style:t.normalizeStyle(n.value)},[t.renderSlot(d.$slots,"default",{},void 0,!0)],6))}},[["__scopeId","data-v-f02c0da9"]]),w=["disabled","type","aria-disabled"],b=o({__name:"Button",props:{variant:{type:String,default:"primary",validator:e=>["primary","secondary","success","danger","warning","info","light","dark"].includes(e)},disabled:{type:Boolean,default:!1},type:{type:String,default:"button",validator:e=>["button","submit","reset"].includes(e)}},emits:["click"],setup(e,{emit:a}){const l=e,n=a;function d(i){l.disabled||n("click",i)}return(i,m)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["glass-btn",`glass-btn--${e.variant}`,{"is-disabled":e.disabled}]),disabled:e.disabled,type:e.type,"aria-disabled":e.disabled?"true":void 0,onClick:d},[t.renderSlot(i.$slots,"default",{},void 0,!0)],10,w))}},[["__scopeId","data-v-c480d73d"]]),y=o({__name:"Alert",props:{variant:{type:String,default:"info",validator:e=>["primary","secondary","success","danger","warning","info","light","dark"].includes(e)},dismissible:{type:Boolean,default:!1},timeout:{type:[Number,String],default:null}},setup(e){const a=e,l=t.ref(!0);let n=null;function d(){l.value=!1}return t.watch(()=>a.timeout,i=>{n&&clearTimeout(n),i&&Number(i)>0&&(n=setTimeout(()=>{l.value=!1},Number(i)))},{immediate:!0}),t.onBeforeUnmount(()=>{n&&clearTimeout(n)}),(i,m)=>l.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["glass-alert",[`glass-alert--${e.variant}`,e.dismissible?"glass-alert--dismissible":""]]),role:"alert"},[t.renderSlot(i.$slots,"default",{},void 0,!0),e.dismissible?(t.openBlock(),t.createElementBlock("button",{key:0,class:"glass-alert__close",onClick:d,"aria-label":"Dismiss",type:"button"},"×")):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0)}},[["__scopeId","data-v-146188a2"]]),C=["src","alt","width","height"],h=o({__name:"Avatar",props:{src:{type:String,required:!0},alt:{type:String,default:"Avatar"},size:{type:[String,Number],default:48},shape:{type:String,default:"circle",validator:e=>["circle","rounded"].includes(e)}},setup(e){return(a,l)=>(t.openBlock(),t.createElementBlock("img",{class:"glass-avatar",src:e.src,alt:e.alt,width:e.size,height:e.size,style:t.normalizeStyle({borderRadius:e.shape==="circle"?"50%":"8px",width:e.size+"px",height:e.size+"px"})},null,12,C))}},[["__scopeId","data-v-0c6def60"]]),$=o({__name:"Badge",props:{variant:{type:String,default:"primary",validator:e=>["primary","secondary","success","danger","warning","info","light","dark"].includes(e)}},setup(e){return(a,l)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["glass-badge",`glass-badge--${e.variant}`])},[t.renderSlot(a.$slots,"default",{},void 0,!0)],2))}},[["__scopeId","data-v-03886f9a"]]),x=["type","placeholder","disabled","value"],S=o({__name:"Input",props:{modelValue:String,type:{type:String,default:"text",validator:e=>["text","password","email","number"].includes(e)},placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1},borderColor:{type:String,default:"blue"},borderWidth:{type:String,default:"1px"},borderType:{type:String,default:"solid",validator:e=>["solid","dotted","dashed","double","groove","ridge","inset","outset","none","hidden"].includes(e)},borderRadius:{type:String,default:""}},setup(e){const a=e,l=t.computed(()=>({border:a.borderColor?`${a.borderWidth} ${a.borderType} ${a.borderColor}`:void 0,borderRadius:a.borderRadius||void 0}));return(n,d)=>(t.openBlock(),t.createElementBlock("input",{class:"glass-input",type:e.type,placeholder:e.placeholder,disabled:e.disabled,value:e.modelValue,onInput:d[0]||(d[0]=i=>n.$emit("update:modelValue",i.target.value)),style:t.normalizeStyle(l.value)},null,44,x))}},[["__scopeId","data-v-a700eda9"]]),T=["placeholder","disabled","rows","value"],k=o({__name:"Textarea",props:{modelValue:String,placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1},rows:{type:[String,Number],default:3},borderColor:{type:String,default:"grey"},borderWidth:{type:String,default:"1px"},borderType:{type:String,default:"solid",validator:e=>["solid","dotted","dashed","double","groove","ridge","inset","outset","none","hidden"].includes(e)},borderRadius:{type:String,default:""}},setup(e){const a=e,l=t.computed(()=>({border:`${a.borderWidth} ${a.borderType} ${a.borderColor}`,borderRadius:a.borderRadius||void 0}));return(n,d)=>(t.openBlock(),t.createElementBlock("textarea",{class:"glass-textarea",placeholder:e.placeholder,disabled:e.disabled,rows:e.rows,value:e.modelValue,onInput:d[0]||(d[0]=i=>n.$emit("update:modelValue",i.target.value)),style:t.normalizeStyle(l.value)},null,44,T))}},[["__scopeId","data-v-7f493733"]]),B=o({__name:"Grid",props:{cols:{type:[Number,String],default:2,validator:e=>Number(e)>=1&&Number(e)<=12},gap:{type:[String,Number],default:"md"},align:{type:String,default:"",validator:e=>["","start","center","end","stretch"].includes(e)},justify:{type:String,default:"",validator:e=>["","start","center","end","between","around","evenly"].includes(e)},wrap:{type:Boolean,default:!1}},setup(e){return(a,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["glass-grid",`grid-cols-${e.cols}`,e.gap?`grid-gap-${e.gap}`:"",e.align?`grid-align-${e.align}`:"",e.justify?`grid-justify-${e.justify}`:"",e.wrap?"grid-wrap":""])},[t.renderSlot(a.$slots,"default",{},void 0,!0)],2))}},[["__scopeId","data-v-73c1d88a"]]);function I(e){return{all:e=e||new Map,on:function(a,l){var n=e.get(a);n?n.push(l):e.set(a,[l])},off:function(a,l){var n=e.get(a);n&&(l?n.splice(n.indexOf(l)>>>0,1):e.set(a,[]))},emit:function(a,l){var n=e.get(a);n&&n.slice().map(function(d){d(l)}),(n=e.get("*"))&&n.slice().map(function(d){d(a,l)})}}}const z=I(),E=["onMouseenter","onMouseleave"],N=["onClick"],_=o({__name:"Toaster",setup(e){const a=t.ref([]);let l=0;const n={};function d(r,{variant:f="info",duration:c=3e3}={}){const u=++l;a.value.push({id:u,message:r,variant:f}),n[u]=setTimeout(()=>i(u),c)}function i(r){a.value=a.value.filter(f=>f.id!==r),clearTimeout(n[r]),delete n[r]}function m(r){clearTimeout(n[r])}function j(r){a.value.find(c=>c.id===r)&&(n[r]=setTimeout(()=>i(r),2e3))}return z.on("show",(r={})=>{d(r.message,r)}),(r,f)=>(t.openBlock(),t.createBlock(t.TransitionGroup,{name:"toaster-fade",tag:"div",class:"glass-toaster"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.value,c=>(t.openBlock(),t.createElementBlock("div",{key:c.id,class:t.normalizeClass(["glass-toast",`glass-toast--${c.variant}`]),onMouseenter:u=>m(c.id),onMouseleave:u=>j(c.id)},[t.createElementVNode("span",null,t.toDisplayString(c.message),1),t.createElementVNode("button",{class:"glass-toast__close",onClick:u=>i(c.id)},"×",8,N)],42,E))),128))]),_:1}))}},[["__scopeId","data-v-be990ca0"]]),V=GlassUI={install(e){e.component("g-panel",g),e.component("g-stack",p),e.component("g-button",b),e.component("g-alert",y),e.component("g-avatar",h),e.component("g-badge",$),e.component("g-input",S),e.component("g-textarea",k),e.component("g-grid",B),e.component("g-toaster",_)}};s.Alert=y,s.Avatar=h,s.Badge=$,s.Button=b,s.Grid=B,s.Input=S,s.Panel=g,s.Stack=p,s.Textarea=k,s.Toaster=_,s.default=V,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.GlassUI={},s.Vue))})(this,function(s,t){"use strict";const o=(e,a)=>{const l=e.__vccOpts||e;for(const[n,d]of a)l[n]=d;return l},v=["aria-disabled","tabindex"],g=o({__name:"Panel",props:{variant:{type:String,default:"default",validator:e=>["default","primary","secondary","success","danger","warning","info","light","dark"].includes(e)},padding:{type:String,default:"md",validator:e=>["xxs","xs","sm","md","lg","xl","2x","3x",""].includes(e)},disabled:{type:Boolean,default:!1}},setup(e){const a=e,l=t.computed(()=>`bg--${a.variant}`),n=t.computed(()=>a.padding?`p--${a.padding}`:"");return(d,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["panel",[l.value,n.value,{"is-disabled":e.disabled}]]),"aria-disabled":e.disabled?"true":void 0,tabindex:e.disabled?-1:void 0},[t.renderSlot(d.$slots,"default",{},void 0,!0)],10,v))}},[["__scopeId","data-v-59d4fb3d"]]),p=o({__name:"Stack",props:{align:{type:String,default:"",validator:e=>["start","center","end","stretch","baseline",""].includes(e)},justify:{type:String,default:"",validator:e=>["start","center","end","between","around","evenly",""].includes(e)},direction:{type:String,default:"column",validator:e=>["column","row"].includes(e)},gap:{type:[String,Number],default:""},padding:{type:String,default:""}},setup(e){const a=e,l=t.computed(()=>`direction--${a.direction}`),n=t.computed(()=>a.gap?{gap:typeof a.gap=="number"?`${a.gap}px`:a.gap}:{});return(d,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["stack",[l.value,e.align?`align-${e.align}`:"",e.justify?`justify--${e.justify}`:"",e.padding?`p--${e.padding}`:""]]),style:t.normalizeStyle(n.value)},[t.renderSlot(d.$slots,"default",{},void 0,!0)],6))}},[["__scopeId","data-v-f02c0da9"]]),w=["disabled","type","aria-disabled"],b=o({__name:"Button",props:{variant:{type:String,default:"primary",validator:e=>["primary","secondary","success","danger","warning","info","light","dark"].includes(e)},disabled:{type:Boolean,default:!1},type:{type:String,default:"button",validator:e=>["button","submit","reset"].includes(e)}},emits:["click"],setup(e,{emit:a}){const l=e,n=a;function d(i){l.disabled||n("click",i)}return(i,m)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["glass-btn",`glass-btn--${e.variant}`,{"is-disabled":e.disabled}]),disabled:e.disabled,type:e.type,"aria-disabled":e.disabled?"true":void 0,onClick:d},[t.renderSlot(i.$slots,"default",{},void 0,!0)],10,w))}},[["__scopeId","data-v-c480d73d"]]),y=o({__name:"Alert",props:{variant:{type:String,default:"info",validator:e=>["primary","secondary","success","danger","warning","info","light","dark"].includes(e)},dismissible:{type:Boolean,default:!1},timeout:{type:[Number,String],default:null}},setup(e){const a=e,l=t.ref(!0);let n=null;function d(){l.value=!1}return t.watch(()=>a.timeout,i=>{n&&clearTimeout(n),i&&Number(i)>0&&(n=setTimeout(()=>{l.value=!1},Number(i)))},{immediate:!0}),t.onBeforeUnmount(()=>{n&&clearTimeout(n)}),(i,m)=>l.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["glass-alert",[`glass-alert--${e.variant}`,e.dismissible?"glass-alert--dismissible":""]]),role:"alert"},[t.renderSlot(i.$slots,"default",{},void 0,!0),e.dismissible?(t.openBlock(),t.createElementBlock("button",{key:0,class:"glass-alert__close",onClick:d,"aria-label":"Dismiss",type:"button"},"×")):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0)}},[["__scopeId","data-v-146188a2"]]),C=["src","alt","width","height"],h=o({__name:"Avatar",props:{src:{type:String,required:!0},alt:{type:String,default:"Avatar"},size:{type:[String,Number],default:48},shape:{type:String,default:"circle",validator:e=>["circle","rounded"].includes(e)}},setup(e){return(a,l)=>(t.openBlock(),t.createElementBlock("img",{class:"glass-avatar",src:e.src,alt:e.alt,width:e.size,height:e.size,style:t.normalizeStyle({borderRadius:e.shape==="circle"?"50%":"8px",width:e.size+"px",height:e.size+"px"})},null,12,C))}},[["__scopeId","data-v-0c6def60"]]),$=o({__name:"Badge",props:{variant:{type:String,default:"primary",validator:e=>["primary","secondary","success","danger","warning","info","light","dark"].includes(e)}},setup(e){return(a,l)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["glass-badge",`glass-badge--${e.variant}`])},[t.renderSlot(a.$slots,"default",{},void 0,!0)],2))}},[["__scopeId","data-v-03886f9a"]]),T=["type","placeholder","disabled","value"],S=o({__name:"Input",props:{modelValue:String,type:{type:String,default:"text",validator:e=>["text","password","email","number"].includes(e)},placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1},borderColor:{type:String,default:"blue"},borderWidth:{type:String,default:"1px"},borderType:{type:String,default:"solid",validator:e=>["solid","dotted","dashed","double","groove","ridge","inset","outset","none","hidden"].includes(e)},borderRadius:{type:String,default:""}},setup(e){const a=e,l=t.computed(()=>({border:a.borderColor?`${a.borderWidth} ${a.borderType} ${a.borderColor}`:void 0,borderRadius:a.borderRadius||void 0}));return(n,d)=>(t.openBlock(),t.createElementBlock("input",{class:"glass-input",type:e.type,placeholder:e.placeholder,disabled:e.disabled,value:e.modelValue,onInput:d[0]||(d[0]=i=>n.$emit("update:modelValue",i.target.value)),style:t.normalizeStyle(l.value)},null,44,T))}},[["__scopeId","data-v-a700eda9"]]),x=["placeholder","disabled","rows","value"],k=o({__name:"Textarea",props:{modelValue:String,placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1},rows:{type:[String,Number],default:3},borderColor:{type:String,default:"grey"},borderWidth:{type:String,default:"1px"},borderType:{type:String,default:"solid",validator:e=>["solid","dotted","dashed","double","groove","ridge","inset","outset","none","hidden"].includes(e)},borderRadius:{type:String,default:""}},setup(e){const a=e,l=t.computed(()=>({border:`${a.borderWidth} ${a.borderType} ${a.borderColor}`,borderRadius:a.borderRadius||void 0}));return(n,d)=>(t.openBlock(),t.createElementBlock("textarea",{class:"glass-textarea",placeholder:e.placeholder,disabled:e.disabled,rows:e.rows,value:e.modelValue,onInput:d[0]||(d[0]=i=>n.$emit("update:modelValue",i.target.value)),style:t.normalizeStyle(l.value)},null,44,x))}},[["__scopeId","data-v-7f493733"]]),B=o({__name:"Grid",props:{cols:{type:[Number,String],default:2,validator:e=>Number(e)>=1&&Number(e)<=12},gap:{type:[String,Number],default:"md"},align:{type:String,default:"",validator:e=>["","start","center","end","stretch"].includes(e)},justify:{type:String,default:"",validator:e=>["","start","center","end","between","around","evenly"].includes(e)},wrap:{type:Boolean,default:!1}},setup(e){return(a,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["glass-grid",`grid-cols-${e.cols}`,e.gap?`grid-gap-${e.gap}`:"",e.align?`grid-align-${e.align}`:"",e.justify?`grid-justify-${e.justify}`:"",e.wrap?"grid-wrap":""])},[t.renderSlot(a.$slots,"default",{},void 0,!0)],2))}},[["__scopeId","data-v-73c1d88a"]]);function I(e){return{all:e=e||new Map,on:function(a,l){var n=e.get(a);n?n.push(l):e.set(a,[l])},off:function(a,l){var n=e.get(a);n&&(l?n.splice(n.indexOf(l)>>>0,1):e.set(a,[]))},emit:function(a,l){var n=e.get(a);n&&n.slice().map(function(d){d(l)}),(n=e.get("*"))&&n.slice().map(function(d){d(a,l)})}}}const z=I(),E=["onMouseenter","onMouseleave"],N=["onClick"],_=o({__name:"Toaster",setup(e){const a=t.ref([]);let l=0;const n={};function d(r,{variant:f="info",duration:c=3e3}={}){const u=++l;a.value.push({id:u,message:r,variant:f}),n[u]=setTimeout(()=>i(u),c)}function i(r){a.value=a.value.filter(f=>f.id!==r),clearTimeout(n[r]),delete n[r]}function m(r){clearTimeout(n[r])}function j(r){a.value.find(c=>c.id===r)&&(n[r]=setTimeout(()=>i(r),2e3))}return z.on("show",(r={})=>{d(r.message,r)}),(r,f)=>(t.openBlock(),t.createBlock(t.TransitionGroup,{name:"toaster-fade",tag:"div",class:"glass-toaster"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.value,c=>(t.openBlock(),t.createElementBlock("div",{key:c.id,class:t.normalizeClass(["glass-toast",`glass-toast--${c.variant}`]),onMouseenter:u=>m(c.id),onMouseleave:u=>j(c.id)},[t.createElementVNode("span",null,t.toDisplayString(c.message),1),t.createElementVNode("button",{class:"glass-toast__close",onClick:u=>i(c.id)},"×",8,N)],42,E))),128))]),_:1}))}},[["__scopeId","data-v-be990ca0"]]),V={install(e){e.component("g-panel",g),e.component("g-stack",p),e.component("g-button",b),e.component("g-alert",y),e.component("g-avatar",h),e.component("g-badge",$),e.component("g-input",S),e.component("g-textarea",k),e.component("g-grid",B),e.component("g-toaster",_)}};s.Alert=y,s.Avatar=h,s.Badge=$,s.Button=b,s.Grid=B,s.Input=S,s.Panel=g,s.Stack=p,s.Textarea=k,s.Toaster=_,s.default=V,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "glass-ui-vue",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "A Vue 3 component library that implements glassmorphism design principles, providing a modern and visually appealing UI toolkit. It includes a variety of reusable components styled with glassmorphism effects, making it easy to create elegant and interactive user interfaces. This library is designed to be flexible and easy to integrate into Vue applications, offering a consistent design language and enhancing the overall user experience.",
@@ -5,0 +5,0 @@ "author": "Surajdev Pandey <[e-mail]>",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Total package byte prevSize

73128

-0.02%

No dependency changes