@gradient-ui/core 0.8.0 → 1.0.0

package/dist/components/GNavbarSubItem.mjs

@@ -0,0 +1,96 @@
+import { defineComponent, useSlots, computed, onMounted, onBeforeUnmount, resolveDirective, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createCommentVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import GIcon from "./GIcon.mjs";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { u as useNavbarInject, c as makeNavbarSubItemProps } from "../types-DmWFHzOk.js";
+import { u as useNavbarMenuInject } from "../menuContext-COshJAv-.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "g-navbar-sub-item__prepend"
+}, _hoisted_2 = { class: "g-navbar-sub-item__label" }, _hoisted_3 = {
+  key: 1,
+  class: "g-navbar-sub-item__append"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GNavbarSubItem",
+  props: makeNavbarSubItemProps(),
+  setup(__props) {
+    const props = __props, slots = useSlots(), navbar = useNavbarInject(), menu = useNavbarMenuInject(), selected = computed(
+      () => menu ? menu.isSelected(props.value) : !1
+    ), { colorStyles } = useSurfaceColor({
+      color: () => (selected.value ? navbar == null ? void 0 : navbar.activeColor.value : navbar == null ? void 0 : navbar.color.value) ?? "primary"
+    }), slotProps = computed(() => ({
+      selected: selected.value,
+      disabled: props.disabled,
+      value: props.value,
+      modelValue: navbar == null ? void 0 : navbar.modelValue.value,
+      isSelected: (value) => (menu == null ? void 0 : menu.isSelected(value)) ?? !1,
+      select: (value, event) => menu == null ? void 0 : menu.select(value, event),
+      closeDropdown: () => menu == null ? void 0 : menu.select(void 0)
+    })), isLink = computed(() => !!props.href && !props.disabled), actionTag = computed(() => isLink.value ? "a" : "button"), actionAttrs = computed(
+      () => isLink.value ? {
+        href: props.href,
+        target: props.target,
+        rel: props.rel ?? (props.target === "_blank" ? "noopener noreferrer" : void 0)
+      } : {
+        type: "button",
+        disabled: props.disabled
+      }
+    );
+    function onClick(event) {
+      if (props.disabled) {
+        event.preventDefault();
+        return;
+      }
+      menu == null || menu.select(props.value, event);
+    }
+    return onMounted(() => {
+      menu == null || menu.registerValue(props.value);
+    }), onBeforeUnmount(() => {
+      menu == null || menu.unregisterValue(props.value);
+    }), (_ctx, _cache) => {
+      const _directive_ripple = resolveDirective("ripple");
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass(["g-navbar-sub-item", {
+          "g-navbar-sub-item_selected": selected.value,
+          "g-navbar-sub-item_disabled": props.disabled
+        }]),
+        style: normalizeStyle(unref(colorStyles)),
+        role: "none"
+      }, [
+        withDirectives((openBlock(), createBlock(resolveDynamicComponent(actionTag.value), mergeProps({
+          class: "g-navbar-sub-item__action",
+          role: "menuitem",
+          "aria-current": selected.value ? "page" : void 0
+        }, actionAttrs.value, { onClick }), {
+          default: withCtx(() => [
+            slots.prepend || props.prependIcon ? (openBlock(), createElementBlock("span", _hoisted_1, [
+              renderSlot(_ctx.$slots, "prepend", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                createVNode(GIcon, {
+                  icon: props.prependIcon
+                }, null, 8, ["icon"])
+              ], !0)
+            ])) : createCommentVNode("", !0),
+            createElementVNode("span", _hoisted_2, [
+              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                createTextVNode(toDisplayString(props.label), 1)
+              ], !0)
+            ]),
+            slots.append || props.appendIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [
+              renderSlot(_ctx.$slots, "append", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                createVNode(GIcon, {
+                  icon: props.appendIcon
+                }, null, 8, ["icon"])
+              ], !0)
+            ])) : createCommentVNode("", !0)
+          ]),
+          _: 3
+        }, 16, ["aria-current"])), [
+          [_directive_ripple]
+        ])
+      ], 6);
+    };
+  }
+}), GNavbarSubItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f4a3a4ba"]]);
+export {
+  GNavbarSubItem as default
+};

