@gradient-ui/core 0.2.1 → 0.4.1

package/dist/types/use/textarea/props.d.ts

@@ -47,11 +47,11 @@ export declare const makeTextareaProps: <Defaults extends {
         default: Defaults["size"] extends infer T_7 ? T_7 extends Defaults["size"] ? T_7 extends unknown ? import("../../types/CommonTypes").Sizes : NonNullable<import("../../types/CommonTypes").Sizes> | T_7 : never : never;
     };
     state: Omit<{
-        type: PropType<import("../../components/ui/GGradient/types").GGradienStates>;
-        default: import("../../components/ui/GGradient/types").GGradienStates;
+        type: PropType<import("../../components/ui/GGradient").GGradienStates>;
+        default: import("../../components/ui/GGradient").GGradienStates;
     }, "type" | "default"> & {
-        type: PropType<Defaults["state"] extends infer T_8 ? T_8 extends Defaults["state"] ? T_8 extends unknown ? import("../../components/ui/GGradient/types").GGradienStates : import("../../components/ui/GGradient/types").GGradienStates | T_8 : never : never>;
-        default: Defaults["state"] extends infer T_9 ? T_9 extends Defaults["state"] ? T_9 extends unknown ? import("../../components/ui/GGradient/types").GGradienStates : NonNullable<import("../../components/ui/GGradient/types").GGradienStates> | T_9 : never : never;
+        type: PropType<Defaults["state"] extends infer T_8 ? T_8 extends Defaults["state"] ? T_8 extends unknown ? import("../../components/ui/GGradient").GGradienStates : import("../../components/ui/GGradient").GGradienStates | T_8 : never : never>;
+        default: Defaults["state"] extends infer T_9 ? T_9 extends Defaults["state"] ? T_9 extends unknown ? import("../../components/ui/GGradient").GGradienStates : NonNullable<import("../../components/ui/GGradient").GGradienStates> | T_9 : never : never;
     };
     message: Omit<{
         type: PropType<string>;
@@ -82,17 +82,17 @@ export declare const makeTextareaProps: <Defaults extends {
         default: Defaults["appendIcon"] extends infer T_17 ? T_17 extends Defaults["appendIcon"] ? T_17 extends unknown ? import("../../types/CommonTypes").MdiIcon : NonNullable<import("../../types/CommonTypes").MdiIcon> | T_17 : never : never;
     };
     color: Omit<Omit<Omit<{
-        type: PropType<import("../colorResolver").GColor>;
+        type: PropType<import("..").GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<import("..").GColor>;
+        default: import("..").GColor;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<import("..").GColor>;
+        default: import("..").GColor;
     }, "type" | "default"> & {
-        type: PropType<Defaults["color"] extends infer T_18 ? T_18 extends Defaults["color"] ? T_18 extends unknown ? string : string | T_18 : never : never>;
-        default: Defaults["color"] extends infer T_19 ? T_19 extends Defaults["color"] ? T_19 extends unknown ? string : string | T_19 : never : never;
+        type: PropType<Defaults["color"] extends infer T_18 ? T_18 extends Defaults["color"] ? T_18 extends unknown ? import("..").GColor : import("..").GColor | T_18 : never : never>;
+        default: Defaults["color"] extends infer T_19 ? T_19 extends Defaults["color"] ? T_19 extends unknown ? import("..").GColor : NonNullable<import("..").GColor> | T_19 : never : never;
     };
     disabled: Omit<{
         type: PropType<boolean>;

package/dist/types/use/variant.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-export type GVariant = 'tonal' | 'text' | 'outlined' | 'filled' | 'default';
+export type GVariant = 'tonal' | 'text' | 'outlined' | 'gradient' | 'glass' | 'default';
 export declare const makeVariantProps: <Defaults extends {
     variant?: unknown;
 } = object>(defaults?: Defaults | undefined) => {

package/dist/use.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-B3_n44N_.cjs"),e=require("./defaults-BlTdRhHs.cjs"),s=require("./icon-0-mbYGMr.cjs"),a=require("./index-DN5ngVtp.cjs");exports.defaultBreakpoints=t.defaultBreakpoints;exports.useBreakpoints=t.useBreakpoints;exports.createDefaults=e.createDefaults;exports.installDefaults=e.installDefaults;exports.provideDefaults=e.provideDefaults;exports.useComponentDefaults=e.useComponentDefaults;exports.withGradientDefaults=e.withGradientDefaults;exports.createIcons=s.createIcons;exports.installIcons=s.installIcons;exports.provideIcons=s.provideIcons;exports.useIcon=s.useIcon;exports.useIcons=s.useIcons;exports.applyMask=a.applyMask;exports.defaultMaskTokens=a.defaultMaskTokens;exports.unmaskValue=a.unmaskValue;exports.useMask=a.useMask;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-B3_n44N_.cjs"),a=require("./surface-8z3gR7vF.cjs"),s=require("./defaults-BlTdRhHs.cjs"),e=require("./materialSurface-CK8LN_dU.cjs"),r=require("./index-DN5ngVtp.cjs");exports.defaultBreakpoints=t.defaultBreakpoints;exports.useBreakpoints=t.useBreakpoints;exports.SEMANTIC_COLORS=a.SEMANTIC_COLORS;exports.makeColorProps=a.makeColorProps;exports.makeGlassProps=a.makeGlassProps;exports.resolveColorValue=a.resolveColorValue;exports.resolveGradientValue=a.resolveGradientValue;exports.resolveOnColorValue=a.resolveOnColorValue;exports.useColor=a.useColor;exports.useGlass=a.useGlass;exports.useResolveGradientValue=a.useResolveGradientValue;exports.createDefaults=s.createDefaults;exports.installDefaults=s.installDefaults;exports.provideDefaults=s.provideDefaults;exports.useComponentDefaults=s.useComponentDefaults;exports.withGradientDefaults=s.withGradientDefaults;exports.createIcons=e.createIcons;exports.installIcons=e.installIcons;exports.makeMaterialProps=e.makeMaterialProps;exports.makeMaterialSurfaceProps=e.makeMaterialSurfaceProps;exports.makeTagNameProps=e.makeTagNameProps;exports.mountGradientCss=e.mountGradientCss;exports.mountGradientMaterial=e.mountGradientMaterial;exports.mountGradientSvg=e.mountGradientSvg;exports.provideIcons=e.provideIcons;exports.useAsLink=e.useAsLink;exports.useGradientMaterial=e.useGradientMaterial;exports.useGradientRuntime=e.useGradientRuntime;exports.useIcon=e.useIcon;exports.useIcons=e.useIcons;exports.useMaterial=e.useMaterial;exports.useMaterialLayers=e.useMaterialLayers;exports.useMaterialSurface=e.useMaterialSurface;exports.useTagName=e.useTagName;exports.applyMask=r.applyMask;exports.defaultMaskTokens=r.defaultMaskTokens;exports.unmaskValue=r.unmaskValue;exports.useMask=r.useMask;

package/dist/use.mjs

@@ -1,22 +1,45 @@
-import { d as e, u as o } from "./index-BtCLucTD.js";
-import { c as u, i as r, p as n, u as l, w as p } from "./defaults-DMi34V8q.js";
-import { c as i, i as c, p as d, u as k, a as m } from "./icon-BrFRYYf3.js";
-import { a as I, d as x, u as M, b as v } from "./index-Cs3XQ3JB.js";
+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-BKu4KfkY.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-BBrP9ltj.js";
+import { a as E, d as _, u as z, b as F } from "./index-Cs3XQ3JB.js";
 export {
-  I as applyMask,
-  u as createDefaults,
-  i as createIcons,
+  t as SEMANTIC_COLORS,
+  E as applyMask,
+  c as createDefaults,
+  S as createIcons,
   e as defaultBreakpoints,
-  x as defaultMaskTokens,
-  r as installDefaults,
-  c as installIcons,
-  n as provideDefaults,
-  d as provideIcons,
-  M as unmaskValue,
-  o as useBreakpoints,
-  l as useComponentDefaults,
-  k as useIcon,
-  m as useIcons,
-  v as useMask,
-  p as withGradientDefaults
+  _ 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
 };

package/dist/useSnackbar-BHQshEZ8.cjs

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