@gradient-ui/core 0.6.0 → 0.8.0

package/dist/use.mjs

@@ -1,45 +1,57 @@
-import { d as e, u as r } from "./index-BtCLucTD.js";
-import { S as t, m as u, a as l, r as n, b as i, c as m, u as p, d, e as f } from "./surface-DImNM7I1.js";
-import { c, i as M, p as G, u as C, w as v } from "./defaults-DMi34V8q.js";
-import { c as S, i as x, m as D, a as P, b as V, d as g, e as T, f as b, p as L, u as N, g as O, h as R, j as h, k as w, l as y, n as A, o as B, q as j } from "./materialSurface-CbOpfFGO.js";
-import { a as E, d as _, u as z, b as F } from "./index-Cs3XQ3JB.js";
+import { d as e, m as o, r, u as t, a as u, b as l, c as i, e as n, f as m, g as p, h as d, i as c, j as k, k as f } from "./index-DeFv4BdJ.js";
+import { S as v, m as M, a as S, r as G, b, c as I, u as g, d as y, e as D } from "./surface-C3w1Rz6V.js";
+import { c as N, i as P, p as T, u as V, w as h } from "./defaults-DMi34V8q.js";
+import { c as L, i as O, m as R, a as j, b as w, d as A, e as B, f as F, p as q, u as E, g as _, h as z, j as H, k as J, l as Q, n as U, o as W, q as X } from "./materialSurface-BbFTyJuA.js";
+import { a as Z, d as $, u as aa, b as sa } from "./index-Cs3XQ3JB.js";
 export {
-  t as SEMANTIC_COLORS,
-  E as applyMask,
-  c as createDefaults,
-  S as createIcons,
+  v as SEMANTIC_COLORS,
+  Z as applyMask,
+  N as createDefaults,
+  L as createIcons,
   e as defaultBreakpoints,
-  _ as defaultMaskTokens,
-  M as installDefaults,
-  x as installIcons,
-  u as makeColorProps,
-  l as makeGlassProps,
-  D as makeMaterialProps,
-  P as makeMaterialSurfaceProps,
-  V as makeTagNameProps,
-  g as mountGradientCss,
-  T as mountGradientMaterial,
-  b as mountGradientSvg,
-  G as provideDefaults,
-  L as provideIcons,
-  n as resolveColorValue,
-  i as resolveGradientValue,
-  m as resolveOnColorValue,
-  z as unmaskValue,
-  N as useAsLink,
-  r as useBreakpoints,
-  p as useColor,
-  C as useComponentDefaults,
-  d as useGlass,
-  O as useGradientMaterial,
-  R as useGradientRuntime,
-  h as useIcon,
-  w as useIcons,
-  F as useMask,
-  y as useMaterial,
-  A as useMaterialLayers,
-  B as useMaterialSurface,
-  f as useResolveGradientValue,
-  j as useTagName,
-  v as withGradientDefaults
+  $ as defaultMaskTokens,
+  P as installDefaults,
+  O as installIcons,
+  M as makeColorProps,
+  o as makeDensityProps,
+  S as makeGlassProps,
+  R as makeMaterialProps,
+  j as makeMaterialSurfaceProps,
+  w as makeTagNameProps,
+  A as mountGradientCss,
+  B as mountGradientMaterial,
+  F as mountGradientSvg,
+  T as provideDefaults,
+  q as provideIcons,
+  G as resolveColorValue,
+  b as resolveGradientValue,
+  I as resolveOnColorValue,
+  r as resolveStateIcon,
+  aa as unmaskValue,
+  E as useAsLink,
+  t as useBreakpoints,
+  g as useColor,
+  V as useComponentDefaults,
+  u as useDensity,
+  l as useFieldKeyboard,
+  y as useGlass,
+  _ as useGradientMaterial,
+  z as useGradientRuntime,
+  H as useIcon,
+  J as useIcons,
+  sa as useMask,
+  Q as useMaterial,
+  U as useMaterialLayers,
+  W as useMaterialSurface,
+  i as useNavigationController,
+  n as useNavigationItem,
+  m as useNavigationKeyboard,
+  D as useResolveGradientValue,
+  p as useSearchFieldControl,
+  d as useSelectCommit,
+  c as useSelectListboxKeyboard,
+  k as useStepperController,
+  X as useTagName,
+  f as useTokenInputKeyboard,
+  h as withGradientDefaults
 };

