@gradient-ui/core 0.2.0 → 0.4.0

package/dist/useSnackbar-3QuH25xm.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./GLoading.vue_vue_type_style_index_0_lang-cokm-HBh.cjs"),y=require("./propsFactory-DyyboUaC.cjs");require("@mdi/js");const N=require("./tagName-CbsvFHGg.cjs"),M=()=>({icon:{type:String,required:!0},size:{type:[Number,String],default:void 0},tag:{type:String,default:"span"}}),J=e.defineComponent({__name:"GIcon",props:M(),setup(t){const n=t,s=N.useIcon(()=>n.icon),o=e.computed(()=>n.size==null?"var(--g-token-icon-size-m)":Number.isFinite(Number(n.size))?`${n.size}px`:String(n.size));return(u,c)=>e.unref(s).icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s).component),e.mergeProps({key:0,icon:e.unref(s).icon,tag:n.tag,class:"g-icon",style:{fontSize:o.value}},u.$attrs),null,16,["icon","tag","style"])):e.createCommentVNode("",!0)}}),x=l._export_sfc(J,[["__scopeId","data-v-f1c09700"]]),K=y.propsFactory({placement:{type:String,default:"bottom"}});function Q(t,n){return e.computed(()=>`${n}_${t.placement}`)}const X=y.propsFactory({active:Boolean,...l.makeDisabledProps(),glow:[Boolean,Number,String],animateGlow:Boolean,shadow:Boolean,...l.makeStateProps()});function Y(t,n="g-gradient"){const s=l.useDisabled(t,n),o=l.useState(t,n);return{glowClasses:e.computed(()=>({[s.value]:!0,[o.value]:!0,[`${n}_active`]:t.active,[`${n}_glow`]:t.glow,[`${n}_animate-glow`]:t.animateGlow,[`${n}_shadow`]:t.shadow}))}}const Z=y.propsFactory({borderRadius:{type:[Number,String],default:4},inheritWidth:Boolean});function ee(t){return{surfaceBorderRadius:l.usePx(e.toRef(t,"borderRadius"))}}const te=y.propsFactory({...l.makeDisabledProps(),...l.makeVariantProps(),...l.makeRoundedProps(),...K({placement:"center"}),borderRadius:{type:[Number,String],default:4},borderWidth:{type:[Number,String],default:1},color:String,state:String}),z=y.propsFactory({...te(),...X(),...Z()});function ne(t){const n=l.usePx(e.toRef(t,"borderWidth")),s=l.usePx(e.toRef(t,"borderRadius")),o=e.computed(()=>n.value?`calc(${s.value} + ${n.value})`:s.value),u=l.useDisabled(t,"g-gradient"),c=Q(t,"g-gradient"),i=l.useRounded(t,"g-gradient"),a=l.useResolveGradientValue(()=>t.color??t.state),r=e.computed(()=>({[u.value]:!0,[c.value]:!0,[i.value]:!0,"g-gradient_inherit-width":t.inheritWidth,[`g-gradient_${t.placement}`]:t.placement,[`g-gradient_${t.state}`]:t.state,[`g-gradient_border_${t.borderWidth}`]:!0})),d=e.computed(()=>({"--g-border-radius":s.value,"--g-border-width":n.value,"--g-gradient-current":a.value}));return{borderWidthPx:n,borderRadiusPx:s,containerBorderRadius:o,resolvedGradient:a,gradientClasses:r,gradientStyles:d}}const oe={class:"g-gradient__slot"},ae=e.defineComponent({__name:"GGradient",props:z(),setup(t){e.useCssVars(d=>({v3beb5b00:e.unref(u),ea600628:e.unref(r),v61d97152:e.unref(o)}));const n=t,{borderWidth:s}=e.toRefs(n),o=l.usePx(s),{containerBorderRadius:u,gradientClasses:c,gradientStyles:i}=ne(n),{glowClasses:a}=Y(n),{surfaceBorderRadius:r}=ee(n);return(d,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-gradient",[e.unref(c),e.unref(a)]]),style:e.normalizeStyle(e.unref(i))},[e.createElementVNode("div",oe,[e.renderSlot(d.$slots,"default",{},void 0,!0)])],6))}}),I=l._export_sfc(ae,[["__scopeId","data-v-f23c788d"]]),re=e.defineComponent({__name:"GIcon",props:{icon:{},size:{default:20},tag:{default:"span"}},setup(t){const n=t,s=l.usePx(e.toRef(n,"size")),o=N.useIcon(()=>n.icon);return(u,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).component),e.mergeProps({icon:e.unref(o).icon,tag:n.tag,class:"g-icon",style:{fontSize:e.unref(s)}},u.$attrs),null,16,["icon","tag","style"]))}}),V=l._export_sfc(re,[["__scopeId","data-v-1e1fd36a"]]),A=y.propsFactory({...l.makeSurfaceProps(),...l.makeSizeProps(),active:Boolean,activeColor:String,activeState:String,activeVariant:String});function E(t,n,s={}){const{disabledClass:o,roundedClass:u,stateClass:c}=l.useSurface(t,n),{surfaceOverlayClasses:i,surfaceUnderlayClasses:a,surfaceContentClasses:r}=l.useSurfaceLayers(n),d=l.useSize(t,n),m=e.computed(()=>!!(e.toValue(s.active)??t.active)),v=e.computed(()=>!!e.toValue(s.selected)),{resolvedColor:g,resolvedState:_,colorStyles:S}=l.useSurfaceColor({color:()=>e.toValue(t.color),state:()=>t.state,active:()=>m.value||v.value,activeColor:()=>e.toValue(t.activeColor),activeState:()=>t.activeState}),p=e.computed(()=>(v.value||m.value)&&t.activeVariant?t.activeVariant:t.variant);return{actionSurfaceClasses:e.computed(()=>{const k=!!e.toValue(s.focused);return[`${n}_${p.value}`,o.value,u.value,c.value,d.value,k?`${n}_focused`:"",v.value?`${n}_selected`:"",m.value?`${n}_active`:""].filter(Boolean)}),resolvedColor:g,resolvedState:_,resolvedVariant:p,surfaceStyles:S,surfaceOverlayClasses:i,surfaceUnderlayClasses:a,surfaceContentClasses:r}}const R=y.propsFactory({prepend:String,append:String,label:String}),se=y.propsFactory({...A(),...R(),...z(),...N.makeTagNameProps(),isIconButton:Boolean,iconButton:String,ripple:{type:[Boolean,String,Object],default:!0}}),ce={key:0,class:"g-button__prepend"},le={class:"g-button__label"},ie={key:1,class:"g-button__append"},O=e.defineComponent({inheritAttrs:!1,__name:"GButton",props:se({borderWidth:0,borderRadius:4,placement:"center"}),setup(t){e.useCssVars(p=>({v7dbfdfb3:e.unref(u)}));const n=e.useSlots(),s=e.useAttrs(),o=t,u=l.usePx(o.borderRadius),c=e.computed(()=>o.disabled||o.ripple===!1?!1:typeof o.ripple=="object"?{...o.ripple,disabled:o.ripple.disabled||o.disabled}:o.ripple),{tagName:i,tagAttrs:a}=N.useTagName(o,"button"),{actionSurfaceClasses:r,resolvedColor:d,resolvedState:m,surfaceStyles:v,surfaceOverlayClasses:g,surfaceUnderlayClasses:_,surfaceContentClasses:S}=E(o,"g-button");return(p,$)=>{const k=e.resolveDirective("ripple"),P=e.resolveDirective("gradient-icon");return e.withDirectives((e.openBlock(),e.createBlock(I,e.mergeProps({class:"g-gradient"},{...o,color:e.unref(d),state:e.unref(m)}),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)),e.mergeProps({class:["g-button",[e.unref(r),{"g-button_icon":p.iconButton||p.isIconButton}]],style:e.unref(v)},{...e.unref(a),...e.unref(s)}),{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(_))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(g))},null,2),e.createElementVNode("span",{class:e.normalizeClass(["g-button__content",e.unref(S)])},[(n.prepend||p.prepend)&&!p.iconButton?(e.openBlock(),e.createElementBlock("span",ce,[e.renderSlot(p.$slots,"prepend",{},()=>[e.createVNode(V,{icon:p.prepend},null,8,["icon"])])])):e.createCommentVNode("",!0),e.createElementVNode("span",le,[e.renderSlot(p.$slots,"default",{},()=>[p.iconButton?p.iconButton?(e.openBlock(),e.createBlock(V,{key:1,icon:p.iconButton},null,8,["icon"])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(p.label),1)],64))])]),(n.append||p.append)&&!p.iconButton?(e.openBlock(),e.createElementBlock("span",ie,[e.renderSlot(p.$slots,"append",{},()=>[e.createVNode(V,{icon:p.append},null,8,["icon"])])])):e.createCommentVNode("",!0)],2)]),_:3},16,["class","style"])),[[k,c.value]])]),_:3},16)),[[P]])}}});function ue(){const t=e.shallowRef(null),n=e.ref(!1),s=a=>{u();const r=o(a.target),d=r.style.position;c(r)||(r.style.position="relative");const m=document.createElement("div");m.className="g-loading__container",r.appendChild(m);const v={},g=e.createApp(l._sfc_main,{text:a.text,noText:a.noText,color:a.color,dark:a.dark,opacity:a.opacity,blur:a.blur,progressView:a.progressView,onClose:()=>{i(v)}}),_=g.mount(m);Object.assign(v,{app:g,container:m,target:r,originalPosition:d,componentInstance:_}),t.value=v,_.show(),n.value=!0},o=a=>{if(!a)return document.body;if(typeof a=="string"){const r=document.querySelector(a);if(!r)throw new Error(`Target element ${a} not found`);return r}return a},u=async()=>{if(!t.value)return;const{componentInstance:a}=t.value;a&&a.hide()},c=a=>{const r=window.getComputedStyle(a).position;return["relative","absolute","fixed","sticky"].includes(r)},i=(a=t.value)=>{if(!a)return;const r=t.value===a,{app:d,container:m,target:v,originalPosition:g}=a;d.unmount(),m.parentElement===v&&v.removeChild(m),r&&(v.style.position=g,t.value=null,n.value=!1)};return e.onUnmounted(()=>{u()}),{show:s,hide:u,visible:n}}const de=y.propsFactory({modelValue:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},title:String,text:String,icon:String,color:{type:String,default:"primary"},state:String,variant:{type:String,default:"tonal"},location:{type:String,default:"bottom-center"},position:{type:String,default:"fixed"},transition:{type:[Boolean,String,Object],default:void 0},timeout:{type:Number,default:5e3},persistent:{type:Boolean,default:!1},closeable:{type:Boolean,default:!0},action:Object,actionText:String,closeOnAction:{type:Boolean,default:!0},multiline:{type:Boolean,default:!1},offset:{type:[Number,String],default:24},maxWidth:{type:[Number,String],default:520},pauseOnHover:{type:Boolean,default:!0}}),me={key:0,class:"g-snackbar__prepend"},pe={class:"g-snackbar__main"},fe={key:0,class:"g-snackbar__title"},ve={key:1,class:"g-snackbar__text"},ge={key:1,class:"g-snackbar__actions"},ye=e.defineComponent({__name:"GSnackbar",props:de(),emits:["update:modelValue","action","close","after-close"],setup(t,{expose:n,emit:s}){const o=t,u=s,c=e.useSlots(),i=e.ref(),a=e.ref(o.defaultOpen),r=e.ref("manual"),d=e.computed(()=>o.modelValue!==void 0),m=e.computed(()=>d.value?o.modelValue===!0:a.value),v=l.usePx(o.offset),g=l.usePx(o.maxWidth),{colorStyles:_}=l.useSurfaceColor(o),{surfaceOverlayClasses:S,surfaceUnderlayClasses:p,surfaceContentClasses:$}=l.useSurfaceLayers("g-snackbar"),k=e.computed(()=>{var f;return((f=o.action)==null?void 0:f.label)??o.actionText}),P=e.computed(()=>({..._.value,"--g-snackbar-max-width":g.value})),D=e.computed(()=>({"--g-snackbar-offset":v.value})),F=e.computed(()=>[`g-snackbar_${o.variant}`,{"g-snackbar_multiline":o.multiline}]),W=e.computed(()=>[`g-snackbar-layer_position-${o.position}`,`g-snackbar-layer_location-${o.location}`]),q=e.computed(()=>o.transition??{name:o.location.startsWith("top")?"slide-y":"slide-y-reverse",appear:!0,duration:240,leaveDuration:180,distance:"16px"});function G(f){d.value||(a.value=f),u("update:modelValue",f)}function C(){i.value!==void 0&&(window.clearTimeout(i.value),i.value=void 0)}function w(){C(),!(!m.value||o.persistent||o.timeout<=0)&&(i.value=window.setTimeout(()=>{B("timeout")},o.timeout))}function B(f="manual"){r.value=f,C(),G(!1),u("close",f)}function L(){var f,h;u("action",(f=o.action)==null?void 0:f.value),(((h=o.action)==null?void 0:h.closeOnClick)??o.closeOnAction)&&B("action")}function U(){o.pauseOnHover&&C()}function H(){o.pauseOnHover&&w()}e.watch(m,f=>{if(!f){C();return}w()}),w(),e.onBeforeUnmount(()=>{C()});function j(){u("after-close",r.value)}return n({open:()=>G(!0),close:B}),(f,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-snackbar-layer",W.value]),style:e.normalizeStyle(D.value)},[e.createVNode(e.unref(l._sfc_main$1),{transition:q.value,onAfterLeave:j},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("section",{key:0,class:e.normalizeClass(["g-snackbar",F.value]),style:e.normalizeStyle(P.value),role:"status","aria-live":"polite",onMouseenter:U,onMouseleave:H},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(p))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(S))},null,2),e.createElementVNode("div",{class:e.normalizeClass(["g-snackbar__content",e.unref($)])},[c.prepend||o.icon?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(f.$slots,"prepend",{},()=>[o.icon?(e.openBlock(),e.createBlock(x,{key:0,icon:o.icon,size:"22"},null,8,["icon"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",pe,[c.title||o.title?(e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(f.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])):e.createCommentVNode("",!0),c.default||o.text?(e.openBlock(),e.createElementBlock("div",ve,[e.renderSlot(f.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)],!0)])):e.createCommentVNode("",!0)]),c.action||k.value||o.closeable?(e.openBlock(),e.createElementBlock("div",ge,[e.renderSlot(f.$slots,"action",{close:()=>B("action")},()=>[k.value?(e.openBlock(),e.createBlock(O,{key:0,variant:"text",size:"s",label:k.value,onClick:L},null,8,["label"])):e.createCommentVNode("",!0)],!0),o.closeable?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"g-snackbar__close","aria-label":"Close snackbar",onClick:h[0]||(h[0]=Ne=>B("dismiss"))},[e.createVNode(x,{icon:"close",size:"18"})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)],38)):e.createCommentVNode("",!0)]),_:3},8,["transition"])],6))}}),T=l._export_sfc(ye,[["__scopeId","data-v-6d1d4bf9"]]),_e="bottom-center",ke="slide-y",b=new Map;let be=0;function Se(t){return typeof t=="string"?{label:t}:t}function Ce(t,n){return t==="fade"?"fade":t==="scale"?"scale":t==="slide-x"?n.endsWith("right")?"slide-x-reverse":"slide-x":n.startsWith("top")?"slide-y":"slide-y-reverse"}function Be(){return e.defineComponent({name:"GSnackbarHost",props:{items:{type:Array,required:!0},location:{type:String,required:!0},transition:{type:String,required:!0},close:{type:Function,required:!0},remove:{type:Function,required:!0}},setup(t){return()=>e.h("div",{class:["g-snackbar-stack",`g-snackbar-stack_location-${t.location}`]},[e.h("div",{class:"g-snackbar-stack__items"},t.items.map(n=>e.h(T,{key:n.id,...n,modelValue:n.open,position:"static",transition:{name:Ce(n.transition??t.transition,n.location),appear:!0,duration:240,leaveDuration:180,distance:"18px",scale:.96},"onUpdate:modelValue":s=>{n.open=s},onClose:s=>t.close(n.id,s),onAfterClose:()=>t.remove(n.id)})))])}})}function he(t,n,s,o){const u=b.get(t);if(u)return u;const c=document.createElement("div");c.className="g-snackbar-stack__container",document.body.appendChild(c);const i=e.reactive([]),a=e.createApp(Be(),{items:i,location:t,transition:n,close:s,remove:o});a.mount(c);const r={app:a,container:c,items:i};return b.set(t,r),r}function Ve(){const t=e.shallowRef([]);function n(c){for(const[i,a]of b.entries()){const r=a.items.findIndex(d=>d.id===c);if(r!==-1){a.items.splice(r,1),t.value=t.value.filter(d=>d.id!==c),a.items.length||window.setTimeout(()=>{a.items.length||(a.app.unmount(),a.container.remove(),b.delete(i))},220);return}}}function s(c,i="manual"){for(const a of b.values()){const r=a.items.find(d=>d.id===c);if(r){r.open=!1;return}}}function o(c){const i=typeof c=="string"?{text:c}:c,a=i.location??_e,r=i.transition??ke,d=++be,m={...i,id:d,open:!0,location:a,transition:r,action:Se(i.action)};return he(a,r,s,n).items.push(m),t.value=[...t.value,m],{id:d,close:(g="manual")=>{s(d,g)}}}function u(){for(const[c,i]of b.entries())i.app.unmount(),i.container.remove(),b.delete(c);t.value=[]}return e.onUnmounted(()=>{u()}),{show:o,closeAll:u,items:t}}exports.GGradient=I;exports.GIcon=x;exports.GIcon$1=V;exports.GSnackbar=T;exports._sfc_main=O;exports.makeActionSurfaceProps=A;exports.makeGradientProps=z;exports.makePLAProps=R;exports.useActionSurface=E;exports.useLoading=ue;exports.useSnackbar=Ve;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gradient-ui/core",
-	"version": "0.2.0",
+	"version": "0.4.0",
 	"private": false,
 	"scripts": {
 		"dev": "vite --config docs/vite.config.ts",
@@ -87,7 +87,7 @@
 	"bugs": {
 		"url": "https://github.com/Deadida322/gradientUi/issues"
 	},
-	"homepage": "https://github.com/Deadida322/gradientUi#readme",
+	"homepage": "https://gradient-ui-docs.netlify.app/docs/get-started",
 	"publishConfig": {
 		"access": "public"
 	},

package/dist/GLoading.vue_vue_type_style_index_0_lang-CqbeZChH.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue");require("@mdi/js");const z=require("./camelToKebabCase-BAESShJ1.cjs"),M=(t,o)=>{const r=t.__vccOpts||t;for(const[a,s]of o)r[a]=s;return r};function g(t,o){return r=>{const a={};for(const s in t){const i=typeof t[s]=="object"&&t[s]!==null&&!Array.isArray(t[s])?{...t[s]}:{type:t[s]};r&&s in r&&(i.default=r[s]),o&&!i.source&&(i.source=o),a[s]=i}return a}}const O=g({disabled:Boolean});function A(t,o){return e.computed(()=>t.disabled?`${o}_disabled`:"")}const B=g({rounded:Boolean});function R(t,o){return e.computed(()=>t.rounded?`${o}_rounded`:"")}const G=g({size:{type:String,default:"m"}});function ie(t,o){return e.computed(()=>`${o}_${t.size}`)}const y=ce();function F(t){var o;return t?((o=y[t])==null?void 0:o.color)??t:y.primary.color}function le(t){var o;return t?((o=y[t])==null?void 0:o.onColor)??y.primary.onColor:y.primary.onColor}function j(t){var o;return t?((o=y[t])==null?void 0:o.gradient)??`var(--g-gradient-${t})`:y.primary.gradient}function U(t){return e.computed(()=>j(e.toValue(t)))}function ce(){const t={primary:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},main:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},error:{color:"var(--g-token-color-error)",onColor:"var(--g-token-color-on-error)",gradient:"var(--g-gradient-error)"},warning:{color:"var(--g-token-color-warning)",onColor:"var(--g-token-color-on-warning)",gradient:"var(--g-gradient-warning)"},success:{color:"var(--g-token-color-success)",onColor:"var(--g-token-color-on-success)",gradient:"var(--g-gradient-success)"},surface:{color:"var(--g-token-color-surface)",onColor:"var(--g-token-color-on-surface)",gradient:"var(--g-gradient-source-40)"},"on-surface":{color:"var(--g-token-color-on-surface)",onColor:"var(--g-token-color-surface)",gradient:"var(--g-gradient-source-40)"},source:{color:"rgb(var(--g-color-source-40))",onColor:"rgb(var(--g-color-on-source-40))",gradient:"var(--g-gradient-source-40)"}};return P(t,"source"),Object.keys(z.MaterialSeeds).forEach(o=>{P(t,o)}),t}function P(t,o){const r=z.camelToKebabCase(o);for(let a=10;a<=100;a+=10){const s={color:`rgb(var(--g-color-${r}-${a}))`,onColor:`rgb(var(--g-color-on-${r}-${a}))`,gradient:`var(--g-gradient-${r}-${a})`};t[`${o}${a}`]=s,t[`${r}${a}`]=s,t[`${r}-${a}`]=s}t[o]=t[`${o}40`],t[r]=t[`${r}40`]}const x=g({color:{type:String,default:"primary"}});function ue(t){return{colorStyles:e.computed(()=>{const r=e.toValue(t.color);return{"--g-color":F(r),"--g-on-color":le(r),"--g-surface-color":"var(--g-token-color-surface)","--g-on-surface-color":"var(--g-token-color-on-surface)"}})}}function E(t){const o=e.computed(()=>{const i=e.toValue(t.activeState);return e.toValue(t.active)&&i!==void 0?i:e.toValue(t.state)}),r=e.computed(()=>{const i=o.value;if(i)return i;const l=e.toValue(t.activeColor);return e.toValue(t.active)&&l!==void 0?l:e.toValue(t.color)}),{colorStyles:a}=ue({color:r}),s=U(r),c=e.computed(()=>({...a.value,"--g-gradient-current":s.value}));return{resolvedColor:r,resolvedState:o,resolvedGradient:s,colorStyles:a,surfaceColorStyles:a,gradientStyles:c}}const de={fade:"g-fade-transition",scale:"g-scale-transition","scale-only":"g-scale-only-transition","slide-x":"g-slide-x-transition","slide-x-reverse":"g-slide-x-reverse-transition","slide-y":"g-slide-y-transition","slide-y-reverse":"g-slide-y-reverse-transition",dialog:"g-dialog-transition",overlay:"g-overlay-transition",expand:"g-expand-transition"},L=g({transition:{type:[Boolean,String,Object],default:void 0}},"transition"),H=g({...L(),name:String,appear:Boolean,disabled:Boolean,group:Boolean,tag:String,mode:String,origin:String,duration:[Number,String],enterDuration:[Number,String],leaveDuration:[Number,String],easing:String,enterEasing:String,leaveEasing:String,distance:[Number,String],scale:[Number,String],opacity:{type:Boolean,default:void 0},leaveAbsolute:Boolean,hideOnLeave:Boolean,css:{type:Boolean,default:!0}},"transition");function ge(t){return t?de[t]??t:""}function fe(t){if(!(t===void 0||t===""))return typeof t=="number"?`${t}px`:t}function T(t){if(!(t===void 0||t===""))return typeof t=="number"?`${t}ms`:t}function D(t,o){if(t===void 0||t==="")return o;if(typeof t=="number")return t;const r=t.trim();if(r.endsWith("ms"))return Number.parseFloat(r);if(r.endsWith("s"))return Number.parseFloat(r)*1e3;const a=Number.parseFloat(r);return Number.isNaN(a)?o:a}function I(t,o){return t===!1?{...o,disabled:!0}:t===!0||t===void 0?o:typeof t=="string"?{...o,name:t}:{...o,...t}}function W(){const t=e.ref(!1);let o=null;const r=()=>{t.value=(o==null?void 0:o.matches)??!1};return e.onMounted(()=>{typeof window>"u"||!window.matchMedia||(o=window.matchMedia("(prefers-reduced-motion: reduce)"),r(),o.addEventListener("change",r))}),e.onBeforeUnmount(()=>{o==null||o.removeEventListener("change",r)}),t}const ve=80,K=e.defineComponent({inheritAttrs:!1,__name:"GTransition",props:H({name:"fade",css:!0}),emits:["before-enter","after-enter","before-leave","leave","after-leave","enter-cancelled","leave-cancelled"],setup(t,{emit:o}){const r=t,a=o,s=e.useAttrs(),c=W(),i=e.computed(()=>r.group?e.TransitionGroup:e.Transition),l=e.computed(()=>I(r.transition,$.value)),m=e.computed(()=>p.value?"":ge(l.value.name)),p=e.computed(()=>r.disabled||c.value||l.value.disabled),S=e.computed(()=>r.group||l.value.mode==="default"?void 0:l.value.mode),_=e.computed(()=>!p.value&&l.value.css!==!1),u=e.computed(()=>{if(!b.value||p.value)return;const n=l.value;return{enter:D(n.enterDuration??n.duration,220),leave:D(n.leaveDuration??n.duration,180)+ve}}),b=e.computed(()=>l.value.name==="overlay"||m.value==="g-overlay-transition"),$=e.computed(()=>({name:r.name,appear:r.appear,mode:r.mode,origin:r.origin,duration:r.duration,enterDuration:r.enterDuration,leaveDuration:r.leaveDuration,easing:r.easing,enterEasing:r.enterEasing,leaveEasing:r.leaveEasing,distance:r.distance,scale:r.scale,opacity:r.opacity,leaveAbsolute:r.leaveAbsolute,hideOnLeave:r.hideOnLeave,css:r.css})),V=e.computed(()=>{const n=l.value;return{"--g-transition-enter-duration":T(n.enterDuration??n.duration),"--g-transition-leave-duration":T(n.leaveDuration??n.duration),"--g-transition-enter-easing":n.enterEasing??n.easing,"--g-transition-leave-easing":n.leaveEasing??n.easing,"--g-transition-origin":n.origin,"--g-transition-distance":fe(n.distance),"--g-transition-scale":n.scale===void 0?void 0:String(n.scale),"--g-transition-opacity-from":n.opacity===!1?"1":void 0}});function C(n){if(n instanceof HTMLElement)for(const[d,h]of Object.entries(V.value))h!==void 0&&n.style.setProperty(d,h)}function w(n){const{offsetTop:d,offsetLeft:h,offsetWidth:ae,offsetHeight:se}=n;n._gTransitionInitialStyles={position:n.style.position,top:n.style.top,left:n.style.left,width:n.style.width,height:n.style.height,display:n.style.display},n.style.position="absolute",n.style.top=`${d}px`,n.style.left=`${h}px`,n.style.width=`${ae}px`,n.style.height=`${se}px`}function f(n){const d=n._gTransitionInitialStyles;d&&(n.style.position=d.position,n.style.top=d.top,n.style.left=d.left,n.style.width=d.width,n.style.height=d.height,n.style.display=d.display,delete n._gTransitionInitialStyles)}function v(n){C(n),a("before-enter",n)}function k(n){a("after-enter",n)}function ee(n){C(n),a("before-leave",n)}function te(n){if(!(n instanceof HTMLElement)){a("leave",n);return}l.value.leaveAbsolute&&w(n),l.value.hideOnLeave&&n.style.setProperty("display","none","important"),a("leave",n)}function oe(n){n instanceof HTMLElement&&f(n),a("after-leave",n)}function ne(n){a("enter-cancelled",n)}function re(n){n instanceof HTMLElement&&f(n),a("leave-cancelled",n)}return(n,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),e.mergeProps(e.unref(s),{name:m.value,css:_.value,appear:l.value.appear,duration:u.value,mode:S.value,tag:r.group?r.tag:void 0,onBeforeEnter:v,onAfterEnter:k,onBeforeLeave:ee,onLeave:te,onAfterLeave:oe,onEnterCancelled:ne,onLeaveCancelled:re}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["name","css","appear","duration","mode","tag"]))}}),q=t=>e.computed(()=>{const o=e.toValue(t);return o===""||o===null||o===void 0?"":typeof o=="number"?`${o}px`:/^\d+(\.\d+)?$/.test(o)?`${o}px`:o}),J=g({variant:{type:String,default:"filled"}});function Q(t,o){return e.computed(()=>`${o}_${t.variant}`)}const N=g({state:String});function X(t,o){return e.computed(()=>t.state?`${o}_${t.state}`:"")}const me=g({...J(),...x(),...O(),...B(),...N()});function pe(t,o){const r=Q(t,o),a=A(t,o),s=R(t,o),c=X(t,o),{colorStyles:i}=E(t),l=e.computed(()=>[r.value,a.value,s.value,c.value].filter(Boolean));return{variantClass:r,disabledClass:a,roundedClass:s,stateClass:c,surfaceStyles:i,surfaceClasses:l}}function ye(t){return{surfaceUnderlayClasses:e.computed(()=>[`${t}__surface-underlay`])}}function _e(t){return{surfaceOverlayClasses:e.computed(()=>[`${t}__surface-overlay`])}}function Se(t){return{surfaceContentClasses:e.computed(()=>[`${t}__surface-content`])}}function Y(t){return{...ye(t),..._e(t),...Se(t)}}const be=g({...x(),...B(),...G(),...N(),modelValue:{type:Number,default:0},indeterminate:Boolean,noLabel:Boolean,label:String,labelAlign:{type:String,default:"center"},view:{type:String,default:"default"},segments:{type:Number,default:12}}),Ce={key:0,class:"g-progress__label"},ke=["aria-valuenow","aria-valuetext"],he=e.defineComponent({__name:"GProgress",props:be({color:"primary"}),setup(t){const o=t,{gradientStyles:r}=E(o),a=e.ref(0),s=e.ref(null);let c;const i=e.computed(()=>Math.min(100,Math.max(0,o.modelValue))),l=q(a),m=e.computed(()=>Math.max(2,Math.round(o.segments))),p=e.computed(()=>Array.from({length:m.value-1},(f,v)=>v)),S=e.computed(()=>`${i.value}%`),_=e.computed(()=>o.label??`${Math.round(i.value)}%`),u=f=>({"--g-progress-segment-position":`${(f+1)/m.value*100}%`}),b=e.computed(()=>({...r.value,"--g-progress-value":S.value,"--g-progress-track-width":l.value})),$=()=>{c=new ResizeObserver(f=>{for(const v of f)a.value=v.contentRect.width}),s.value&&c.observe(s.value)};e.onMounted(()=>{$()}),e.onBeforeUnmount(()=>{c==null||c.disconnect()});const{surfaceOverlayClasses:V,surfaceUnderlayClasses:C,surfaceContentClasses:w}=Y("g-progress");return(f,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-progress",{"g-progress_rounded":o.rounded,"g-progress_indeterminate":o.indeterminate,"g-progress_no-label":o.noLabel,[`g-progress_${o.size}`]:!0,[`g-progress_label-${o.labelAlign}`]:!0,[`g-progress_view-${o.view}`]:!0}]),style:e.normalizeStyle(b.value)},[o.noLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ce,[e.renderSlot(f.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(_.value),1)],!0)])),e.createElementVNode("div",{ref_key:"parentRef",ref:s,class:"g-progress__track",role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o.indeterminate?void 0:i.value,"aria-valuetext":o.indeterminate?void 0:_.value},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(C))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(V))},null,2),e.createElementVNode("div",{class:e.normalizeClass(["g-progress__surface-content",e.unref(w)])},[...v[0]||(v[0]=[e.createElementVNode("div",{class:"g-progress__bar"},[e.createElementVNode("div",{class:"g-progress__active"},[e.createElementVNode("div",{class:"g-progress__overlay"})])],-1)])],2),o.view==="segmented"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(p.value,k=>(e.openBlock(),e.createElementBlock("span",{key:k,class:"g-progress__segment-divider",style:e.normalizeStyle(u(k))},null,4))),128)):e.createCommentVNode("",!0)],8,ke)],6))}}),Z=M(he,[["__scopeId","data-v-0140ebe7"]]),$e=g({...L(),text:String,noText:Boolean,show:Boolean,color:String,dark:Boolean,opacity:[Number,String],blur:[Number,String],progressView:String,onClose:Function}),Ve={class:"g-loading__body"},we={key:0,class:"g-loading__text"},Be={class:"g-loading__progress"},xe=e.defineComponent({__name:"GLoading",props:$e({text:"Loading...",noText:!1,show:!1,color:"primary",dark:!1,opacity:void 0,blur:void 0,progressView:"glow",transition:()=>({name:"fade",duration:220}),onClose:void 0}),emits:["close"],setup(t,{expose:o,emit:r}){const a=t,s=r,c=e.ref(!1),i=e.computed(()=>a.show||c.value),l=e.computed(()=>({"--g-loading-overlay-opacity":a.opacity!==void 0?String(a.opacity):void 0,"--g-loading-overlay-blur":a.blur!==void 0?m(a.blur):void 0}));function m(u){return typeof u=="number"?`${u}px`:u}function p(){c.value=!0}function S(){c.value=!1}function _(){var u;(u=a.onClose)==null||u.call(a),s("close")}return o({hide:S,show:p,isVisible:i}),(u,b)=>(e.openBlock(),e.createBlock(e.unref(K),{transition:a.transition,name:"scale",onAfterLeave:_},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["g-loading",{"g-loading_dark":a.dark}]),style:e.normalizeStyle(l.value),"aria-live":"polite","aria-busy":"true"},[e.createElementVNode("div",Ve,[a.noText?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(u.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])])),e.createElementVNode("div",Be,[e.createVNode(Z,{"no-label":"",indeterminate:"","model-value":100,color:a.color,view:a.progressView,size:"s"},null,8,["color","view"])])])],6)):e.createCommentVNode("",!0)]),_:3},8,["transition"]))}});exports.GProgress=Z;exports._export_sfc=M;exports._sfc_main=xe;exports._sfc_main$1=K;exports.makeColorProps=x;exports.makeDisabledProps=O;exports.makeGTransitionProps=H;exports.makeRoundedProps=B;exports.makeSizeProps=G;exports.makeStateProps=N;exports.makeSurfaceProps=me;exports.makeTransitionProps=L;exports.makeVariantProps=J;exports.propsFactory=g;exports.resolveColorValue=F;exports.resolveGradientValue=j;exports.resolveTransitionOptions=I;exports.useDisabled=A;exports.usePx=q;exports.useReducedMotion=W;exports.useResolveGradientValue=U;exports.useRounded=R;exports.useSize=ie;exports.useState=X;exports.useSurface=pe;exports.useSurfaceColor=E;exports.useSurfaceLayers=Y;exports.useVariant=Q;