package/dist/components/GProgress.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue");require("@mdi/js");const color=require("../color-8SkPDCIp.cjs"),rounded=require("../rounded-BneJO7vz.cjs"),size=require("../size-BSjg5E6f.cjs"),state=require("../state-CUskk7oG.cjs"),surface=require("../surface-NFdB950M.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),px=require("../px-CVkec5Jf.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeProgressProps=propsFactory.propsFactory({...color.makeColorProps(),...rounded.makeRoundedProps(),...size.makeSizeProps(),...state.makeStateProps(),...surface.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}}),_hoisted_1={key:0,class:"g-progress__label"},_hoisted_2=["aria-valuenow","aria-valuetext"],_sfc_main=vue.defineComponent({__name:"GProgress",props:makeProgressProps({color:"primary"}),setup(__props){const props=__props,{gradientStyles}=surfaceColor.useSurfaceColor(props),width=vue.ref(0),parentRef=vue.ref(null);let observer;const normalizedValue=vue.computed(()=>Math.min(100,Math.max(0,props.modelValue))),computedWidth=px.usePx(width),segmentCount=vue.computed(()=>Math.max(2,Math.round(props.segments))),segmentDividers=vue.computed(()=>Array.from({length:segmentCount.value-1},(_,index)=>index)),percentage=vue.computed(()=>`${normalizedValue.value}%`),displayLabel=vue.computed(()=>props.label??`${Math.round(normalizedValue.value)}%`),getSegmentDividerStyles=index=>({"--g-progress-segment-position":`${(index+1)/segmentCount.value*100}%`}),progressValueStyles=vue.computed(()=>({"--g-progress-value":percentage.value,"--g-progress-track-width":computedWidth.value})),progressStyles=vue.computed(()=>[gradientStyles.value,progressValueStyles.value]),observeParentWidth=()=>{observer=new ResizeObserver(entries=>{for(const entry of entries)width.value=entry.contentRect.width}),parentRef.value&&observer.observe(parentRef.value)};vue.onMounted(()=>{observeParentWidth()}),vue.onBeforeUnmount(()=>{observer==null||observer.disconnect()});const{surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}=surface.useSurfaceLayers("g-progress");return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-progress",{"g-progress_rounded":props.rounded,"g-progress_indeterminate":props.indeterminate,"g-progress_no-label":props.noLabel,[`g-progress_${props.size}`]:!0,[`g-progress_label-${props.labelAlign}`]:!0,[`g-progress_view-${props.view}`]:!0,[`g-progress_texture-${props.texture}`]:props.texture!=="none"}]),style:vue.normalizeStyle(progressStyles.value)},[props.noLabel?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[vue.renderSlot(_ctx.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(displayLabel.value),1)],!0)])),vue.createElementVNode("div",{ref_key:"parentRef",ref:parentRef,class:"g-progress__track",role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":props.indeterminate?void 0:normalizedValue.value,"aria-valuetext":props.indeterminate?void 0:displayLabel.value},[vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceUnderlayClasses))},null,2),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceOverlayClasses))},null,2),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceTextureClasses))},null,2),vue.createElementVNode("div",{class:vue.normalizeClass(["g-progress__surface-content",vue.unref(surfaceContentClasses)])},[..._cache[0]||(_cache[0]=[vue.createElementVNode("div",{class:"g-progress__bar"},[vue.createElementVNode("div",{class:"g-progress__active"},[vue.createElementVNode("div",{class:"g-progress__overlay"})])],-1)])],2),props.view==="segmented"?(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,{key:0},vue.renderList(segmentDividers.value,index=>(vue.openBlock(),vue.createElementBlock("span",{key:index,class:"g-progress__segment-divider",style:vue.normalizeStyle(getSegmentDividerStyles(index))},null,4))),128)):vue.createCommentVNode("",!0)],8,_hoisted_2)],6))}}),GProgress=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-471d888d"]]);exports.default=GProgress;

package/dist/components/GProgress.mjs

