@gradient-ui/core 0.8.0 → 2.0.0

package/dist/GLoading.vue_vue_type_style_index_0_lang-BbVYszn2.js

@@ -1,468 +0,0 @@
-import { computed as a, ref as N, onMounted as G, onBeforeUnmount as F, defineComponent as V, useAttrs as Z, TransitionGroup as q, Transition as ee, openBlock as f, createBlock as H, resolveDynamicComponent as te, mergeProps as ne, unref as h, withCtx as W, renderSlot as A, createElementBlock as S, normalizeStyle as z, normalizeClass as b, createTextVNode as I, toDisplayString as j, createCommentVNode as B, createElementVNode as d, Fragment as oe, renderList as se, createVNode as ae } from "vue";
-import { p as w, f as re, g as ie, h as le, m as ue, i as de, j as ce, k as ge } from "./surface-C3w1Rz6V.js";
-import "@mdi/js";
-const pe = (t, n) => {
-  const o = t.__vccOpts || t;
-  for (const [s, c] of n)
-    o[s] = c;
-  return o;
-}, ve = w({
-  size: {
-    type: String,
-    default: "m"
-  }
-});
-function ze(t, n) {
-  return a(() => `${n}_${t.size}`);
-}
-const fe = {
-  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"
-}, U = w(
-  {
-    transition: {
-      type: [Boolean, String, Object],
-      default: void 0
-    }
-  },
-  "transition"
-), me = w(
-  {
-    ...U(),
-    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 ye(t) {
-  return t ? fe[t] ?? t : "";
-}
-function _e(t) {
-  if (!(t === void 0 || t === ""))
-    return typeof t == "number" ? `${t}px` : t;
-}
-function O(t) {
-  if (!(t === void 0 || t === ""))
-    return typeof t == "number" ? `${t}ms` : t;
-}
-function R(t, n) {
-  if (t === void 0 || t === "") return n;
-  if (typeof t == "number") return t;
-  const o = t.trim();
-  if (o.endsWith("ms"))
-    return Number.parseFloat(o);
-  if (o.endsWith("s"))
-    return Number.parseFloat(o) * 1e3;
-  const s = Number.parseFloat(o);
-  return Number.isNaN(s) ? n : s;
-}
-function be(t, n) {
-  return t === !1 ? {
-    ...n,
-    disabled: !0
-  } : t === !0 || t === void 0 ? n : typeof t == "string" ? {
-    ...n,
-    name: t
-  } : {
-    ...n,
-    ...t
-  };
-}
-function he() {
-  const t = N(!1);
-  let n = null;
-  const o = () => {
-    t.value = (n == null ? void 0 : n.matches) ?? !1;
-  };
-  return G(() => {
-    typeof window > "u" || !window.matchMedia || (n = window.matchMedia("(prefers-reduced-motion: reduce)"), o(), n.addEventListener("change", o));
-  }), F(() => {
-    n == null || n.removeEventListener("change", o);
-  }), t;
-}
-const Se = 80, xe = /* @__PURE__ */ V({
-  inheritAttrs: !1,
-  __name: "GTransition",
-  props: me({
-    name: "fade",
-    css: !0
-  }),
-  emits: ["before-enter", "after-enter", "before-leave", "leave", "after-leave", "enter-cancelled", "leave-cancelled"],
-  setup(t, { emit: n }) {
-    const o = t, s = n, c = Z(), u = he(), g = a(
-      () => o.group ? q : ee
-    ), r = a(
-      () => be(o.transition, D.value)
-    ), m = a(
-      () => y.value ? "" : ye(r.value.name)
-    ), y = a(
-      () => o.disabled || u.value || r.value.disabled
-    ), x = a(
-      () => o.group || r.value.mode === "default" ? void 0 : r.value.mode
-    ), _ = a(
-      () => !y.value && r.value.css !== !1
-    ), i = a(() => {
-      if (!L.value || y.value) return;
-      const e = r.value;
-      return {
-        enter: R(
-          e.enterDuration ?? e.duration,
-          220
-        ),
-        leave: R(
-          e.leaveDuration ?? e.duration,
-          180
-        ) + Se
-      };
-    }), L = a(
-      () => r.value.name === "overlay" || m.value === "g-overlay-transition"
-    ), D = a(() => ({
-      name: o.name,
-      appear: o.appear,
-      mode: o.mode,
-      origin: o.origin,
-      duration: o.duration,
-      enterDuration: o.enterDuration,
-      leaveDuration: o.leaveDuration,
-      easing: o.easing,
-      enterEasing: o.enterEasing,
-      leaveEasing: o.leaveEasing,
-      distance: o.distance,
-      scale: o.scale,
-      opacity: o.opacity,
-      leaveAbsolute: o.leaveAbsolute,
-      hideOnLeave: o.hideOnLeave,
-      css: o.css
-    })), E = a(() => {
-      const e = r.value;
-      return {
-        "--g-transition-enter-duration": O(
-          e.enterDuration ?? e.duration
-        ),
-        "--g-transition-leave-duration": O(
-          e.leaveDuration ?? e.duration
-        ),
-        "--g-transition-enter-easing": e.enterEasing ?? e.easing,
-        "--g-transition-leave-easing": e.leaveEasing ?? e.easing,
-        "--g-transition-origin": e.origin,
-        "--g-transition-distance": _e(e.distance),
-        "--g-transition-scale": e.scale === void 0 ? void 0 : String(e.scale),
-        "--g-transition-opacity-from": e.opacity === !1 ? "1" : void 0
-      };
-    });
-    function T(e) {
-      if (e instanceof HTMLElement)
-        for (const [l, $] of Object.entries(E.value))
-          $ !== void 0 && e.style.setProperty(l, $);
-    }
-    function M(e) {
-      const { offsetTop: l, offsetLeft: $, offsetWidth: X, offsetHeight: Y } = e;
-      e._gTransitionInitialStyles = {
-        position: e.style.position,
-        top: e.style.top,
-        left: e.style.left,
-        width: e.style.width,
-        height: e.style.height,
-        display: e.style.display
-      }, e.style.position = "absolute", e.style.top = `${l}px`, e.style.left = `${$}px`, e.style.width = `${X}px`, e.style.height = `${Y}px`;
-    }
-    function k(e) {
-      const l = e._gTransitionInitialStyles;
-      l && (e.style.position = l.position, e.style.top = l.top, e.style.left = l.left, e.style.width = l.width, e.style.height = l.height, e.style.display = l.display, delete e._gTransitionInitialStyles);
-    }
-    function P(e) {
-      T(e), s("before-enter", e);
-    }
-    function p(e) {
-      s("after-enter", e);
-    }
-    function v(e) {
-      T(e), s("before-leave", e);
-    }
-    function C(e) {
-      if (!(e instanceof HTMLElement)) {
-        s("leave", e);
-        return;
-      }
-      r.value.leaveAbsolute && M(e), r.value.hideOnLeave && e.style.setProperty("display", "none", "important"), s("leave", e);
-    }
-    function J(e) {
-      e instanceof HTMLElement && k(e), s("after-leave", e);
-    }
-    function K(e) {
-      s("enter-cancelled", e);
-    }
-    function Q(e) {
-      e instanceof HTMLElement && k(e), s("leave-cancelled", e);
-    }
-    return (e, l) => (f(), H(te(g.value), ne(h(c), {
-      name: m.value,
-      css: _.value,
-      appear: r.value.appear,
-      duration: i.value,
-      mode: x.value,
-      tag: o.group ? o.tag : void 0,
-      onBeforeEnter: P,
-      onAfterEnter: p,
-      onBeforeLeave: v,
-      onLeave: C,
-      onAfterLeave: J,
-      onEnterCancelled: K,
-      onLeaveCancelled: Q
-    }), {
-      default: W(() => [
-        A(e.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["name", "css", "appear", "duration", "mode", "tag"]));
-  }
-}), we = w({
-  ...ue(),
-  ...le(),
-  ...ve(),
-  ...ie(),
-  ...re(),
-  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
-  }
-}), Le = {
-  key: 0,
-  class: "g-progress__label"
-}, Te = ["aria-valuenow", "aria-valuetext"], ke = /* @__PURE__ */ V({
-  __name: "GProgress",
-  props: we({ color: "primary" }),
-  setup(t) {
-    const n = t, { gradientStyles: o } = de(n), s = N(0), c = N(null);
-    let u;
-    const g = a(
-      () => Math.min(100, Math.max(0, n.modelValue))
-    ), r = ce(s), m = a(
-      () => Math.max(2, Math.round(n.segments))
-    ), y = a(
-      () => Array.from({ length: m.value - 1 }, (p, v) => v)
-    ), x = a(() => `${g.value}%`), _ = a(
-      () => n.label ?? `${Math.round(g.value)}%`
-    ), i = (p) => ({
-      "--g-progress-segment-position": `${(p + 1) / m.value * 100}%`
-    }), L = a(() => ({
-      "--g-progress-value": x.value,
-      "--g-progress-track-width": r.value
-    })), D = a(() => [
-      o.value,
-      L.value
-    ]), E = () => {
-      u = new ResizeObserver((p) => {
-        for (const v of p)
-          s.value = v.contentRect.width;
-      }), c.value && u.observe(c.value);
-    };
-    G(() => {
-      E();
-    }), F(() => {
-      u == null || u.disconnect();
-    });
-    const {
-      surfaceOverlayClasses: T,
-      surfaceUnderlayClasses: M,
-      surfaceTextureClasses: k,
-      surfaceContentClasses: P
-    } = ge("g-progress");
-    return (p, v) => (f(), S("div", {
-      class: b(["g-progress", {
-        "g-progress_rounded": n.rounded,
-        "g-progress_indeterminate": n.indeterminate,
-        "g-progress_no-label": n.noLabel,
-        [`g-progress_${n.size}`]: !0,
-        [`g-progress_label-${n.labelAlign}`]: !0,
-        [`g-progress_view-${n.view}`]: !0,
-        [`g-progress_texture-${n.texture}`]: n.texture !== "none"
-      }]),
-      style: z(D.value)
-    }, [
-      n.noLabel ? B("", !0) : (f(), S("div", Le, [
-        A(p.$slots, "default", {}, () => [
-          I(j(_.value), 1)
-        ], !0)
-      ])),
-      d("div", {
-        ref_key: "parentRef",
-        ref: c,
-        class: "g-progress__track",
-        role: "progressbar",
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        "aria-valuenow": n.indeterminate ? void 0 : g.value,
-        "aria-valuetext": n.indeterminate ? void 0 : _.value
-      }, [
-        d("span", {
-          class: b(h(M))
-        }, null, 2),
-        d("span", {
-          class: b(h(T))
-        }, null, 2),
-        d("span", {
-          class: b(h(k))
-        }, null, 2),
-        d("div", {
-          class: b(["g-progress__surface-content", h(P)])
-        }, [...v[0] || (v[0] = [
-          d("div", { class: "g-progress__bar" }, [
-            d("div", { class: "g-progress__active" }, [
-              d("div", { class: "g-progress__overlay" })
-            ])
-          ], -1)
-        ])], 2),
-        n.view === "segmented" ? (f(!0), S(oe, { key: 0 }, se(y.value, (C) => (f(), S("span", {
-          key: C,
-          class: "g-progress__segment-divider",
-          style: z(i(C))
-        }, null, 4))), 128)) : B("", !0)
-      ], 8, Te)
-    ], 6));
-  }
-}), Ce = /* @__PURE__ */ pe(ke, [["__scopeId", "data-v-471d888d"]]), $e = w({
-  ...U(),
-  text: String,
-  noText: Boolean,
-  show: Boolean,
-  color: String,
-  dark: Boolean,
-  opacity: [Number, String],
-  blur: [Number, String],
-  progressView: String,
-  onClose: Function
-}), Ne = { class: "g-loading__body" }, Be = {
-  key: 0,
-  class: "g-loading__text"
-}, De = { class: "g-loading__progress" }, Ve = /* @__PURE__ */ V({
-  __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: n, emit: o }) {
-    const s = t, c = o, u = N(!1), g = a(() => s.show || u.value), r = a(() => ({
-      "--g-loading-overlay-opacity": s.opacity !== void 0 ? String(s.opacity) : void 0,
-      "--g-loading-overlay-blur": s.blur !== void 0 ? m(s.blur) : void 0
-    }));
-    function m(i) {
-      return typeof i == "number" ? `${i}px` : i;
-    }
-    function y() {
-      u.value = !0;
-    }
-    function x() {
-      u.value = !1;
-    }
-    function _() {
-      var i;
-      (i = s.onClose) == null || i.call(s), c("close");
-    }
-    return n({
-      hide: x,
-      show: y,
-      isVisible: g
-    }), (i, L) => (f(), H(h(xe), {
-      transition: s.transition,
-      name: "scale",
-      onAfterLeave: _
-    }, {
-      default: W(() => [
-        g.value ? (f(), S("div", {
-          key: 0,
-          class: b(["g-loading", { "g-loading_dark": s.dark }]),
-          style: z(r.value),
-          "aria-live": "polite",
-          "aria-busy": "true"
-        }, [
-          d("div", Ne, [
-            s.noText ? B("", !0) : (f(), S("div", Be, [
-              A(i.$slots, "default", {}, () => [
-                I(j(s.text), 1)
-              ])
-            ])),
-            d("div", De, [
-              ae(Ce, {
-                "no-label": "",
-                indeterminate: "",
-                "model-value": 100,
-                color: s.color,
-                view: s.progressView,
-                size: "s"
-              }, null, 8, ["color", "view"])
-            ])
-          ])
-        ], 6)) : B("", !0)
-      ]),
-      _: 3
-    }, 8, ["transition"]));
-  }
-});
-export {
-  Ce as G,
-  Ve as _,
-  xe as a,
-  pe as b,
-  ve as c,
-  he as d,
-  me as e,
-  U as m,
-  be as r,
-  ze as u
-};

package/dist/GLoading.vue_vue_type_style_index_0_lang-DW5X0giH.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),c=require("./surface-DB9flb-h.cjs");require("@mdi/js");const V=(n,o)=>{const r=n.__vccOpts||n;for(const[a,d]of o)r[a]=d;return r},$=c.propsFactory({size:{type:String,default:"m"}});function W(n,o){return e.computed(()=>`${o}_${n.size}`)}const I={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"},E=c.propsFactory({transition:{type:[Boolean,String,Object],default:void 0}},"transition"),z=c.propsFactory({...E(),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 U(n){return n?I[n]??n:""}function j(n){if(!(n===void 0||n===""))return typeof n=="number"?`${n}px`:n}function T(n){if(!(n===void 0||n===""))return typeof n=="number"?`${n}ms`:n}function L(n,o){if(n===void 0||n==="")return o;if(typeof n=="number")return n;const r=n.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 P(n,o){return n===!1?{...o,disabled:!0}:n===!0||n===void 0?o:typeof n=="string"?{...o,name:n}:{...o,...n}}function D(){const n=e.ref(!1);let o=null;const r=()=>{n.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)}),n}const q=80,M=e.defineComponent({inheritAttrs:!1,__name:"GTransition",props:z({name:"fade",css:!0}),emits:["before-enter","after-enter","before-leave","leave","after-leave","enter-cancelled","leave-cancelled"],setup(n,{emit:o}){const r=n,a=o,d=e.useAttrs(),u=D(),p=e.computed(()=>r.group?e.TransitionGroup:e.Transition),s=e.computed(()=>P(r.transition,N.value)),v=e.computed(()=>f.value?"":U(s.value.name)),f=e.computed(()=>r.disabled||u.value||s.value.disabled),_=e.computed(()=>r.group||s.value.mode==="default"?void 0:s.value.mode),y=e.computed(()=>!f.value&&s.value.css!==!1),i=e.computed(()=>{if(!b.value||f.value)return;const t=s.value;return{enter:L(t.enterDuration??t.duration,220),leave:L(t.leaveDuration??t.duration,180)+q}}),b=e.computed(()=>s.value.name==="overlay"||v.value==="g-overlay-transition"),N=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})),C=e.computed(()=>{const t=s.value;return{"--g-transition-enter-duration":T(t.enterDuration??t.duration),"--g-transition-leave-duration":T(t.leaveDuration??t.duration),"--g-transition-enter-easing":t.enterEasing??t.easing,"--g-transition-leave-easing":t.leaveEasing??t.easing,"--g-transition-origin":t.origin,"--g-transition-distance":j(t.distance),"--g-transition-scale":t.scale===void 0?void 0:String(t.scale),"--g-transition-opacity-from":t.opacity===!1?"1":void 0}});function h(t){if(t instanceof HTMLElement)for(const[l,x]of Object.entries(C.value))x!==void 0&&t.style.setProperty(l,x)}function w(t){const{offsetTop:l,offsetLeft:x,offsetWidth:G,offsetHeight:H}=t;t._gTransitionInitialStyles={position:t.style.position,top:t.style.top,left:t.style.left,width:t.style.width,height:t.style.height,display:t.style.display},t.style.position="absolute",t.style.top=`${l}px`,t.style.left=`${x}px`,t.style.width=`${G}px`,t.style.height=`${H}px`}function S(t){const l=t._gTransitionInitialStyles;l&&(t.style.position=l.position,t.style.top=l.top,t.style.left=l.left,t.style.width=l.width,t.style.height=l.height,t.style.display=l.display,delete t._gTransitionInitialStyles)}function B(t){h(t),a("before-enter",t)}function g(t){a("after-enter",t)}function m(t){h(t),a("before-leave",t)}function k(t){if(!(t instanceof HTMLElement)){a("leave",t);return}s.value.leaveAbsolute&&w(t),s.value.hideOnLeave&&t.style.setProperty("display","none","important"),a("leave",t)}function O(t){t instanceof HTMLElement&&S(t),a("after-leave",t)}function F(t){a("enter-cancelled",t)}function R(t){t instanceof HTMLElement&&S(t),a("leave-cancelled",t)}return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),e.mergeProps(e.unref(d),{name:v.value,css:y.value,appear:s.value.appear,duration:i.value,mode:_.value,tag:r.group?r.tag:void 0,onBeforeEnter:B,onAfterEnter:g,onBeforeLeave:m,onLeave:k,onAfterLeave:O,onEnterCancelled:F,onLeaveCancelled:R}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["name","css","appear","duration","mode","tag"]))}}),J=c.propsFactory({...c.makeColorProps(),...c.makeRoundedProps(),...$(),...c.makeStateProps(),...c.makeSurfaceTextureProps(),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}}),K={key:0,class:"g-progress__label"},Q=["aria-valuenow","aria-valuetext"],X=e.defineComponent({__name:"GProgress",props:J({color:"primary"}),setup(n){const o=n,{gradientStyles:r}=c.useSurfaceColor(o),a=e.ref(0),d=e.ref(null);let u;const p=e.computed(()=>Math.min(100,Math.max(0,o.modelValue))),s=c.usePx(a),v=e.computed(()=>Math.max(2,Math.round(o.segments))),f=e.computed(()=>Array.from({length:v.value-1},(g,m)=>m)),_=e.computed(()=>`${p.value}%`),y=e.computed(()=>o.label??`${Math.round(p.value)}%`),i=g=>({"--g-progress-segment-position":`${(g+1)/v.value*100}%`}),b=e.computed(()=>({"--g-progress-value":_.value,"--g-progress-track-width":s.value})),N=e.computed(()=>[r.value,b.value]),C=()=>{u=new ResizeObserver(g=>{for(const m of g)a.value=m.contentRect.width}),d.value&&u.observe(d.value)};e.onMounted(()=>{C()}),e.onBeforeUnmount(()=>{u==null||u.disconnect()});const{surfaceOverlayClasses:h,surfaceUnderlayClasses:w,surfaceTextureClasses:S,surfaceContentClasses:B}=c.useSurfaceLayers("g-progress");return(g,m)=>(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,[`g-progress_texture-${o.texture}`]:o.texture!=="none"}]),style:e.normalizeStyle(N.value)},[o.noLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(g.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(y.value),1)],!0)])),e.createElementVNode("div",{ref_key:"parentRef",ref:d,class:"g-progress__track",role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o.indeterminate?void 0:p.value,"aria-valuetext":o.indeterminate?void 0:y.value},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(w))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(h))},null,2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(S))},null,2),e.createElementVNode("div",{class:e.normalizeClass(["g-progress__surface-content",e.unref(B)])},[...m[0]||(m[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(f.value,k=>(e.openBlock(),e.createElementBlock("span",{key:k,class:"g-progress__segment-divider",style:e.normalizeStyle(i(k))},null,4))),128)):e.createCommentVNode("",!0)],8,Q)],6))}}),A=V(X,[["__scopeId","data-v-471d888d"]]),Y=c.propsFactory({...E(),text:String,noText:Boolean,show:Boolean,color:String,dark:Boolean,opacity:[Number,String],blur:[Number,String],progressView:String,onClose:Function}),Z={class:"g-loading__body"},ee={key:0,class:"g-loading__text"},te={class:"g-loading__progress"},ne=e.defineComponent({__name:"GLoading",props:Y({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(n,{expose:o,emit:r}){const a=n,d=r,u=e.ref(!1),p=e.computed(()=>a.show||u.value),s=e.computed(()=>({"--g-loading-overlay-opacity":a.opacity!==void 0?String(a.opacity):void 0,"--g-loading-overlay-blur":a.blur!==void 0?v(a.blur):void 0}));function v(i){return typeof i=="number"?`${i}px`:i}function f(){u.value=!0}function _(){u.value=!1}function y(){var i;(i=a.onClose)==null||i.call(a),d("close")}return o({hide:_,show:f,isVisible:p}),(i,b)=>(e.openBlock(),e.createBlock(e.unref(M),{transition:a.transition,name:"scale",onAfterLeave:y},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["g-loading",{"g-loading_dark":a.dark}]),style:e.normalizeStyle(s.value),"aria-live":"polite","aria-busy":"true"},[e.createElementVNode("div",Z,[a.noText?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ee,[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])])),e.createElementVNode("div",te,[e.createVNode(A,{"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=A;exports._export_sfc=V;exports._sfc_main=ne;exports._sfc_main$1=M;exports.makeGTransitionProps=z;exports.makeSizeProps=$;exports.makeTransitionProps=E;exports.resolveTransitionOptions=P;exports.useReducedMotion=D;exports.useSize=W;