package/dist/{useSnackbar-D60dFSV1.cjs → useSnackbar-6OiYxhJA.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),E=require("./GLoading.vue_vue_type_style_index_0_lang-CoPHejAL.cjs"),S=require("./materialSurface-CjhWd_yD.cjs"),b=require("./surface-_J0t7c3m.cjs");require("@mdi/js");const ne=()=>({icon:{type:String,required:!0},size:{type:[Number,String],default:void 0},tag:{type:String,default:"span"}}),oe=e.defineComponent({__name:"GIcon",props:ne(),setup(o){const n=o,c=S.useIcon(()=>n.icon),t=e.computed(()=>n.size==null?"var(--g-token-icon-size-m)":Number.isFinite(Number(n.size))?`${n.size}px`:String(n.size));return(i,s)=>e.unref(c).icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c).component),e.mergeProps({key:0,icon:e.unref(c).icon,tag:n.tag,class:"g-icon",style:{fontSize:t.value}},i.$attrs),null,16,["icon","tag","style"])):e.createCommentVNode("",!0)}}),D=E._export_sfc(oe,[["__scopeId","data-v-f1c09700"]]),ae=["viewBox"],re=["id","width","height"],se=["width","height","rx","ry"],le=["x","y","width","height","rx","ry"],ce=["id","x","y","width","height"],ie=["stdDeviation"],ue=["filter"],de=["width","height","mask"],me=e.defineComponent({__name:"GGradientBorderLayer",props:{maskId:{},borderRadius:{},borderWidth:{},placement:{},rounded:{type:Boolean},glowBlur:{}},setup(o){const n=o,c=e.ref(),t=e.ref({width:1,height:1});let i;const s=e.computed(()=>`url(#${n.maskId})`),u=e.computed(()=>`${n.maskId}-blur`),a=e.computed(()=>n.glowBlur?`url(#${u.value})`:void 0),r=e.computed(()=>(n.glowBlur??0)*4),m=e.computed(()=>`0 0 ${t.value.width} ${t.value.height}`),f=p=>Number.parseFloat(String(p)),l=e.computed(()=>{const{width:p,height:d}=t.value,g=Math.max(0,f(n.borderWidth)),C=Math.max(0,f(n.borderRadius)),B=Math.min(g,.5),_=n.placement==="center",w=_||n.placement==="top"?g:0,y=_||n.placement==="right"?g:0,V=_||n.placement==="bottom"?g:0,N=_||n.placement==="left"?g:0,M=Math.max(0,p-N-y),x=Math.max(0,d-w-V),v=N+(N?B:0),G=w+(w?B:0),R=y+(y?B:0),P=V+(V?B:0),z=Math.max(0,p-v-R),$=Math.max(0,d-G-P),I=n.rounded?Math.min(p,d)/2:C+g,T=n.rounded?Math.min(_?z:M,_?$:x)/2:Math.max(0,C-(_?B:0));return{width:p,height:d,outerRadius:I,innerX:v,innerY:G,innerWidth:z,innerHeight:$,innerRadius:T}}),k=()=>{const p=c.value;if(!p)return;const{width:d,height:g}=p.getBoundingClientRect();d>0&&g>0&&(t.value={width:d,height:g})};return e.onMounted(()=>{const p=c.value;p&&(k(),i=new ResizeObserver(k),i.observe(p))}),e.onBeforeUnmount(()=>i==null?void 0:i.disconnect()),(p,d)=>(e.openBlock(),e.createElementBlock("svg",{ref_key:"layerRef",ref:c,class:"g-gradient-border-layer","aria-hidden":"true",focusable:"false",viewBox:m.value,preserveAspectRatio:"none"},[e.createElementVNode("defs",null,[e.createElementVNode("mask",{id:o.maskId,"mask-type":"luminance",maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse",x:"0",y:"0",width:l.value.width,height:l.value.height},[e.createElementVNode("rect",{class:"g-gradient-border-layer__mask-outer",x:"0",y:"0",width:l.value.width,height:l.value.height,rx:l.value.outerRadius,ry:l.value.outerRadius},null,8,se),e.createElementVNode("rect",{class:"g-gradient-border-layer__mask-inner",x:l.value.innerX,y:l.value.innerY,width:l.value.innerWidth,height:l.value.innerHeight,rx:l.value.innerRadius,ry:l.value.innerRadius},null,8,le)],8,re),o.glowBlur?(e.openBlock(),e.createElementBlock("filter",{key:0,id:u.value,"color-interpolation-filters":"sRGB",filterUnits:"userSpaceOnUse",x:-r.value,y:-r.value,width:l.value.width+r.value*2,height:l.value.height+r.value*2},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:o.glowBlur},null,8,ie)],8,ce)):e.createCommentVNode("",!0)]),e.createElementVNode("g",{filter:a.value},[(e.openBlock(),e.createElementBlock("foreignObject",{x:"0",y:"0",width:l.value.width,height:l.value.height,mask:s.value},[...d[0]||(d[0]=[e.createElementVNode("div",{class:"g-gradient-border-layer__paint"},null,-1)])],8,de))],8,ue)],8,ae))}}),j=E._export_sfc(me,[["__scopeId","data-v-6137c224"]]),pe={class:"g-gradient__slot"},fe=e.defineComponent({__name:"GGradient",props:S.makeGradientProps(),setup(o){e.useCssVars(d=>({v86ea171a:e.unref(a),de3300c2:e.unref(k)}));const n=o,c=e.useId().replaceAll(":",""),t=`g-gradient-border-${c}`,i=`g-gradient-glow-${c}`,s=e.computed(()=>Number.parseFloat(String(n.borderWidth))>0),u=e.computed(()=>s.value&&!!(n.glow||n.animateGlow)),{containerBorderRadius:a,gradientClasses:r,gradientStyles:m}=S.useGradient(n),{glowClasses:f}=S.useGradientGlow(n),{interactionClass:l,surfaceBorderRadius:k,surfaceFillClass:p}=S.useGradientSurface(n);return(d,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.rootTag),{class:e.normalizeClass(["g-gradient",[e.unref(r),e.unref(f),e.unref(l),e.unref(p)]]),style:e.normalizeStyle(e.unref(m))},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createBlock(j,{key:0,class:"g-gradient__border","mask-id":t,"border-radius":d.borderRadius,"border-width":d.borderWidth,placement:d.placement,rounded:d.rounded},null,8,["border-radius","border-width","placement","rounded"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(j,{key:1,class:"g-gradient__glow","mask-id":i,"border-radius":d.borderRadius,"border-width":d.borderWidth,placement:d.placement,rounded:d.rounded,"glow-blur":4},null,8,["border-radius","border-width","placement","rounded"])):e.createCommentVNode("",!0),e.createElementVNode("div",pe,[e.renderSlot(d.$slots,"default",{},void 0,!0)])]),_:3},8,["class","style"]))}}),L=E._export_sfc(fe,[["__scopeId","data-v-bf23455e"]]),ve=e.defineComponent({__name:"GIcon",props:{icon:{},size:{default:20},tag:{default:"span"}},setup(o){const n=o,c=b.usePx(e.toRef(n,"size")),t=S.useIcon(()=>n.icon);return(i,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t).component),e.mergeProps({icon:e.unref(t).icon,tag:n.tag,class:"g-icon",style:{fontSize:e.unref(c)}},i.$attrs),null,16,["icon","tag","style"]))}}),W=E._export_sfc(ve,[["__scopeId","data-v-1e1fd36a"]]),H=b.propsFactory({...b.makeSurfaceProps(),...E.makeSizeProps(),active:Boolean,activeColor:String,activeState:String,activeVariant:String,gradientRecipe:String,morph:Boolean,shadowOptions:Object,dropShadowOptions:Object,animationOptions:Object,morphOptions:Object});function X(o,n,c={}){const{disabledClass:t,roundedClass:i,stateClass:s,textureClass:u}=b.useSurface(o,n),{glassStyles:a}=b.useGlass(o),{surfaceOverlayClasses:r,surfaceMaterialMorphBlobClasses:m,surfaceMaterialMorphClasses:f,surfaceTextureClasses:l,surfaceUnderlayClasses:k,surfaceContentClasses:p}=b.useSurfaceLayers(n),d=E.useSize(o,n),g=e.computed(()=>!!(e.toValue(c.active)??o.active)),C=e.computed(()=>!!e.toValue(c.selected)),{resolvedColor:B,resolvedState:_,colorStyles:w}=b.useSurfaceColor({color:()=>e.toValue(o.color),state:()=>o.state,active:()=>g.value||C.value,activeColor:()=>e.toValue(o.activeColor),activeState:()=>o.activeState}),y=e.computed(()=>(C.value||g.value)&&o.activeVariant?o.activeVariant:o.variant),V=e.computed(()=>y.value==="gradient"),N=e.computed(()=>!!(y.value==="default"||y.value==="tonal"||V.value)),M=e.computed(()=>!!(!o.disabled||g.value||C.value||e.toValue(c.focused))),x=e.computed(()=>o.texture!==void 0&&o.texture!=="none"),{getMorphBlobStyle:v,gradientMaterial:G,materialStyles:R,morphBlobs:P,morphEnabled:z}=S.useSurfaceMaterial(o,{color:B,variant:y,kind:"action",morphScope:"always"}),$=e.computed(()=>[w.value,R.value,y.value==="glass"?a.value:void 0]);return{actionSurfaceClasses:e.computed(()=>{var U;const T=!!e.toValue(c.focused),O=(U=o.animationOptions)==null?void 0:U.preset;return[`${n}_${y.value}`,t.value,i.value,s.value,u.value,d.value,T?`${n}_focused`:"",C.value?`${n}_selected`:"",g.value?`${n}_active`:"",O?`${n}_animation-${O}`:""].filter(Boolean)}),getMorphBlobStyle:v,gradientMaterial:G,hasSurfaceOverlay:M,hasSurfaceTexture:x,hasSurfaceUnderlay:N,morphBlobs:P,morphEnabled:z,resolvedColor:B,resolvedState:_,resolvedVariant:y,surfaceStyles:$,surfaceMaterialMorphBlobClasses:m,surfaceMaterialMorphClasses:f,surfaceOverlayClasses:r,surfaceUnderlayClasses:k,surfaceTextureClasses:l,surfaceContentClasses:p}}const Y=b.propsFactory({prepend:String,append:String,label:String}),ge=b.propsFactory({...H(),...Y(),...S.makeGradientProps(),...S.makeTagNameProps(),isIconButton:Boolean,iconButton:String,ripple:{type:[Boolean,String,Object],default:!0}}),he={key:0,class:"g-button__prepend"},ke={class:"g-button__label"},ye={key:1,class:"g-button__append"},J=e.defineComponent({inheritAttrs:!1,__name:"GButton",props:ge({borderWidth:void 0,borderRadius:4,placement:"center"}),setup(o){e.useCssVars(v=>({v4de35eb3:e.unref(i)}));const n=e.useSlots(),c=e.useAttrs(),t=o,i=b.usePx(t.borderRadius),s=e.computed(()=>t.borderWidth??(t.variant==="glass"||t.glow||t.animateGlow?1:0)),u=e.computed(()=>t.disabled||t.ripple===!1?!1:typeof t.ripple=="object"?{...t.ripple,disabled:t.ripple.disabled||t.disabled}:t.ripple),{tagName:a,tagAttrs:r}=S.useTagName(t,"button"),{actionSurfaceClasses:m,resolvedColor:f,resolvedState:l,surfaceStyles:k,surfaceMaterialMorphBlobClasses:p,surfaceMaterialMorphClasses:d,surfaceOverlayClasses:g,surfaceUnderlayClasses:C,surfaceTextureClasses:B,surfaceContentClasses:_,hasSurfaceOverlay:w,hasSurfaceTexture:y,hasSurfaceUnderlay:V,morphBlobs:N,morphEnabled:M,getMorphBlobStyle:x}=X(t,"g-button");return(v,G)=>{const R=e.resolveDirective("ripple"),P=e.resolveDirective("gradient-icon");return e.withDirectives((e.openBlock(),e.createBlock(L,e.mergeProps({class:"g-gradient"},{...t,color:e.unref(f),state:e.unref(l)},{"border-width":s.value}),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({class:["g-button",[e.unref(m),{"g-button_icon":v.iconButton||v.isIconButton}]],style:e.unref(k)},{...e.unref(r),...e.unref(c)}),{default:e.withCtx(()=>[e.unref(V)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(C))},null,2)):e.createCommentVNode("",!0),e.unref(M)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(d)),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N),(z,$)=>(e.openBlock(),e.createElementBlock("span",{key:$,class:e.normalizeClass(e.unref(p)),style:e.normalizeStyle(e.unref(x)(z))},null,6))),128))],2)):e.createCommentVNode("",!0),e.unref(w)?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(g))},null,2)):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(B))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["g-button__content",e.unref(_)])},[(n.prepend||v.prepend)&&!v.iconButton?(e.openBlock(),e.createElementBlock("span",he,[e.renderSlot(v.$slots,"prepend",{},()=>[e.createVNode(W,{icon:v.prepend},null,8,["icon"])])])):e.createCommentVNode("",!0),e.createElementVNode("span",ke,[e.renderSlot(v.$slots,"default",{},()=>[v.iconButton?v.iconButton?(e.openBlock(),e.createBlock(W,{key:1,icon:v.iconButton},null,8,["icon"])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(v.label),1)],64))])]),(n.append||v.append)&&!v.iconButton?(e.openBlock(),e.createElementBlock("span",ye,[e.renderSlot(v.$slots,"append",{},()=>[e.createVNode(W,{icon:v.append},null,8,["icon"])])])):e.createCommentVNode("",!0)],2)]),_:3},16,["class","style"])),[[R,u.value]])]),_:3},16,["border-width"])),[[P]])}}});function be(){const o=e.shallowRef(null),n=e.ref(!1),c=a=>{i();const r=t(a.target),m=r.style.position;s(r)||(r.style.position="relative");const f=document.createElement("div");f.className="g-loading__container",r.appendChild(f);const l={},k=e.createApp(E._sfc_main,{text:a.text,noText:a.noText,color:a.color,dark:a.dark,opacity:a.opacity,blur:a.blur,progressView:a.progressView,onClose:()=>{u(l)}}),p=k.mount(f);Object.assign(l,{app:k,container:f,target:r,originalPosition:m,componentInstance:p}),o.value=l,p.show(),n.value=!0},t=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},i=async()=>{if(!o.value)return;const{componentInstance:a}=o.value;a&&a.hide()},s=a=>{const r=window.getComputedStyle(a).position;return["relative","absolute","fixed","sticky"].includes(r)},u=(a=o.value)=>{if(!a)return;const r=o.value===a,{app:m,container:f,target:l,originalPosition:k}=a;m.unmount(),f.parentElement===l&&l.removeChild(f),r&&(l.style.position=k,o.value=null,n.value=!1)};return e.onUnmounted(()=>{i()}),{show:c,hide:i,visible:n}}const _e=b.propsFactory({...S.makeMaterialSurfaceProps({borderRadius:12}),...b.makeSurfaceTextureProps(),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}}),Be={key:0,class:"g-snackbar__prepend"},Se={class:"g-snackbar__main"},Ce={key:0,class:"g-snackbar__title"},we={key:1,class:"g-snackbar__text"},Ve={key:1,class:"g-snackbar__actions"},Ne=e.defineComponent({__name:"GSnackbar",props:_e(),emits:["update:modelValue","action","close","after-close"],setup(o,{expose:n,emit:c}){const t=o,i=c,s=e.useSlots(),u=e.ref(),a=e.ref(t.defaultOpen),r=e.ref("manual"),m=e.computed(()=>t.modelValue!==void 0),f=e.computed(()=>m.value?t.modelValue===!0:a.value),l=b.usePx(t.offset),k=b.usePx(t.maxWidth),{getMorphBlobStyle:p,morphBlobs:d,morphEnabled:g,materialFrameProps:C,surfaceStyles:B,surfaceMaterialMorphBlobClasses:_,surfaceMaterialMorphClasses:w,surfaceOverlayClasses:y,surfaceUnderlayClasses:V,surfaceTextureClasses:N,surfaceContentClasses:M}=S.useMaterialSurface(t,"g-snackbar"),x=e.computed(()=>{var h;return((h=t.action)==null?void 0:h.label)??t.actionText}),v=e.computed(()=>({"--g-snackbar-max-width":k.value})),G=e.computed(()=>({"--g-snackbar-offset":l.value})),R=e.computed(()=>[`g-snackbar_${t.variant}`,{"g-snackbar_multiline":t.multiline,[`g-snackbar_texture-${t.texture}`]:t.texture!=="none"}]),P=e.computed(()=>[`g-snackbar-layer_position-${t.position}`,`g-snackbar-layer_location-${t.location}`]),z=e.computed(()=>t.transition??{name:t.location.startsWith("top")?"slide-y":"slide-y-reverse",appear:!0,duration:240,leaveDuration:180,distance:"16px"});function $(h){m.value||(a.value=h),i("update:modelValue",h)}function I(){u.value!==void 0&&(window.clearTimeout(u.value),u.value=void 0)}function T(){I(),!(!f.value||t.persistent||t.timeout<=0)&&(u.value=window.setTimeout(()=>{O("timeout")},t.timeout))}function O(h="manual"){r.value=h,I(),$(!1),i("close",h)}function U(){var h,F;i("action",(h=t.action)==null?void 0:h.value),(((F=t.action)==null?void 0:F.closeOnClick)??t.closeOnAction)&&O("action")}function Q(){t.pauseOnHover&&I()}function Z(){t.pauseOnHover&&T()}e.watch(f,h=>{if(!h){I();return}T()}),T(),e.onBeforeUnmount(()=>{I()});function ee(){i("after-close",r.value)}return n({open:()=>$(!0),close:O}),(h,F)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-snackbar-layer",P.value]),style:e.normalizeStyle(G.value)},[e.createVNode(e.unref(E._sfc_main$1),{transition:z.value,onAfterLeave:ee},{default:e.withCtx(()=>[f.value?(e.openBlock(),e.createBlock(L,e.mergeProps({key:0,class:"g-snackbar__frame"},e.unref(C),{"inherit-width":!1,style:v.value}),{default:e.withCtx(()=>[e.createElementVNode("section",{class:e.normalizeClass(["g-snackbar",R.value]),style:e.normalizeStyle(e.unref(B)),role:"status","aria-live":"polite",onMouseenter:Q,onMouseleave:Z},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(V))},null,2),e.unref(g)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(w)),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(q,te)=>(e.openBlock(),e.createElementBlock("span",{key:te,class:e.normalizeClass(e.unref(_)),style:e.normalizeStyle(e.unref(p)(q))},null,6))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(y))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(N))},null,2),e.createElementVNode("div",{class:e.normalizeClass(["g-snackbar__content",e.unref(M)])},[s.prepend||t.icon?(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(h.$slots,"prepend",{},()=>[t.icon?(e.openBlock(),e.createBlock(D,{key:0,icon:t.icon,size:"22"},null,8,["icon"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Se,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",Ce,[e.renderSlot(h.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),s.default||t.text?(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(h.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)],!0)])):e.createCommentVNode("",!0)]),s.action||x.value||t.closeable?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(h.$slots,"action",{close:()=>O("action")},()=>[x.value?(e.openBlock(),e.createBlock(J,{key:0,variant:"text",size:"s",label:x.value,onClick:U},null,8,["label"])):e.createCommentVNode("",!0)],!0),t.closeable?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"g-snackbar__close","aria-label":"Close snackbar",onClick:F[0]||(F[0]=q=>O("dismiss"))},[e.createVNode(D,{icon:"close",size:"18"})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)],38)]),_:3},16,["style"])):e.createCommentVNode("",!0)]),_:3},8,["transition"])],6))}}),K=E._export_sfc(Ne,[["__scopeId","data-v-ce4de976"]]),xe="bottom-center",$e="slide-y",A=new Map;let Ee=0;function ze(o){return typeof o=="string"?{label:o}:o}function Ie(o,n){return o==="fade"?"fade":o==="scale"?"scale":o==="slide-x"?n.endsWith("right")?"slide-x-reverse":"slide-x":n.startsWith("top")?"slide-y":"slide-y-reverse"}function Oe(){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(o){return()=>e.h("div",{class:["g-snackbar-stack",`g-snackbar-stack_location-${o.location}`]},[e.h("div",{class:"g-snackbar-stack__items"},o.items.map(n=>e.h(K,{key:n.id,...n,modelValue:n.open,position:"static",transition:{name:Ie(n.transition??o.transition,n.location),appear:!0,duration:240,leaveDuration:180,distance:"18px",scale:.96},"onUpdate:modelValue":c=>{n.open=c},onClose:c=>o.close(n.id,c),onAfterClose:()=>o.remove(n.id)})))])}})}function Me(o,n,c,t){const i=A.get(o);if(i)return i;const s=document.createElement("div");s.className="g-snackbar-stack__container",document.body.appendChild(s);const u=e.reactive([]),a=e.createApp(Oe(),{items:u,location:o,transition:n,close:c,remove:t});a.mount(s);const r={app:a,container:s,items:u};return A.set(o,r),r}function Ge(){const o=e.shallowRef([]);function n(s){for(const[u,a]of A.entries()){const r=a.items.findIndex(m=>m.id===s);if(r!==-1){a.items.splice(r,1),o.value=o.value.filter(m=>m.id!==s),a.items.length||window.setTimeout(()=>{a.items.length||(a.app.unmount(),a.container.remove(),A.delete(u))},220);return}}}function c(s,u="manual"){for(const a of A.values()){const r=a.items.find(m=>m.id===s);if(r){r.open=!1;return}}}function t(s){const u=typeof s=="string"?{text:s}:s,a=u.location??xe,r=u.transition??$e,m=++Ee,f={...u,id:m,open:!0,location:a,transition:r,action:ze(u.action)};return Me(a,r,c,n).items.push(f),o.value=[...o.value,f],{id:m,close:(k="manual")=>{c(m,k)}}}function i(){for(const[s,u]of A.entries())u.app.unmount(),u.container.remove(),A.delete(s);o.value=[]}return e.onUnmounted(()=>{i()}),{show:t,closeAll:i,items:o}}exports.GGradient=L;exports.GIcon=D;exports.GIcon$1=W;exports.GSnackbar=K;exports._sfc_main=J;exports.makeActionSurfaceProps=H;exports.makePLAProps=Y;exports.useActionSurface=X;exports.useLoading=be;exports.useSnackbar=Ge;
+"use strict";const e=require("vue"),E=require("./GLoading.vue_vue_type_style_index_0_lang-DW5X0giH.cjs"),S=require("./materialSurface-DOfA2E9c.cjs"),b=require("./surface-DB9flb-h.cjs");require("@mdi/js");const ne=()=>({icon:{type:String,required:!0},size:{type:[Number,String],default:void 0},tag:{type:String,default:"span"}}),oe=e.defineComponent({__name:"GIcon",props:ne(),setup(o){const n=o,c=S.useIcon(()=>n.icon),t=e.computed(()=>n.size==null?"var(--g-token-icon-size-m)":Number.isFinite(Number(n.size))?`${n.size}px`:String(n.size));return(i,s)=>e.unref(c).icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c).component),e.mergeProps({key:0,icon:e.unref(c).icon,tag:n.tag,class:"g-icon",style:{fontSize:t.value}},i.$attrs),null,16,["icon","tag","style"])):e.createCommentVNode("",!0)}}),D=E._export_sfc(oe,[["__scopeId","data-v-f1c09700"]]),ae=["viewBox"],re=["id","width","height"],se=["width","height","rx","ry"],le=["x","y","width","height","rx","ry"],ce=["id","x","y","width","height"],ie=["stdDeviation"],ue=["filter"],de=["width","height","mask"],me=e.defineComponent({__name:"GGradientBorderLayer",props:{maskId:{},borderRadius:{},borderWidth:{},placement:{},rounded:{type:Boolean},glowBlur:{}},setup(o){const n=o,c=e.ref(),t=e.ref({width:1,height:1});let i;const s=e.computed(()=>`url(#${n.maskId})`),u=e.computed(()=>`${n.maskId}-blur`),a=e.computed(()=>n.glowBlur?`url(#${u.value})`:void 0),r=e.computed(()=>(n.glowBlur??0)*4),m=e.computed(()=>`0 0 ${t.value.width} ${t.value.height}`),f=p=>Number.parseFloat(String(p)),l=e.computed(()=>{const{width:p,height:d}=t.value,g=Math.max(0,f(n.borderWidth)),C=Math.max(0,f(n.borderRadius)),B=Math.min(g,.5),_=n.placement==="center",w=_||n.placement==="top"?g:0,y=_||n.placement==="right"?g:0,V=_||n.placement==="bottom"?g:0,N=_||n.placement==="left"?g:0,M=Math.max(0,p-N-y),x=Math.max(0,d-w-V),v=N+(N?B:0),G=w+(w?B:0),R=y+(y?B:0),P=V+(V?B:0),z=Math.max(0,p-v-R),$=Math.max(0,d-G-P),I=n.rounded?Math.min(p,d)/2:C+g,T=n.rounded?Math.min(_?z:M,_?$:x)/2:Math.max(0,C-(_?B:0));return{width:p,height:d,outerRadius:I,innerX:v,innerY:G,innerWidth:z,innerHeight:$,innerRadius:T}}),k=()=>{const p=c.value;if(!p)return;const{width:d,height:g}=p.getBoundingClientRect();d>0&&g>0&&(t.value={width:d,height:g})};return e.onMounted(()=>{const p=c.value;p&&(k(),i=new ResizeObserver(k),i.observe(p))}),e.onBeforeUnmount(()=>i==null?void 0:i.disconnect()),(p,d)=>(e.openBlock(),e.createElementBlock("svg",{ref_key:"layerRef",ref:c,class:"g-gradient-border-layer","aria-hidden":"true",focusable:"false",viewBox:m.value,preserveAspectRatio:"none"},[e.createElementVNode("defs",null,[e.createElementVNode("mask",{id:o.maskId,"mask-type":"luminance",maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse",x:"0",y:"0",width:l.value.width,height:l.value.height},[e.createElementVNode("rect",{class:"g-gradient-border-layer__mask-outer",x:"0",y:"0",width:l.value.width,height:l.value.height,rx:l.value.outerRadius,ry:l.value.outerRadius},null,8,se),e.createElementVNode("rect",{class:"g-gradient-border-layer__mask-inner",x:l.value.innerX,y:l.value.innerY,width:l.value.innerWidth,height:l.value.innerHeight,rx:l.value.innerRadius,ry:l.value.innerRadius},null,8,le)],8,re),o.glowBlur?(e.openBlock(),e.createElementBlock("filter",{key:0,id:u.value,"color-interpolation-filters":"sRGB",filterUnits:"userSpaceOnUse",x:-r.value,y:-r.value,width:l.value.width+r.value*2,height:l.value.height+r.value*2},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:o.glowBlur},null,8,ie)],8,ce)):e.createCommentVNode("",!0)]),e.createElementVNode("g",{filter:a.value},[(e.openBlock(),e.createElementBlock("foreignObject",{x:"0",y:"0",width:l.value.width,height:l.value.height,mask:s.value},[...d[0]||(d[0]=[e.createElementVNode("div",{class:"g-gradient-border-layer__paint"},null,-1)])],8,de))],8,ue)],8,ae))}}),j=E._export_sfc(me,[["__scopeId","data-v-6137c224"]]),pe={class:"g-gradient__slot"},fe=e.defineComponent({__name:"GGradient",props:S.makeGradientProps(),setup(o){e.useCssVars(d=>({v86ea171a:e.unref(a),de3300c2:e.unref(k)}));const n=o,c=e.useId().replaceAll(":",""),t=`g-gradient-border-${c}`,i=`g-gradient-glow-${c}`,s=e.computed(()=>Number.parseFloat(String(n.borderWidth))>0),u=e.computed(()=>s.value&&!!(n.glow||n.animateGlow)),{containerBorderRadius:a,gradientClasses:r,gradientStyles:m}=S.useGradient(n),{glowClasses:f}=S.useGradientGlow(n),{interactionClass:l,surfaceBorderRadius:k,surfaceFillClass:p}=S.useGradientSurface(n);return(d,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.rootTag),{class:e.normalizeClass(["g-gradient",[e.unref(r),e.unref(f),e.unref(l),e.unref(p)]]),style:e.normalizeStyle(e.unref(m))},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createBlock(j,{key:0,class:"g-gradient__border","mask-id":t,"border-radius":d.borderRadius,"border-width":d.borderWidth,placement:d.placement,rounded:d.rounded},null,8,["border-radius","border-width","placement","rounded"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(j,{key:1,class:"g-gradient__glow","mask-id":i,"border-radius":d.borderRadius,"border-width":d.borderWidth,placement:d.placement,rounded:d.rounded,"glow-blur":4},null,8,["border-radius","border-width","placement","rounded"])):e.createCommentVNode("",!0),e.createElementVNode("div",pe,[e.renderSlot(d.$slots,"default",{},void 0,!0)])]),_:3},8,["class","style"]))}}),L=E._export_sfc(fe,[["__scopeId","data-v-bf23455e"]]),ve=e.defineComponent({__name:"GIcon",props:{icon:{},size:{default:20},tag:{default:"span"}},setup(o){const n=o,c=b.usePx(e.toRef(n,"size")),t=S.useIcon(()=>n.icon);return(i,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t).component),e.mergeProps({icon:e.unref(t).icon,tag:n.tag,class:"g-icon",style:{fontSize:e.unref(c)}},i.$attrs),null,16,["icon","tag","style"]))}}),W=E._export_sfc(ve,[["__scopeId","data-v-1e1fd36a"]]),H=b.propsFactory({...b.makeSurfaceProps(),...E.makeSizeProps(),active:Boolean,activeColor:String,activeState:String,activeVariant:String,gradientRecipe:String,morph:Boolean,shadowOptions:Object,dropShadowOptions:Object,animationOptions:Object,morphOptions:Object});function X(o,n,c={}){const{disabledClass:t,roundedClass:i,stateClass:s,textureClass:u}=b.useSurface(o,n),{glassStyles:a}=b.useGlass(o),{surfaceOverlayClasses:r,surfaceMaterialMorphBlobClasses:m,surfaceMaterialMorphClasses:f,surfaceTextureClasses:l,surfaceUnderlayClasses:k,surfaceContentClasses:p}=b.useSurfaceLayers(n),d=E.useSize(o,n),g=e.computed(()=>!!(e.toValue(c.active)??o.active)),C=e.computed(()=>!!e.toValue(c.selected)),{resolvedColor:B,resolvedState:_,colorStyles:w}=b.useSurfaceColor({color:()=>e.toValue(o.color),state:()=>o.state,active:()=>g.value||C.value,activeColor:()=>e.toValue(o.activeColor),activeState:()=>o.activeState}),y=e.computed(()=>(C.value||g.value)&&o.activeVariant?o.activeVariant:o.variant),V=e.computed(()=>y.value==="gradient"),N=e.computed(()=>!!(y.value==="default"||y.value==="tonal"||V.value)),M=e.computed(()=>!!(!o.disabled||g.value||C.value||e.toValue(c.focused))),x=e.computed(()=>o.texture!==void 0&&o.texture!=="none"),{getMorphBlobStyle:v,gradientMaterial:G,materialStyles:R,morphBlobs:P,morphEnabled:z}=S.useSurfaceMaterial(o,{color:B,variant:y,kind:"action",morphScope:"always"}),$=e.computed(()=>[w.value,R.value,y.value==="glass"?a.value:void 0]);return{actionSurfaceClasses:e.computed(()=>{var U;const T=!!e.toValue(c.focused),O=(U=o.animationOptions)==null?void 0:U.preset;return[`${n}_${y.value}`,t.value,i.value,s.value,u.value,d.value,T?`${n}_focused`:"",C.value?`${n}_selected`:"",g.value?`${n}_active`:"",O?`${n}_animation-${O}`:""].filter(Boolean)}),getMorphBlobStyle:v,gradientMaterial:G,hasSurfaceOverlay:M,hasSurfaceTexture:x,hasSurfaceUnderlay:N,morphBlobs:P,morphEnabled:z,resolvedColor:B,resolvedState:_,resolvedVariant:y,surfaceStyles:$,surfaceMaterialMorphBlobClasses:m,surfaceMaterialMorphClasses:f,surfaceOverlayClasses:r,surfaceUnderlayClasses:k,surfaceTextureClasses:l,surfaceContentClasses:p}}const Y=b.propsFactory({prepend:String,append:String,label:String}),ge=b.propsFactory({...H(),...Y(),...S.makeGradientProps(),...S.makeTagNameProps(),isIconButton:Boolean,iconButton:String,ripple:{type:[Boolean,String,Object],default:!0}}),he={key:0,class:"g-button__prepend"},ke={class:"g-button__label"},ye={key:1,class:"g-button__append"},J=e.defineComponent({inheritAttrs:!1,__name:"GButton",props:ge({borderWidth:void 0,borderRadius:4,placement:"center"}),setup(o){e.useCssVars(v=>({v4de35eb3:e.unref(i)}));const n=e.useSlots(),c=e.useAttrs(),t=o,i=b.usePx(t.borderRadius),s=e.computed(()=>t.borderWidth??(t.variant==="glass"||t.glow||t.animateGlow?1:0)),u=e.computed(()=>t.disabled||t.ripple===!1?!1:typeof t.ripple=="object"?{...t.ripple,disabled:t.ripple.disabled||t.disabled}:t.ripple),{tagName:a,tagAttrs:r}=S.useTagName(t,"button"),{actionSurfaceClasses:m,resolvedColor:f,resolvedState:l,surfaceStyles:k,surfaceMaterialMorphBlobClasses:p,surfaceMaterialMorphClasses:d,surfaceOverlayClasses:g,surfaceUnderlayClasses:C,surfaceTextureClasses:B,surfaceContentClasses:_,hasSurfaceOverlay:w,hasSurfaceTexture:y,hasSurfaceUnderlay:V,morphBlobs:N,morphEnabled:M,getMorphBlobStyle:x}=X(t,"g-button");return(v,G)=>{const R=e.resolveDirective("ripple"),P=e.resolveDirective("gradient-icon");return e.withDirectives((e.openBlock(),e.createBlock(L,e.mergeProps({class:"g-gradient"},{...t,color:e.unref(f),state:e.unref(l)},{"border-width":s.value}),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({class:["g-button",[e.unref(m),{"g-button_icon":v.iconButton||v.isIconButton}]],style:e.unref(k)},{...e.unref(r),...e.unref(c)}),{default:e.withCtx(()=>[e.unref(V)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(C))},null,2)):e.createCommentVNode("",!0),e.unref(M)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(d)),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N),(z,$)=>(e.openBlock(),e.createElementBlock("span",{key:$,class:e.normalizeClass(e.unref(p)),style:e.normalizeStyle(e.unref(x)(z))},null,6))),128))],2)):e.createCommentVNode("",!0),e.unref(w)?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(g))},null,2)):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(B))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["g-button__content",e.unref(_)])},[(n.prepend||v.prepend)&&!v.iconButton?(e.openBlock(),e.createElementBlock("span",he,[e.renderSlot(v.$slots,"prepend",{},()=>[e.createVNode(W,{icon:v.prepend},null,8,["icon"])])])):e.createCommentVNode("",!0),e.createElementVNode("span",ke,[e.renderSlot(v.$slots,"default",{},()=>[v.iconButton?v.iconButton?(e.openBlock(),e.createBlock(W,{key:1,icon:v.iconButton},null,8,["icon"])):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(v.label),1)],64))])]),(n.append||v.append)&&!v.iconButton?(e.openBlock(),e.createElementBlock("span",ye,[e.renderSlot(v.$slots,"append",{},()=>[e.createVNode(W,{icon:v.append},null,8,["icon"])])])):e.createCommentVNode("",!0)],2)]),_:3},16,["class","style"])),[[R,u.value]])]),_:3},16,["border-width"])),[[P]])}}});function be(){const o=e.shallowRef(null),n=e.ref(!1),c=a=>{i();const r=t(a.target),m=r.style.position;s(r)||(r.style.position="relative");const f=document.createElement("div");f.className="g-loading__container",r.appendChild(f);const l={},k=e.createApp(E._sfc_main,{text:a.text,noText:a.noText,color:a.color,dark:a.dark,opacity:a.opacity,blur:a.blur,progressView:a.progressView,onClose:()=>{u(l)}}),p=k.mount(f);Object.assign(l,{app:k,container:f,target:r,originalPosition:m,componentInstance:p}),o.value=l,p.show(),n.value=!0},t=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},i=async()=>{if(!o.value)return;const{componentInstance:a}=o.value;a&&a.hide()},s=a=>{const r=window.getComputedStyle(a).position;return["relative","absolute","fixed","sticky"].includes(r)},u=(a=o.value)=>{if(!a)return;const r=o.value===a,{app:m,container:f,target:l,originalPosition:k}=a;m.unmount(),f.parentElement===l&&l.removeChild(f),r&&(l.style.position=k,o.value=null,n.value=!1)};return e.onUnmounted(()=>{i()}),{show:c,hide:i,visible:n}}const _e=b.propsFactory({...S.makeMaterialSurfaceProps({borderRadius:12}),...b.makeSurfaceTextureProps(),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}}),Be={key:0,class:"g-snackbar__prepend"},Se={class:"g-snackbar__main"},Ce={key:0,class:"g-snackbar__title"},we={key:1,class:"g-snackbar__text"},Ve={key:1,class:"g-snackbar__actions"},Ne=e.defineComponent({__name:"GSnackbar",props:_e(),emits:["update:modelValue","action","close","after-close"],setup(o,{expose:n,emit:c}){const t=o,i=c,s=e.useSlots(),u=e.ref(),a=e.ref(t.defaultOpen),r=e.ref("manual"),m=e.computed(()=>t.modelValue!==void 0),f=e.computed(()=>m.value?t.modelValue===!0:a.value),l=b.usePx(t.offset),k=b.usePx(t.maxWidth),{getMorphBlobStyle:p,morphBlobs:d,morphEnabled:g,materialFrameProps:C,surfaceStyles:B,surfaceMaterialMorphBlobClasses:_,surfaceMaterialMorphClasses:w,surfaceOverlayClasses:y,surfaceUnderlayClasses:V,surfaceTextureClasses:N,surfaceContentClasses:M}=S.useMaterialSurface(t,"g-snackbar"),x=e.computed(()=>{var h;return((h=t.action)==null?void 0:h.label)??t.actionText}),v=e.computed(()=>({"--g-snackbar-max-width":k.value})),G=e.computed(()=>({"--g-snackbar-offset":l.value})),R=e.computed(()=>[`g-snackbar_${t.variant}`,{"g-snackbar_multiline":t.multiline,[`g-snackbar_texture-${t.texture}`]:t.texture!=="none"}]),P=e.computed(()=>[`g-snackbar-layer_position-${t.position}`,`g-snackbar-layer_location-${t.location}`]),z=e.computed(()=>t.transition??{name:t.location.startsWith("top")?"slide-y":"slide-y-reverse",appear:!0,duration:240,leaveDuration:180,distance:"16px"});function $(h){m.value||(a.value=h),i("update:modelValue",h)}function I(){u.value!==void 0&&(window.clearTimeout(u.value),u.value=void 0)}function T(){I(),!(!f.value||t.persistent||t.timeout<=0)&&(u.value=window.setTimeout(()=>{O("timeout")},t.timeout))}function O(h="manual"){r.value=h,I(),$(!1),i("close",h)}function U(){var h,F;i("action",(h=t.action)==null?void 0:h.value),(((F=t.action)==null?void 0:F.closeOnClick)??t.closeOnAction)&&O("action")}function Q(){t.pauseOnHover&&I()}function Z(){t.pauseOnHover&&T()}e.watch(f,h=>{if(!h){I();return}T()}),T(),e.onBeforeUnmount(()=>{I()});function ee(){i("after-close",r.value)}return n({open:()=>$(!0),close:O}),(h,F)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["g-snackbar-layer",P.value]),style:e.normalizeStyle(G.value)},[e.createVNode(e.unref(E._sfc_main$1),{transition:z.value,onAfterLeave:ee},{default:e.withCtx(()=>[f.value?(e.openBlock(),e.createBlock(L,e.mergeProps({key:0,class:"g-snackbar__frame"},e.unref(C),{"inherit-width":!1,style:v.value}),{default:e.withCtx(()=>[e.createElementVNode("section",{class:e.normalizeClass(["g-snackbar",R.value]),style:e.normalizeStyle(e.unref(B)),role:"status","aria-live":"polite",onMouseenter:Q,onMouseleave:Z},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(V))},null,2),e.unref(g)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(w)),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(q,te)=>(e.openBlock(),e.createElementBlock("span",{key:te,class:e.normalizeClass(e.unref(_)),style:e.normalizeStyle(e.unref(p)(q))},null,6))),128))],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(y))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(N))},null,2),e.createElementVNode("div",{class:e.normalizeClass(["g-snackbar__content",e.unref(M)])},[s.prepend||t.icon?(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(h.$slots,"prepend",{},()=>[t.icon?(e.openBlock(),e.createBlock(D,{key:0,icon:t.icon,size:"22"},null,8,["icon"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Se,[s.title||t.title?(e.openBlock(),e.createElementBlock("div",Ce,[e.renderSlot(h.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),s.default||t.text?(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(h.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)],!0)])):e.createCommentVNode("",!0)]),s.action||x.value||t.closeable?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(h.$slots,"action",{close:()=>O("action")},()=>[x.value?(e.openBlock(),e.createBlock(J,{key:0,variant:"text",size:"s",label:x.value,onClick:U},null,8,["label"])):e.createCommentVNode("",!0)],!0),t.closeable?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"g-snackbar__close","aria-label":"Close snackbar",onClick:F[0]||(F[0]=q=>O("dismiss"))},[e.createVNode(D,{icon:"close",size:"18"})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)],38)]),_:3},16,["style"])):e.createCommentVNode("",!0)]),_:3},8,["transition"])],6))}}),K=E._export_sfc(Ne,[["__scopeId","data-v-ce4de976"]]),xe="bottom-center",$e="slide-y",A=new Map;let Ee=0;function ze(o){return typeof o=="string"?{label:o}:o}function Ie(o,n){return o==="fade"?"fade":o==="scale"?"scale":o==="slide-x"?n.endsWith("right")?"slide-x-reverse":"slide-x":n.startsWith("top")?"slide-y":"slide-y-reverse"}function Oe(){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(o){return()=>e.h("div",{class:["g-snackbar-stack",`g-snackbar-stack_location-${o.location}`]},[e.h("div",{class:"g-snackbar-stack__items"},o.items.map(n=>e.h(K,{key:n.id,...n,modelValue:n.open,position:"static",transition:{name:Ie(n.transition??o.transition,n.location),appear:!0,duration:240,leaveDuration:180,distance:"18px",scale:.96},"onUpdate:modelValue":c=>{n.open=c},onClose:c=>o.close(n.id,c),onAfterClose:()=>o.remove(n.id)})))])}})}function Me(o,n,c,t){const i=A.get(o);if(i)return i;const s=document.createElement("div");s.className="g-snackbar-stack__container",document.body.appendChild(s);const u=e.reactive([]),a=e.createApp(Oe(),{items:u,location:o,transition:n,close:c,remove:t});a.mount(s);const r={app:a,container:s,items:u};return A.set(o,r),r}function Ge(){const o=e.shallowRef([]);function n(s){for(const[u,a]of A.entries()){const r=a.items.findIndex(m=>m.id===s);if(r!==-1){a.items.splice(r,1),o.value=o.value.filter(m=>m.id!==s),a.items.length||window.setTimeout(()=>{a.items.length||(a.app.unmount(),a.container.remove(),A.delete(u))},220);return}}}function c(s,u="manual"){for(const a of A.values()){const r=a.items.find(m=>m.id===s);if(r){r.open=!1;return}}}function t(s){const u=typeof s=="string"?{text:s}:s,a=u.location??xe,r=u.transition??$e,m=++Ee,f={...u,id:m,open:!0,location:a,transition:r,action:ze(u.action)};return Me(a,r,c,n).items.push(f),o.value=[...o.value,f],{id:m,close:(k="manual")=>{c(m,k)}}}function i(){for(const[s,u]of A.entries())u.app.unmount(),u.container.remove(),A.delete(s);o.value=[]}return e.onUnmounted(()=>{i()}),{show:t,closeAll:i,items:o}}exports.GGradient=L;exports.GIcon=D;exports.GIcon$1=W;exports.GSnackbar=K;exports._sfc_main=J;exports.makeActionSurfaceProps=H;exports.makePLAProps=Y;exports.useActionSurface=X;exports.useLoading=be;exports.useSnackbar=Ge;

package/dist/{useSnackbar-us11nXny.js → useSnackbar-BYPu4tJ4.js}

@@ -1,7 +1,7 @@
 import { defineComponent as D, computed as f, unref as s, openBlock as c, createBlock as I, resolveDynamicComponent as ae, mergeProps as J, createCommentVNode as b, ref as q, onMounted as Oe, onBeforeUnmount as me, createElementBlock as y, createElementVNode as w, useCssVars as ve, useId as Ie, normalizeStyle as Y, normalizeClass as C, withCtx as K, renderSlot as P, toRef as Me, toValue as H, useSlots as ge, useAttrs as Re, resolveDirective as ue, withDirectives as de, Fragment as re, renderList as he, createVNode as ee, createTextVNode as ie, toDisplayString as le, shallowRef as ye, onUnmounted as be, createApp as _e, watch as Ge, reactive as Te, h as se } from "vue";
-import { b as Q, c as ze, u as Ae, _ as Ne, a as Ve } from "./GLoading.vue_vue_type_style_index_0_lang-COggAM7a.js";
-import { j as ke, r as Pe, s as We, t as Fe, v as Se, w as Ue, b as je, q as Ee, a as Le, o as De } from "./materialSurface-CbOpfFGO.js";
-import { j as te, p as ne, t as He, v as qe, d as Xe, k as Ye, i as Je, f as Ke } from "./surface-DImNM7I1.js";
+import { b as Q, c as ze, u as Ae, _ as Ne, a as Ve } from "./GLoading.vue_vue_type_style_index_0_lang-BbVYszn2.js";
+import { j as ke, r as Pe, s as We, t as Fe, v as Se, w as Ue, b as je, q as Ee, a as Le, o as De } from "./materialSurface-BbFTyJuA.js";
+import { j as te, p as ne, t as He, v as qe, d as Xe, k as Ye, i as Je, f as Ke } from "./surface-C3w1Rz6V.js";
 import "@mdi/js";
 const Qe = () => ({
   icon: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gradient-ui/core",
-	"version": "0.6.0",
+	"version": "0.8.0",
 	"private": false,
 	"scripts": {
 		"dev": "vite --config docs/vite.config.ts",