@@ -0,0 +1,135 @@
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, unref, Fragment, renderList } from "vue";
+import "@mdi/js";
+import { m as makeColorProps } from "../color-WJmhRKJ_.js";
+import { m as makeRoundedProps } from "../rounded-CKhFFdmx.js";
+import { m as makeSizeProps } from "../size-C-WH-uPa.js";
+import { m as makeStateProps } from "../state-zMDQLwyB.js";
+import { m as makeSurfaceTextureProps, u as useSurfaceLayers } from "../surface-i-1vm2j3.js";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { u as usePx } from "../px-B-cyF02Z.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeProgressProps = propsFactory({
+  ...makeColorProps(),
+  ...makeRoundedProps(),
+  ...makeSizeProps(),
+  ...makeStateProps(),
+  ...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
+  }
+}), _hoisted_1 = {
+  key: 0,
+  class: "g-progress__label"
+}, _hoisted_2 = ["aria-valuenow", "aria-valuetext"], _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GProgress",
+  props: makeProgressProps({ color: "primary" }),
+  setup(__props) {
+    const props = __props, { gradientStyles } = useSurfaceColor(props), width = ref(0), parentRef = ref(null);
+    let observer;
+    const normalizedValue = computed(
+      () => Math.min(100, Math.max(0, props.modelValue))
+    ), computedWidth = usePx(width), segmentCount = computed(
+      () => Math.max(2, Math.round(props.segments))
+    ), segmentDividers = computed(
+      () => Array.from({ length: segmentCount.value - 1 }, (_, index) => index)
+    ), percentage = computed(() => `${normalizedValue.value}%`), displayLabel = computed(
+      () => props.label ?? `${Math.round(normalizedValue.value)}%`
+    ), getSegmentDividerStyles = (index) => ({
+      "--g-progress-segment-position": `${(index + 1) / segmentCount.value * 100}%`
+    }), progressValueStyles = computed(() => ({
+      "--g-progress-value": percentage.value,
+      "--g-progress-track-width": computedWidth.value
+    })), progressStyles = computed(() => [
+      gradientStyles.value,
+      progressValueStyles.value
+    ]), observeParentWidth = () => {
+      observer = new ResizeObserver((entries) => {
+        for (const entry of entries)
+          width.value = entry.contentRect.width;
+      }), parentRef.value && observer.observe(parentRef.value);
+    };
+    onMounted(() => {
+      observeParentWidth();
+    }), onBeforeUnmount(() => {
+      observer == null || observer.disconnect();
+    });
+    const {
+      surfaceOverlayClasses,
+      surfaceUnderlayClasses,
+      surfaceTextureClasses,
+      surfaceContentClasses
+    } = useSurfaceLayers("g-progress");
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["g-progress", {
+        "g-progress_rounded": props.rounded,
+        "g-progress_indeterminate": props.indeterminate,
+        "g-progress_no-label": props.noLabel,
+        [`g-progress_${props.size}`]: !0,
+        [`g-progress_label-${props.labelAlign}`]: !0,
+        [`g-progress_view-${props.view}`]: !0,
+        [`g-progress_texture-${props.texture}`]: props.texture !== "none"
+      }]),
+      style: normalizeStyle(progressStyles.value)
+    }, [
+      props.noLabel ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(displayLabel.value), 1)
+        ], !0)
+      ])),
+      createElementVNode("div", {
+        ref_key: "parentRef",
+        ref: parentRef,
+        class: "g-progress__track",
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": props.indeterminate ? void 0 : normalizedValue.value,
+        "aria-valuetext": props.indeterminate ? void 0 : displayLabel.value
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass(unref(surfaceUnderlayClasses))
+        }, null, 2),
+        createElementVNode("span", {
+          class: normalizeClass(unref(surfaceOverlayClasses))
+        }, null, 2),
+        createElementVNode("span", {
+          class: normalizeClass(unref(surfaceTextureClasses))
+        }, null, 2),
+        createElementVNode("div", {
+          class: normalizeClass(["g-progress__surface-content", unref(surfaceContentClasses)])
+        }, [..._cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "g-progress__bar" }, [
+            createElementVNode("div", { class: "g-progress__active" }, [
+              createElementVNode("div", { class: "g-progress__overlay" })
+            ])
+          ], -1)
+        ])], 2),
+        props.view === "segmented" ? (openBlock(!0), createElementBlock(Fragment, { key: 0 }, renderList(segmentDividers.value, (index) => (openBlock(), createElementBlock("span", {
+          key: index,
+          class: "g-progress__segment-divider",
+          style: normalizeStyle(getSegmentDividerStyles(index))
+        }, null, 4))), 128)) : createCommentVNode("", !0)
+      ], 8, _hoisted_2)
+    ], 6));
+  }
+}), GProgress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-471d888d"]]);
+export {
+  GProgress as default
+};

package/dist/components/GQuickActions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),components_GFAB=require("./GFAB.cjs"),components_GIcon=require("./GIcon.cjs"),GTransition_vue_vue_type_script_setup_true_lang=require("../GTransition.vue_vue_type_script_setup_true_lang-CgELPmMA.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),teleport=require("../teleport-Bj9Z7LhE.cjs"),_sfc_main$1=vue.defineComponent({inheritAttrs:!1,__name:"TransitionRotate",setup(__props){const attrs=vue.useAttrs();return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.Transition,vue.mergeProps({name:"g-rotate-transition",mode:"out-in"},vue.unref(attrs)),{default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)]),_:3},16))}}),TransitionRotate=_pluginVue_exportHelper._export_sfc(_sfc_main$1,[["__scopeId","data-v-16d09617"]]),_hoisted_1={class:"g-quick-actions"},_sfc_main=vue.defineComponent({__name:"GQuickActions",props:{options:{default:()=>[]},icon:{},activeIcon:{},contained:{type:Boolean,default:!1},position:{default:"fixed"},location:{default:"bottom-right"},direction:{default:void 0},transition:{type:[Boolean,String,Object],default:void 0},offset:{default:24},labelPlacement:{default:void 0}},setup(__props){const props=__props,slots=vue.useSlots(),isOpened=vue.ref(!1),{disabled:teleportDisabled}=teleport.useSsrTeleport("body",()=>props.contained),iconValue=vue.computed(()=>props.icon),activeIconValue=vue.computed(()=>props.activeIcon),locationParts=vue.computed(()=>props.location.split("-")),containerStyle=vue.computed(()=>{const[block,inline]=locationParts.value,offset=typeof props.offset=="number"?`${props.offset}px`:props.offset;return{position:props.contained?"absolute":props.position,[block]:offset,...inline==="center"?{left:"50%",transform:"translateX(-50%)"}:{[inline]:offset}}}),optionLabelPlacement=vue.computed(()=>props.labelPlacement?props.labelPlacement:locationParts.value[1]==="right"?"left":"right"),alignment=vue.computed(()=>optionLabelPlacement.value==="right"?"start":"end"),actionDirection=vue.computed(()=>props.direction??(locationParts.value[0]==="top"?"bottom":"top")),toggle=()=>{isOpened.value=!isOpened.value};return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.Teleport,{to:"body",disabled:vue.unref(teleportDisabled)},[vue.createElementVNode("div",{class:vue.normalizeClass(["g-quick-actions__container",{"g-quick-actions__container_contained":props.contained}]),style:vue.normalizeStyle(containerStyle.value)},[vue.createElementVNode("div",_hoisted_1,[vue.createElementVNode("div",{class:vue.normalizeClass(["g-quick-actions__anchor",`g-quick-actions__anchor_${alignment.value}`])},[vue.createVNode(GTransition_vue_vue_type_script_setup_true_lang._sfc_main,{name:"g-quick-actions-content-transition",transition:props.transition,duration:320},{default:vue.withCtx(()=>[isOpened.value?(vue.openBlock(),vue.createElementBlock("div",{key:0,class:vue.normalizeClass(["g-quick-actions__list",[`g-quick-actions__list_${alignment.value}`,`g-quick-actions__list_${actionDirection.value}`]])},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(props.options,(option,index)=>(vue.openBlock(),vue.createBlock(components_GFAB.default,{key:option.label,class:"g-quick-actions__item",style:vue.normalizeStyle({"--g-quick-actions-item-index":index}),icon:option.icon,size:"s",extended:"",label:option.label,"label-placement":optionLabelPlacement.value},vue.createSlots({_:2},[slots.action?{name:"default",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"action",{option,index,labelPlacement:optionLabelPlacement.value},()=>[vue.createTextVNode(vue.toDisplayString(option.label),1)],!0)]),key:"0"}:void 0]),1032,["style","icon","label","label-placement"]))),128))],2)):vue.createCommentVNode("",!0)]),_:3},8,["transition"]),vue.createElementVNode("div",{class:vue.normalizeClass(["g-quick-actions__trigger",`g-quick-actions__trigger_${alignment.value}`])},[vue.renderSlot(_ctx.$slots,"trigger",{isOpened:isOpened.value,toggle},()=>[vue.createVNode(components_GFAB.default,{icon:"menu",onClick:toggle},{icon:vue.withCtx(()=>[vue.createVNode(TransitionRotate,null,{default:vue.withCtx(()=>[isOpened.value?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:1,icon:activeIconValue.value},null,8,["icon"])):(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:iconValue.value},null,8,["icon"]))]),_:1})]),_:1})],!0)],2)],2),vue.createElementVNode("div",{class:vue.normalizeClass(["g-quick-actions__underlay",{"g-quick-actions__underlay_visible":isOpened.value}]),onClick:toggle},null,2)])],6)],8,["disabled"]))}}),GQuickActions=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-9b9dd39b"]]);exports.default=GQuickActions;

package/dist/components/GQuickActions.mjs

@@ -0,0 +1,157 @@
+import { defineComponent, useAttrs, openBlock, createBlock, Transition, mergeProps, unref, withCtx, renderSlot, useSlots, ref, computed, Teleport, createElementVNode, normalizeStyle, normalizeClass, createVNode, createElementBlock, Fragment, renderList, createSlots, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import GFAB from "./GFAB.mjs";
+import GIcon from "./GIcon.mjs";
+import { _ as _sfc_main$2 } from "../GTransition.vue_vue_type_script_setup_true_lang-CHGSgsZ0.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+import { a as useSsrTeleport } from "../teleport-6ZRoZ2JT.js";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "TransitionRotate",
+  setup(__props) {
+    const attrs = useAttrs();
+    return (_ctx, _cache) => (openBlock(), createBlock(Transition, mergeProps({
+      name: "g-rotate-transition",
+      mode: "out-in"
+    }, unref(attrs)), {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), TransitionRotate = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-16d09617"]]), _hoisted_1 = { class: "g-quick-actions" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GQuickActions",
+  props: {
+    options: { default: () => [] },
+    icon: {},
+    activeIcon: {},
+    contained: { type: Boolean, default: !1 },
+    position: { default: "fixed" },
+    location: { default: "bottom-right" },
+    direction: { default: void 0 },
+    transition: { type: [Boolean, String, Object], default: void 0 },
+    offset: { default: 24 },
+    labelPlacement: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props, slots = useSlots(), isOpened = ref(!1), { disabled: teleportDisabled } = useSsrTeleport(
+      "body",
+      () => props.contained
+    ), iconValue = computed(() => props.icon), activeIconValue = computed(() => props.activeIcon), locationParts = computed(() => props.location.split("-")), containerStyle = computed(() => {
+      const [block, inline] = locationParts.value, offset = typeof props.offset == "number" ? `${props.offset}px` : props.offset;
+      return {
+        position: props.contained ? "absolute" : props.position,
+        [block]: offset,
+        ...inline === "center" ? {
+          left: "50%",
+          transform: "translateX(-50%)"
+        } : { [inline]: offset }
+      };
+    }), optionLabelPlacement = computed(() => props.labelPlacement ? props.labelPlacement : locationParts.value[1] === "right" ? "left" : "right"), alignment = computed(
+      () => optionLabelPlacement.value === "right" ? "start" : "end"
+    ), actionDirection = computed(
+      () => props.direction ?? (locationParts.value[0] === "top" ? "bottom" : "top")
+    ), toggle = () => {
+      isOpened.value = !isOpened.value;
+    };
+    return (_ctx, _cache) => (openBlock(), createBlock(Teleport, {
+      to: "body",
+      disabled: unref(teleportDisabled)
+    }, [
+      createElementVNode("div", {
+        class: normalizeClass(["g-quick-actions__container", {
+          "g-quick-actions__container_contained": props.contained
+        }]),
+        style: normalizeStyle(containerStyle.value)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: normalizeClass(["g-quick-actions__anchor", `g-quick-actions__anchor_${alignment.value}`])
+          }, [
+            createVNode(_sfc_main$2, {
+              name: "g-quick-actions-content-transition",
+              transition: props.transition,
+              duration: 320
+            }, {
+              default: withCtx(() => [
+                isOpened.value ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(["g-quick-actions__list", [
+                    `g-quick-actions__list_${alignment.value}`,
+                    `g-quick-actions__list_${actionDirection.value}`
+                  ]])
+                }, [
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(props.options, (option, index) => (openBlock(), createBlock(GFAB, {
+                    key: option.label,
+                    class: "g-quick-actions__item",
+                    style: normalizeStyle({
+                      "--g-quick-actions-item-index": index
+                    }),
+                    icon: option.icon,
+                    size: "s",
+                    extended: "",
+                    label: option.label,
+                    "label-placement": optionLabelPlacement.value
+                  }, createSlots({ _: 2 }, [
+                    slots.action ? {
+                      name: "default",
+                      fn: withCtx(() => [
+                        renderSlot(_ctx.$slots, "action", {
+                          option,
+                          index,
+                          labelPlacement: optionLabelPlacement.value
+                        }, () => [
+                          createTextVNode(toDisplayString(option.label), 1)
+                        ], !0)
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["style", "icon", "label", "label-placement"]))), 128))
+                ], 2)) : createCommentVNode("", !0)
+              ]),
+              _: 3
+            }, 8, ["transition"]),
+            createElementVNode("div", {
+              class: normalizeClass(["g-quick-actions__trigger", `g-quick-actions__trigger_${alignment.value}`])
+            }, [
+              renderSlot(_ctx.$slots, "trigger", {
+                isOpened: isOpened.value,
+                toggle
+              }, () => [
+                createVNode(GFAB, {
+                  icon: "menu",
+                  onClick: toggle
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(TransitionRotate, null, {
+                      default: withCtx(() => [
+                        isOpened.value ? (openBlock(), createBlock(GIcon, {
+                          key: 1,
+                          icon: activeIconValue.value
+                        }, null, 8, ["icon"])) : (openBlock(), createBlock(GIcon, {
+                          key: 0,
+                          icon: iconValue.value
+                        }, null, 8, ["icon"]))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ], !0)
+            ], 2)
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(["g-quick-actions__underlay", {
+              "g-quick-actions__underlay_visible": isOpened.value
+            }]),
+            onClick: toggle
+          }, null, 2)
+        ])
+      ], 6)
+    ], 8, ["disabled"]));
+  }
+}), GQuickActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9b9dd39b"]]);
+export {
+  GQuickActions as default
+};

package/dist/components/GRadio.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const GRadio_vue_vue_type_script_setup_true_lang=require("../GRadio.vue_vue_type_script_setup_true_lang-DNRTDtF2.cjs");exports.default=GRadio_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/components/GRadio.mjs

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../GRadio.vue_vue_type_script_setup_true_lang-kE-52Aj1.js";
+export {
+  _sfc_main as default
+};

package/dist/components/GSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),textFieldComponent=require("../textFieldComponent-Ct4Z0dFr.cjs"),GDropdown=require("../GDropdown-CmBNk0jK.cjs"),components_GMenu=require("./GMenu.cjs"),components_GIcon=require("./GIcon.cjs"),fieldControl=require("../fieldControl-CIJMnu2j.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1=["id","tabindex","aria-expanded","aria-disabled","aria-invalid"],_sfc_main=vue.defineComponent({__name:"GSelect",props:{items:{},modelValue:{},multiple:{},returnObject:{},closeOnSelect:{type:Boolean},labelKey:{},valueKey:{},itemChildren:{},label:{},color:{},variant:{},backdropBlur:{},borderWidth:{},placeholder:{},prependIcon:{},appendIcon:{},disabled:{type:Boolean},clearable:{type:Boolean},size:{default:"m"},state:{},message:{},rules:{}},emits:["update:modelValue","focus","blur","clear"],setup(__props,{expose:__expose,emit:__emit}){const props=__props,propsRefs=vue.toRefs(props),slots=vue.useSlots(),{id,visibleSlotNames}=textFieldComponent.useTextFieldComponent(slots),emit=__emit,open=vue.ref(!1),{isMultiple,menuItems,getSlotItem,isMenuItemSelected,handleSelect,selectedItems,hasSelection,selectionText}=fieldControl.useSelectController(propsRefs,(e,value)=>emit(e,value)),{$v,onFocus,onBlur,onInputValidation,fieldProps}=fieldControl.useSelectFieldControl({...propsRefs,id,focused:open,hasValue:hasSelection,multiline:!1});function onSelect(item){handleSelect(item,()=>{open.value=!1}),onInputValidation()}function handleFocus(event){onFocus(),emit("focus",event)}function handleBlur(event){onBlur(),emit("blur",event)}function handleClear(){const nextValue=isMultiple.value?[]:null;emit("update:modelValue",nextValue),onInputValidation(),emit("clear")}return __expose({$v}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(GDropdown.GDropdown,{modelValue:open.value,"onUpdate:modelValue":_cache[0]||(_cache[0]=$event=>open.value=$event),"open-on-click":!vue.unref(fieldProps).disabled,"open-on-focus":!1,"close-on-content-click":!1,"activator-full-width":"","same-width":""},{activator:vue.withCtx(({activatorAttrs,activatorRef})=>[vue.createElementVNode("div",vue.mergeProps({ref:activatorRef},activatorAttrs,{class:"g-select__activator"}),[vue.createVNode(textFieldComponent.GFieldBase,vue.mergeProps(vue.unref(fieldProps),{onClear:handleClear}),vue.createSlots({control:vue.withCtx(()=>[vue.createElementVNode("div",{id:vue.unref(id),class:"g-select__control g-field-base__native",role:"combobox",tabindex:vue.unref(fieldProps).disabled?-1:0,"aria-expanded":open.value,"aria-disabled":vue.unref(fieldProps).disabled,"aria-invalid":vue.unref(fieldProps).state==="error"||void 0,onFocus:handleFocus,onBlur:handleBlur},[slots.selection?vue.renderSlot(_ctx.$slots,"selection",{selection:vue.unref(selectionText),selectedItems:vue.unref(selectedItems)},void 0,!0,0):(vue.openBlock(),vue.createElementBlock("span",{key:1,class:vue.normalizeClass({"g-select__placeholder":!vue.unref(hasSelection)})},vue.toDisplayString(vue.unref(hasSelection)?vue.unref(selectionText):props.placeholder??""),3))],40,_hoisted_1)]),append:vue.withCtx(()=>[vue.createVNode(components_GIcon.default,{icon:"chevron-down"})]),_:2},[vue.renderList(vue.unref(visibleSlotNames),slotName=>({name:slotName,fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,slotName,{},void 0,!0)])}))]),1040)],16)]),default:vue.withCtx(()=>[vue.createVNode(components_GMenu.default,{items:vue.unref(menuItems),state:props.state,"is-selected":vue.unref(isMenuItemSelected),onSelect},{item:vue.withCtx(({item,selected})=>[vue.renderSlot(_ctx.$slots,"item",{item:vue.unref(getSlotItem)(item),selected},()=>[vue.createTextVNode(vue.toDisplayString(item.label),1)],!0)]),_:3},8,["items","state","is-selected"])]),_:3},8,["modelValue","open-on-click"]))}}),GSelect=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-c4d12aa5"]]);exports.default=GSelect;

package/dist/components/GSelect.mjs

@@ -0,0 +1,145 @@
+import { defineComponent, toRefs, useSlots, ref, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString, createElementVNode, mergeProps, createSlots, createElementBlock, normalizeClass, renderList } from "vue";
+import { u as useTextFieldComponent, G as GFieldBase } from "../textFieldComponent-gnbYgrX0.js";
+import { G as GDropdown } from "../GDropdown-TVH93Obq.js";
+import GMenu from "./GMenu.mjs";
+import GIcon from "./GIcon.mjs";
+import { u as useSelectController, a as useSelectFieldControl } from "../fieldControl-BgVt1Hh1.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = ["id", "tabindex", "aria-expanded", "aria-disabled", "aria-invalid"], _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GSelect",
+  props: {
+    items: {},
+    modelValue: {},
+    multiple: {},
+    returnObject: {},
+    closeOnSelect: { type: Boolean },
+    labelKey: {},
+    valueKey: {},
+    itemChildren: {},
+    label: {},
+    color: {},
+    variant: {},
+    backdropBlur: {},
+    borderWidth: {},
+    placeholder: {},
+    prependIcon: {},
+    appendIcon: {},
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    size: { default: "m" },
+    state: {},
+    message: {},
+    rules: {}
+  },
+  emits: ["update:modelValue", "focus", "blur", "clear"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props, propsRefs = toRefs(props), slots = useSlots(), { id, visibleSlotNames } = useTextFieldComponent(slots), emit = __emit, open = ref(!1), {
+      isMultiple,
+      menuItems,
+      getSlotItem,
+      isMenuItemSelected,
+      handleSelect,
+      selectedItems,
+      hasSelection,
+      selectionText
+    } = useSelectController(
+      propsRefs,
+      (e, value) => emit(e, value)
+    ), { $v, onFocus, onBlur, onInputValidation, fieldProps } = useSelectFieldControl({
+      ...propsRefs,
+      id,
+      focused: open,
+      hasValue: hasSelection,
+      multiline: !1
+    });
+    function onSelect(item) {
+      handleSelect(item, () => {
+        open.value = !1;
+      }), onInputValidation();
+    }
+    function handleFocus(event) {
+      onFocus(), emit("focus", event);
+    }
+    function handleBlur(event) {
+      onBlur(), emit("blur", event);
+    }
+    function handleClear() {
+      const nextValue = isMultiple.value ? [] : null;
+      emit("update:modelValue", nextValue), onInputValidation(), emit("clear");
+    }
+    return __expose({
+      $v
+    }), (_ctx, _cache) => (openBlock(), createBlock(GDropdown, {
+      modelValue: open.value,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+      "open-on-click": !unref(fieldProps).disabled,
+      "open-on-focus": !1,
+      "close-on-content-click": !1,
+      "activator-full-width": "",
+      "same-width": ""
+    }, {
+      activator: withCtx(({ activatorAttrs, activatorRef }) => [
+        createElementVNode("div", mergeProps({ ref: activatorRef }, activatorAttrs, { class: "g-select__activator" }), [
+          createVNode(GFieldBase, mergeProps(unref(fieldProps), { onClear: handleClear }), createSlots({
+            control: withCtx(() => [
+              createElementVNode("div", {
+                id: unref(id),
+                class: "g-select__control g-field-base__native",
+                role: "combobox",
+                tabindex: unref(fieldProps).disabled ? -1 : 0,
+                "aria-expanded": open.value,
+                "aria-disabled": unref(fieldProps).disabled,
+                "aria-invalid": unref(fieldProps).state === "error" || void 0,
+                onFocus: handleFocus,
+                onBlur: handleBlur
+              }, [
+                slots.selection ? renderSlot(_ctx.$slots, "selection", {
+                  selection: unref(selectionText),
+                  selectedItems: unref(selectedItems)
+                }, void 0, !0, 0) : (openBlock(), createElementBlock("span", {
+                  key: 1,
+                  class: normalizeClass({
+                    "g-select__placeholder": !unref(hasSelection)
+                  })
+                }, toDisplayString(unref(hasSelection) ? unref(selectionText) : props.placeholder ?? ""), 3))
+              ], 40, _hoisted_1)
+            ]),
+            append: withCtx(() => [
+              createVNode(GIcon, { icon: "chevron-down" })
+            ]),
+            _: 2
+          }, [
+            renderList(unref(visibleSlotNames), (slotName) => ({
+              name: slotName,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, slotName, {}, void 0, !0)
+              ])
+            }))
+          ]), 1040)
+        ], 16)
+      ]),
+      default: withCtx(() => [
+        createVNode(GMenu, {
+          items: unref(menuItems),
+          state: props.state,
+          "is-selected": unref(isMenuItemSelected),
+          onSelect
+        }, {
+          item: withCtx(({ item, selected }) => [
+            renderSlot(_ctx.$slots, "item", {
+              item: unref(getSlotItem)(item),
+              selected
+            }, () => [
+              createTextVNode(toDisplayString(item.label), 1)
+            ], !0)
+          ]),
+          _: 3
+        }, 8, ["items", "state", "is-selected"])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "open-on-click"]));
+  }
+}), GSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4d12aa5"]]);
+export {
+  GSelect as default
+};

package/dist/components/GSnackbar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),GTransition_vue_vue_type_script_setup_true_lang=require("../GTransition.vue_vue_type_script_setup_true_lang-CgELPmMA.cjs");require("../GExpandTransition.vue_vue_type_script_setup_true_lang-Ccl2Cemo.cjs");require("../GTransitionGroup.vue_vue_type_script_setup_true_lang-DDh0rXP7.cjs");const GButton_vue_vue_type_style_index_0_lang=require("../GButton.vue_vue_type_style_index_0_lang-tGLnt3_R.cjs"),components_GIcon=require("./GIcon.cjs"),materialSurface=require("../materialSurface-BZWqxSOo.cjs"),components_GGradient=require("./GGradient.cjs"),px=require("../px-CVkec5Jf.cjs"),surface=require("../surface-NFdB950M.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),clientLifecycle=require("../clientLifecycle-DlIZRy4I.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeSnackbarProps=propsFactory.propsFactory({...materialSurface.makeMaterialSurfaceProps({borderRadius:12}),...surface.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}}),_hoisted_1={key:0,class:"g-snackbar__prepend"},_hoisted_2={class:"g-snackbar__main"},_hoisted_3={key:0,class:"g-snackbar__title"},_hoisted_4={key:1,class:"g-snackbar__text"},_hoisted_5={key:1,class:"g-snackbar__actions"},_sfc_main=vue.defineComponent({__name:"GSnackbar",props:makeSnackbarProps(),emits:["update:modelValue","action","close","after-close"],setup(__props,{expose:__expose,emit:__emit}){const props=__props,emit=__emit,slots=vue.useSlots(),timerId=vue.ref(),localOpen=vue.ref(props.defaultOpen),closeReason=vue.ref("manual"),isControlled=vue.computed(()=>props.modelValue!==void 0),isOpen=vue.computed(()=>isControlled.value?props.modelValue===!0:localOpen.value),offset=px.usePx(props.offset),maxWidth=px.usePx(props.maxWidth),{getMorphBlobStyle,morphBlobs,morphEnabled,materialFrameProps,surfaceStyles,surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}=materialSurface.useMaterialSurface(props,"g-snackbar"),resolvedActionLabel=vue.computed(()=>{var _a;return((_a=props.action)==null?void 0:_a.label)??props.actionText}),snackbarFrameStyles=vue.computed(()=>({"--g-snackbar-max-width":maxWidth.value})),layerStyles=vue.computed(()=>({"--g-snackbar-offset":offset.value})),snackbarClasses=vue.computed(()=>[`g-snackbar_${props.variant}`,{"g-snackbar_multiline":props.multiline,[`g-snackbar_texture-${props.texture}`]:props.texture!=="none"}]),layerClasses=vue.computed(()=>[`g-snackbar-layer_position-${props.position}`,`g-snackbar-layer_location-${props.location}`]),transition=vue.computed(()=>props.transition??{name:props.location.startsWith("top")?"slide-y":"slide-y-reverse",appear:!0,duration:240,leaveDuration:180,distance:"16px"});function setOpen(value){isControlled.value||(localOpen.value=value),emit("update:modelValue",value)}function clearTimer(){timerId.value!==void 0&&(window.clearTimeout(timerId.value),timerId.value=void 0)}function startTimer(){clearTimer(),!(!isOpen.value||props.persistent||props.timeout<=0)&&(timerId.value=window.setTimeout(()=>{close("timeout")},props.timeout))}function close(reason="manual"){closeReason.value=reason,clearTimer(),setOpen(!1),emit("close",reason)}function onAction(){var _a,_b;emit("action",(_a=props.action)==null?void 0:_a.value),(((_b=props.action)==null?void 0:_b.closeOnClick)??props.closeOnAction)&&close("action")}function onMouseenter(){props.pauseOnHover&&clearTimer()}function onMouseleave(){props.pauseOnHover&&startTimer()}vue.watch(isOpen,value=>{if(!value){clearTimer();return}startTimer()}),clientLifecycle.onClientMounted(()=>(startTimer(),clearTimer));function onAfterClose(){emit("after-close",closeReason.value)}return __expose({open:()=>setOpen(!0),close}),(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-snackbar-layer",layerClasses.value]),style:vue.normalizeStyle(layerStyles.value)},[vue.createVNode(vue.unref(GTransition_vue_vue_type_script_setup_true_lang._sfc_main),{transition:transition.value,onAfterLeave:onAfterClose},{default:vue.withCtx(()=>[isOpen.value?(vue.openBlock(),vue.createBlock(components_GGradient.default,vue.mergeProps({key:0,class:"g-snackbar__frame"},vue.unref(materialFrameProps),{"inherit-width":!1,style:snackbarFrameStyles.value}),{default:vue.withCtx(()=>[vue.createElementVNode("section",{class:vue.normalizeClass(["g-snackbar",snackbarClasses.value]),style:vue.normalizeStyle(vue.unref(surfaceStyles)),role:"status","aria-live":"polite",onMouseenter,onMouseleave},[vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceUnderlayClasses))},null,2),vue.unref(morphEnabled)?(vue.openBlock(),vue.createElementBlock("span",{key:0,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphClasses)),"aria-hidden":"true"},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(vue.unref(morphBlobs),(blob,index)=>(vue.openBlock(),vue.createElementBlock("span",{key:index,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphBlobClasses)),style:vue.normalizeStyle(vue.unref(getMorphBlobStyle)(blob))},null,6))),128))],2)):vue.createCommentVNode("",!0),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceOverlayClasses))},null,2),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceTextureClasses))},null,2),vue.createElementVNode("div",{class:vue.normalizeClass(["g-snackbar__content",vue.unref(surfaceContentClasses)])},[slots.prepend||props.icon?(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[vue.renderSlot(_ctx.$slots,"prepend",{},()=>[props.icon?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:props.icon,size:"22"},null,8,["icon"])):vue.createCommentVNode("",!0)],!0)])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_2,[slots.title||props.title?(vue.openBlock(),vue.createElementBlock("div",_hoisted_3,[vue.renderSlot(_ctx.$slots,"title",{},()=>[vue.createTextVNode(vue.toDisplayString(props.title),1)],!0)])):vue.createCommentVNode("",!0),slots.default||props.text?(vue.openBlock(),vue.createElementBlock("div",_hoisted_4,[vue.renderSlot(_ctx.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(props.text),1)],!0)])):vue.createCommentVNode("",!0)]),slots.action||resolvedActionLabel.value||props.closeable?(vue.openBlock(),vue.createElementBlock("div",_hoisted_5,[vue.renderSlot(_ctx.$slots,"action",{close:()=>close("action")},()=>[resolvedActionLabel.value?(vue.openBlock(),vue.createBlock(GButton_vue_vue_type_style_index_0_lang._sfc_main,{key:0,variant:"text",size:"s",label:resolvedActionLabel.value,onClick:onAction},null,8,["label"])):vue.createCommentVNode("",!0)],!0),props.closeable?(vue.openBlock(),vue.createElementBlock("button",{key:0,type:"button",class:"g-snackbar__close","aria-label":"Close snackbar",onClick:_cache[0]||(_cache[0]=$event=>close("dismiss"))},[vue.createVNode(components_GIcon.default,{icon:"close",size:"18"})])):vue.createCommentVNode("",!0)])):vue.createCommentVNode("",!0)],2)],38)]),_:3},16,["style"])):vue.createCommentVNode("",!0)]),_:3},8,["transition"])],6))}}),GSnackbar=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-cce75591"]]);exports.default=GSnackbar;