@gradient-ui/core 0.8.0 → 1.0.0

package/dist/components/GDivider.mjs

@@ -0,0 +1,189 @@
+import { defineComponent, useSlots, useAttrs, computed, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, normalizeStyle, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import GIcon from "./GIcon.mjs";
+import { m as makeDensityProps, u as useDensity } from "../density-Ci15Ek7T.js";
+import { u as useResolveGradientValue } from "../colorResolver-BBj51UAZ.js";
+import { m as makeMaterialSurfaceProps, u as useMaterialSurface } from "../materialSurface-DKWanYUC.js";
+import { m as makeTagNameProps, a as useTagName } from "../tagName-D8HI-Yqc.js";
+import { m as makeSurfaceTextureProps } from "../surface-i-1vm2j3.js";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeDividerProps = propsFactory({
+  ...makeMaterialSurfaceProps({
+    borderRadius: 999,
+    borderWidth: void 0,
+    color: "primary",
+    interactive: !1,
+    placement: "center"
+  }),
+  ...makeDensityProps(),
+  ...makeSurfaceTextureProps(),
+  ...makeTagNameProps(),
+  label: String,
+  icon: String,
+  orientation: {
+    type: String,
+    default: "horizontal"
+  },
+  variant: {
+    type: String,
+    default: "tonal"
+  },
+  effect: {
+    type: String,
+    default: "solid"
+  },
+  align: {
+    type: String,
+    default: "center"
+  },
+  thickness: {
+    type: [Number, String],
+    default: 1
+  },
+  length: {
+    type: [Number, String],
+    default: "100%"
+  },
+  inset: {
+    type: [Boolean, Number, String],
+    default: !1
+  },
+  decorative: Boolean
+}), _hoisted_1 = {
+  key: 0,
+  class: "g-divider__content"
+}, _hoisted_2 = {
+  key: 0,
+  class: "g-divider__icon"
+}, _hoisted_3 = { class: "g-divider__label" }, _hoisted_4 = {
+  key: 1,
+  class: "g-divider__append"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "GDivider",
+  props: makeDividerProps(),
+  setup(__props) {
+    const slots = useSlots(), attrs = useAttrs(), props = __props, densityClass = useDensity(props, "g-divider"), { tagName, tagAttrs } = useTagName(props, "div"), toCssLength = (value) => value === !0 ? "var(--g-token-space-6)" : value === !1 || value === void 0 || value === "" ? "0px" : typeof value == "number" ? `${value}px` : /^\d+(\.\d+)?$/.test(value) ? `${value}px` : value, thickness = computed(() => toCssLength(props.thickness)), length = computed(() => toCssLength(props.length)), hasContent = computed(
+      () => !!(slots.default || slots.prepend || slots.append || props.label || props.icon)
+    ), insetValue = computed(() => toCssLength(props.inset)), dividerStyles = computed(() => ({
+      "--g-divider-thickness": thickness.value,
+      "--g-divider-length": length.value,
+      "--g-divider-inset": insetValue.value
+    })), resolvedGradient = useResolveGradientValue(
+      () => props.color ?? props.state
+    ), dividerGradientStyles = computed(() => ({
+      "--g-divider-gradient": resolvedGradient.value
+    })), segmentClasses = computed(() => [
+      "g-divider__segment",
+      `g-divider__segment_${props.variant}`,
+      {
+        [`g-divider__segment_texture-${props.texture}`]: props.texture !== "none"
+      }
+    ]), semanticAttrs = computed(() => props.decorative ? {
+      "aria-hidden": "true"
+    } : {
+      role: "separator",
+      "aria-orientation": props.orientation
+    }), {
+      getMorphBlobStyle,
+      morphBlobs,
+      morphEnabled,
+      surfaceStyles,
+      surfaceMaterialMorphBlobClasses,
+      surfaceMaterialMorphClasses,
+      surfaceOverlayClasses,
+      surfaceUnderlayClasses,
+      surfaceTextureClasses
+    } = useMaterialSurface(props, "g-divider__segment", { kind: "surface" });
+    return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), mergeProps({
+      class: ["g-divider", [
+        unref(densityClass),
+        `g-divider_${props.variant}`,
+        `g-divider_orientation-${props.orientation}`,
+        `g-divider_effect-${props.effect}`,
+        `g-divider_align-${props.align}`,
+        {
+          "g-divider_with-content": hasContent.value,
+          [`g-divider_texture-${props.texture}`]: props.texture !== "none"
+        }
+      ]],
+      style: [unref(surfaceStyles), dividerGradientStyles.value, dividerStyles.value]
+    }, { ...unref(tagAttrs), ...semanticAttrs.value, ...unref(attrs) }), {
+      default: withCtx(() => [
+        createElementVNode("span", {
+          class: normalizeClass([segmentClasses.value, "g-divider__segment_start"]),
+          "aria-hidden": "true"
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(unref(surfaceUnderlayClasses))
+          }, null, 2),
+          unref(morphEnabled) ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(unref(surfaceMaterialMorphClasses)),
+            "aria-hidden": "true"
+          }, [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(morphBlobs), (blob, index) => (openBlock(), createElementBlock("span", {
+              key: index,
+              class: normalizeClass(unref(surfaceMaterialMorphBlobClasses)),
+              style: normalizeStyle(unref(getMorphBlobStyle)(blob))
+            }, null, 6))), 128))
+          ], 2)) : createCommentVNode("", !0),
+          createElementVNode("span", {
+            class: normalizeClass(unref(surfaceOverlayClasses))
+          }, null, 2),
+          createElementVNode("span", {
+            class: normalizeClass(unref(surfaceTextureClasses))
+          }, null, 2)
+        ], 2),
+        hasContent.value ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          slots.prepend || props.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [
+            renderSlot(_ctx.$slots, "prepend", {}, () => [
+              props.icon ? (openBlock(), createBlock(GIcon, {
+                key: 0,
+                icon: props.icon
+              }, null, 8, ["icon"])) : createCommentVNode("", !0)
+            ], !0)
+          ])) : createCommentVNode("", !0),
+          createElementVNode("span", _hoisted_3, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(props.label), 1)
+            ], !0)
+          ]),
+          slots.append ? (openBlock(), createElementBlock("span", _hoisted_4, [
+            renderSlot(_ctx.$slots, "append", {}, void 0, !0)
+          ])) : createCommentVNode("", !0)
+        ])) : createCommentVNode("", !0),
+        hasContent.value ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass([segmentClasses.value, "g-divider__segment_end"]),
+          "aria-hidden": "true"
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(unref(surfaceUnderlayClasses))
+          }, null, 2),
+          unref(morphEnabled) ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(unref(surfaceMaterialMorphClasses)),
+            "aria-hidden": "true"
+          }, [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(morphBlobs), (blob, index) => (openBlock(), createElementBlock("span", {
+              key: `end-${index}`,
+              class: normalizeClass(unref(surfaceMaterialMorphBlobClasses)),
+              style: normalizeStyle(unref(getMorphBlobStyle)(blob))
+            }, null, 6))), 128))
+          ], 2)) : createCommentVNode("", !0),
+          createElementVNode("span", {
+            class: normalizeClass(unref(surfaceOverlayClasses))
+          }, null, 2),
+          createElementVNode("span", {
+            class: normalizeClass(unref(surfaceTextureClasses))
+          }, null, 2)
+        ], 2)) : createCommentVNode("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "style"]));
+  }
+}), GDivider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9ccbe5c6"]]);
+export {
+  GDivider as default
+};

package/dist/components/GDrawer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),GButton_vue_vue_type_style_index_0_lang=require("../GButton.vue_vue_type_style_index_0_lang-tGLnt3_R.cjs"),components_GText=require("./GText.cjs"),components_BaseOverlay=require("../BaseOverlay-DgBWbJbs.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeDrawerProps=propsFactory.propsFactory({...components_BaseOverlay.makeOverlayProps({appendTo:"body",placement:"right",position:"fixed",scrim:!0,lockScroll:!0,transition:{name:"overlay",distance:"24px"}}),placement:{type:String,default:"right"},title:String,text:String,width:{type:[String,Number],default:360},maxWidth:{type:[String,Number],default:"calc(100vw - 32px)"},height:{type:[String,Number],default:360},maxHeight:{type:[String,Number],default:"calc(100vh - 32px)"},scrollable:{type:Boolean,default:!0},hideClose:{type:Boolean,default:!1}}),_hoisted_1=["aria-label"],_hoisted_2={key:0,class:"g-drawer__header"},_hoisted_3={class:"g-drawer__heading"},_hoisted_4={class:"g-drawer__body"},_hoisted_5={key:1,class:"g-drawer__footer"},_hoisted_6={class:"g-drawer__actions"},_sfc_main=vue.defineComponent({__name:"GDrawer",props:makeDrawerProps(),emits:["update:modelValue"],setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,toUnit=(value,fallback)=>value==null||value===""?fallback:typeof value=="number"?`${value}px`:value,isHorizontal=vue.computed(()=>props.placement==="left"||props.placement==="right"),drawerStyle=vue.computed(()=>({width:isHorizontal.value?toUnit(props.width):"100%",maxWidth:isHorizontal.value?toUnit(props.maxWidth):"100%",height:isHorizontal.value?"100%":toUnit(props.height),maxHeight:isHorizontal.value?"100%":toUnit(props.maxHeight)})),drawerClasses=vue.computed(()=>({[`g-drawer_${props.placement}`]:!0,"g-drawer_scrollable":props.scrollable}));return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.unref(components_BaseOverlay.BaseOverlay),vue.mergeProps(props,{"onUpdate:modelValue":_cache[0]||(_cache[0]=$event=>emit("update:modelValue",$event))}),{default:vue.withCtx(({close,dismiss})=>[vue.createElementVNode("aside",{class:vue.normalizeClass(["g-drawer",drawerClasses.value]),style:vue.normalizeStyle(drawerStyle.value),role:"dialog","aria-modal":"true","aria-label":props.title||"Drawer"},[slots.header||slots.title||slots.text||props.title||props.text||!props.hideClose?(vue.openBlock(),vue.createElementBlock("header",_hoisted_2,[vue.createElementVNode("div",_hoisted_3,[vue.renderSlot(_ctx.$slots,"header",{close,dismiss},()=>[slots.title||props.title?(vue.openBlock(),vue.createBlock(components_GText.default,{key:0,type:"h-6",class:"g-drawer__title"},{default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"title",{},()=>[vue.createTextVNode(vue.toDisplayString(props.title),1)],!0)]),_:3})):vue.createCommentVNode("",!0),slots.text||props.text?(vue.openBlock(),vue.createBlock(components_GText.default,{key:1,type:"subtitle-2",class:"g-drawer__text"},{default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"text",{},()=>[vue.createTextVNode(vue.toDisplayString(props.text),1)],!0)]),_:3})):vue.createCommentVNode("",!0)],!0)]),props.hideClose?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createBlock(GButton_vue_vue_type_style_index_0_lang._sfc_main,{key:0,size:"s",variant:"text","icon-button":"close","aria-label":"Close drawer",rounded:"",onClick:dismiss},null,8,["onClick"]))])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_4,[vue.renderSlot(_ctx.$slots,"default",{close,dismiss},void 0,!0)]),slots.footer||slots.actions?(vue.openBlock(),vue.createElementBlock("footer",_hoisted_5,[vue.renderSlot(_ctx.$slots,"footer",{close,dismiss},()=>[vue.createElementVNode("div",_hoisted_6,[vue.renderSlot(_ctx.$slots,"actions",{close,dismiss},void 0,!0)])],!0)])):vue.createCommentVNode("",!0)],14,_hoisted_1)]),_:3},16))}}),GDrawer=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-5e685b0f"]]);exports.default=GDrawer;

package/dist/components/GDrawer.mjs

@@ -0,0 +1,151 @@
+import { defineComponent, useSlots, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "../GButton.vue_vue_type_style_index_0_lang-D9qRus1m.js";
+import GText from "./GText.mjs";
+import { m as makeOverlayProps, B as BaseOverlay } from "../BaseOverlay-DzJ37TCS.js";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeDrawerProps = propsFactory({
+  ...makeOverlayProps({
+    appendTo: "body",
+    placement: "right",
+    position: "fixed",
+    scrim: !0,
+    lockScroll: !0,
+    transition: {
+      name: "overlay",
+      distance: "24px"
+    }
+  }),
+  placement: {
+    type: String,
+    default: "right"
+  },
+  title: String,
+  text: String,
+  width: {
+    type: [String, Number],
+    default: 360
+  },
+  maxWidth: {
+    type: [String, Number],
+    default: "calc(100vw - 32px)"
+  },
+  height: {
+    type: [String, Number],
+    default: 360
+  },
+  maxHeight: {
+    type: [String, Number],
+    default: "calc(100vh - 32px)"
+  },
+  scrollable: {
+    type: Boolean,
+    default: !0
+  },
+  hideClose: {
+    type: Boolean,
+    default: !1
+  }
+}), _hoisted_1 = ["aria-label"], _hoisted_2 = {
+  key: 0,
+  class: "g-drawer__header"
+}, _hoisted_3 = { class: "g-drawer__heading" }, _hoisted_4 = { class: "g-drawer__body" }, _hoisted_5 = {
+  key: 1,
+  class: "g-drawer__footer"
+}, _hoisted_6 = { class: "g-drawer__actions" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GDrawer",
+  props: makeDrawerProps(),
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, toUnit = (value, fallback) => value == null || value === "" ? fallback : typeof value == "number" ? `${value}px` : value, isHorizontal = computed(
+      () => props.placement === "left" || props.placement === "right"
+    ), drawerStyle = computed(() => ({
+      width: isHorizontal.value ? toUnit(props.width) : "100%",
+      maxWidth: isHorizontal.value ? toUnit(props.maxWidth) : "100%",
+      height: isHorizontal.value ? "100%" : toUnit(props.height),
+      maxHeight: isHorizontal.value ? "100%" : toUnit(props.maxHeight)
+    })), drawerClasses = computed(() => ({
+      [`g-drawer_${props.placement}`]: !0,
+      "g-drawer_scrollable": props.scrollable
+    }));
+    return (_ctx, _cache) => (openBlock(), createBlock(unref(BaseOverlay), mergeProps(props, {
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+    }), {
+      default: withCtx(({ close, dismiss }) => [
+        createElementVNode("aside", {
+          class: normalizeClass(["g-drawer", drawerClasses.value]),
+          style: normalizeStyle(drawerStyle.value),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": props.title || "Drawer"
+        }, [
+          slots.header || slots.title || slots.text || props.title || props.text || !props.hideClose ? (openBlock(), createElementBlock("header", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              renderSlot(_ctx.$slots, "header", {
+                close,
+                dismiss
+              }, () => [
+                slots.title || props.title ? (openBlock(), createBlock(GText, {
+                  key: 0,
+                  type: "h-6",
+                  class: "g-drawer__title"
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "title", {}, () => [
+                      createTextVNode(toDisplayString(props.title), 1)
+                    ], !0)
+                  ]),
+                  _: 3
+                })) : createCommentVNode("", !0),
+                slots.text || props.text ? (openBlock(), createBlock(GText, {
+                  key: 1,
+                  type: "subtitle-2",
+                  class: "g-drawer__text"
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "text", {}, () => [
+                      createTextVNode(toDisplayString(props.text), 1)
+                    ], !0)
+                  ]),
+                  _: 3
+                })) : createCommentVNode("", !0)
+              ], !0)
+            ]),
+            props.hideClose ? createCommentVNode("", !0) : (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              size: "s",
+              variant: "text",
+              "icon-button": "close",
+              "aria-label": "Close drawer",
+              rounded: "",
+              onClick: dismiss
+            }, null, 8, ["onClick"]))
+          ])) : createCommentVNode("", !0),
+          createElementVNode("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "default", {
+              close,
+              dismiss
+            }, void 0, !0)
+          ]),
+          slots.footer || slots.actions ? (openBlock(), createElementBlock("footer", _hoisted_5, [
+            renderSlot(_ctx.$slots, "footer", {
+              close,
+              dismiss
+            }, () => [
+              createElementVNode("div", _hoisted_6, [
+                renderSlot(_ctx.$slots, "actions", {
+                  close,
+                  dismiss
+                }, void 0, !0)
+              ])
+            ], !0)
+          ])) : createCommentVNode("", !0)
+        ], 14, _hoisted_1)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), GDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e685b0f"]]);
+export {
+  GDrawer as default
+};

package/dist/components/GDropdownGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeDropdownGroupProps=propsFactory.propsFactory({label:String}),_hoisted_1={class:"g-dropdown-group"},_hoisted_2={key:0,class:"g-dropdown-group__label"},_hoisted_3={class:"g-dropdown-group__items"},_sfc_main=vue.defineComponent({__name:"GDropdownGroup",props:makeDropdownGroupProps(),setup(__props){const props=__props;return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("section",_hoisted_1,[props.label?(vue.openBlock(),vue.createElementBlock("div",_hoisted_2,vue.toDisplayString(props.label),1)):vue.createCommentVNode("",!0),vue.createElementVNode("ul",_hoisted_3,[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)])]))}}),GDropdownGroup=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-00fea55b"]]);exports.default=GDropdownGroup;

package/dist/components/GDropdownGroup.mjs

@@ -0,0 +1,24 @@
+import { defineComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeDropdownGroupProps = propsFactory({
+  label: String
+}), _hoisted_1 = { class: "g-dropdown-group" }, _hoisted_2 = {
+  key: 0,
+  class: "g-dropdown-group__label"
+}, _hoisted_3 = { class: "g-dropdown-group__items" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GDropdownGroup",
+  props: makeDropdownGroupProps(),
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => (openBlock(), createElementBlock("section", _hoisted_1, [
+      props.label ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(props.label), 1)) : createCommentVNode("", !0),
+      createElementVNode("ul", _hoisted_3, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), GDropdownGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00fea55b"]]);
+export {
+  GDropdownGroup as default
+};

package/dist/components/GExpandTransition.cjs

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

package/dist/components/GExpandTransition.mjs

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../GExpandTransition.vue_vue_type_script_setup_true_lang-ztMeJVQO.js";
+export {
+  _sfc_main as default
+};

package/dist/components/GExpansion.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),components_GGradient=require("./GGradient.cjs"),components_GIcon=require("./GIcon.cjs");require("../GTransition.vue_vue_type_script_setup_true_lang-CgELPmMA.cjs");const GExpandTransition_vue_vue_type_script_setup_true_lang=require("../GExpandTransition.vue_vue_type_script_setup_true_lang-Ccl2Cemo.cjs");require("../GTransitionGroup.vue_vue_type_script_setup_true_lang-DDh0rXP7.cjs");const di=require("../di-Czemfti1.cjs"),rounded=require("../rounded-BneJO7vz.cjs"),selected=require("../selected-CEdYQtXH.cjs"),size=require("../size-BSjg5E6f.cjs"),surface=require("../surface-NFdB950M.cjs"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),variant=require("../variant-BvBpmTET.cjs"),createComponentId=require("../createComponentId-CK5eUecc.cjs"),glass=require("../glass-CZEblMo2.cjs"),surfaceMaterial=require("../surfaceMaterial-JpbVongH.cjs"),color=require("../color-8SkPDCIp.cjs"),disabled=require("../disabled-B_bAKgaM.cjs"),transition=require("../transition-BPMUkgHY.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),materialSurface=require("../materialSurface-BZWqxSOo.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeExpansionProps=propsFactory.propsFactory({...disabled.makeDisabledProps(),...rounded.makeRoundedProps(),...size.makeSizeProps(),...variant.makeVariantProps(),...color.makeColorProps(),...surface.makeSurfaceTextureProps(),...materialSurface.makeMaterialSurfaceProps(),...transition.makeTransitionProps(),title:String,text:String,modelValue:{type:Boolean,default:void 0},defaultOpen:Boolean,value:{type:[String,Number,Boolean,Object,Array],default:void 0},readonly:Boolean,hideActions:Boolean,openedIcon:String,closedIcon:String,eager:Boolean,borderWidth:[Number,String],glow:[Boolean,Number,String],animateGlow:Boolean,shadow:Boolean,state:String,placement:String,activeBorderWidth:[Number,String],activeGlow:{type:[Boolean,Number,String],default:void 0},activeAnimateGlow:{type:Boolean,default:void 0},activeShadow:{type:Boolean,default:void 0},activeState:{type:String,default:void 0},activePlacement:{type:String,default:void 0}}),_hoisted_1=["id","aria-controls","aria-expanded","disabled"],_hoisted_2={class:"g-expansion__heading"},_hoisted_3={key:0,class:"g-expansion__title"},_hoisted_4={key:1,class:"g-expansion__text"},_hoisted_5=["id","aria-labelledby"],_hoisted_6={class:"g-expansion__content"},_sfc_main=vue.defineComponent({__name:"GExpansion",props:makeExpansionProps({disabled:!1,rounded:!1,size:"m",defaultOpen:!1,readonly:!1,hideActions:!1,openedIcon:"chevron-down",closedIcon:"chevron-down",eager:!1,borderWidth:void 0,glow:!1,animateGlow:!1,shadow:!1,placement:"center",variant:"text",color:void 0,activeBorderWidth:void 0,activeGlow:void 0,activeAnimateGlow:void 0,activeShadow:void 0,activeState:void 0,activePlacement:void 0,transition:"expand"}),emits:["update:modelValue","click"],setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,group=di.useExpansionGroupInject(),isInGroup=vue.computed(()=>group!==null&&props.value!==void 0),standaloneExpanded=vue.ref(props.defaultOpen),isControlled=vue.computed(()=>!isInGroup.value&&props.modelValue!==void 0),expanded=vue.computed(()=>isInGroup.value?group.isSelected(props.value):isControlled.value?props.modelValue===!0:standaloneExpanded.value),resolvedDisabled=vue.computed(()=>props.disabled||(isInGroup.value&&group?group.disabled:!1)),resolvedReadonly=vue.computed(()=>props.readonly||(isInGroup.value&&group?group.readonly:!1)),contentMounted=vue.ref(props.eager||expanded.value),shouldRenderContent=vue.computed(()=>props.eager||contentMounted.value),sizeClass=size.useSize(props,"g-expansion"),variantClass=variant.useVariant(props,"g-expansion"),disabledClass=vue.computed(()=>resolvedDisabled.value?"g-expansion_disabled":""),roundedClass=rounded.useRounded(props,"g-expansion"),selectedClass=selected.useSelected({selected:()=>expanded.value},"g-expansion"),{surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}=surface.useSurfaceLayers("g-expansion"),expansionColor=vue.computed(()=>props.color!==void 0?props.color:props.variant==="text"?"on-surface":void 0),{resolvedColor,resolvedState,colorStyles}=surfaceColor.useSurfaceColor({color:()=>expansionColor.value,state:()=>props.state,active:()=>expanded.value,activeState:()=>props.activeState}),{glassStyles}=glass.useGlass(props),hasMaterialSurface=vue.computed(()=>props.variant==="gradient"),{getMorphBlobStyle,materialStyles,morphBlobs,morphEnabled}=surfaceMaterial.useSurfaceMaterial(props,{baseClass:"g-expansion",color:resolvedColor,state:resolvedState,kind:"surface",variant:()=>props.variant}),stateClass=vue.computed(()=>resolvedState.value?`g-expansion_state-${resolvedState.value}`:""),gradientBorderRadius=vue.computed(()=>props.borderRadius??(props.rounded?20:10)),headerId=createComponentId.createComponentId("g-expansion-header"),contentId=createComponentId.createComponentId("g-expansion-content"),resolvedGradientBorderWidth=vue.computed(()=>(expanded.value&&props.activeBorderWidth!==void 0?props.activeBorderWidth:props.borderWidth)??(props.variant==="outlined"||props.variant==="glass"||resolvedGradientGlow.value||resolvedGradientAnimateGlow.value?1:0)),resolvedGradientGlow=vue.computed(()=>expanded.value&&props.activeGlow!==void 0?props.activeGlow:props.glow),resolvedGradientAnimateGlow=vue.computed(()=>expanded.value&&props.activeAnimateGlow!==void 0?props.activeAnimateGlow:props.animateGlow),resolvedGradientPlacement=vue.computed(()=>expanded.value&&props.activePlacement!==void 0?props.activePlacement:props.placement),hasSurfaceUnderlay=vue.computed(()=>!!(props.variant==="default"||props.variant==="tonal"||hasMaterialSurface.value)),hasSurfaceOverlay=vue.computed(()=>!resolvedDisabled.value&&!resolvedReadonly.value),hasSurfaceTexture=vue.computed(()=>props.texture!==void 0&&props.texture!=="none"),actionIcon=vue.computed(()=>expanded.value?props.openedIcon:props.closedIcon),hasBorderValue=borderWidth=>borderWidth!=null&&borderWidth!==""&&borderWidth!==0&&borderWidth!=="0",hasGradientHost=vue.computed(()=>!!(hasBorderValue(props.borderWidth)||hasBorderValue(props.activeBorderWidth)||props.variant==="outlined"||props.variant==="glass"||props.glow||props.activeGlow!==void 0||props.shadow||props.activeShadow!==void 0||props.animateGlow||props.activeAnimateGlow!==void 0)),gradientSurfaceProps=vue.computed(()=>hasGradientHost.value?{active:expanded.value,disabled:resolvedDisabled.value,rounded:props.rounded,borderWidth:resolvedGradientBorderWidth.value,borderRadius:gradientBorderRadius.value,glow:resolvedGradientGlow.value,animateGlow:resolvedGradientAnimateGlow.value,shadow:!1,color:resolvedColor.value,state:resolvedState.value,placement:resolvedGradientPlacement.value,gradientRecipe:props.gradientRecipe,inheritWidth:!0,surfaceFill:"transparent"}:{}),slotProps=vue.computed(()=>({expanded:expanded.value,disabled:resolvedDisabled.value,readonly:resolvedReadonly.value,value:props.value,toggle}));function toggle(){if(resolvedDisabled.value||resolvedReadonly.value)return;if(isInGroup.value){group.toggle(props.value);return}const nextValue=!expanded.value;isControlled.value||(standaloneExpanded.value=nextValue),emit("update:modelValue",nextValue)}function onHeaderClick(event){toggle(),emit("click",event)}function onContentAfterLeave(){props.eager||(contentMounted.value=!1)}return vue.watch(expanded,value=>{value&&(contentMounted.value=!0)},{immediate:!0}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(hasGradientHost.value?components_GGradient.default:"div"),vue.mergeProps({class:"g-expansion__surface"},gradientSurfaceProps.value),{default:vue.withCtx(()=>[vue.createElementVNode("article",{class:vue.normalizeClass(["g-expansion",[vue.unref(sizeClass),vue.unref(variantClass),stateClass.value,disabledClass.value,vue.unref(roundedClass),vue.unref(selectedClass),{"g-expansion_has-gradient":hasGradientHost.value,[`g-expansion_texture-${props.texture}`]:props.texture!=="none"}]]),style:vue.normalizeStyle([vue.unref(colorStyles),vue.unref(materialStyles),vue.unref(glassStyles)])},[hasSurfaceUnderlay.value?(vue.openBlock(),vue.createElementBlock("div",{key:0,class:vue.normalizeClass(vue.unref(surfaceUnderlayClasses))},null,2)):vue.createCommentVNode("",!0),vue.unref(morphEnabled)?(vue.openBlock(),vue.createElementBlock("div",{key:1,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("div",{key:index,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphBlobClasses)),style:vue.normalizeStyle(vue.unref(getMorphBlobStyle)(blob))},null,6))),128))],2)):vue.createCommentVNode("",!0),hasSurfaceOverlay.value?(vue.openBlock(),vue.createElementBlock("div",{key:2,class:vue.normalizeClass(vue.unref(surfaceOverlayClasses))},null,2)):vue.createCommentVNode("",!0),hasSurfaceTexture.value?(vue.openBlock(),vue.createElementBlock("div",{key:3,class:vue.normalizeClass(vue.unref(surfaceTextureClasses))},null,2)):vue.createCommentVNode("",!0),vue.createElementVNode("div",{class:vue.normalizeClass(["g-expansion__surface-content",vue.unref(surfaceContentClasses)])},[vue.createElementVNode("button",{id:vue.unref(headerId),"aria-controls":vue.unref(contentId),"aria-expanded":expanded.value,disabled:resolvedDisabled.value,class:"g-expansion__header",type:"button",onClick:onHeaderClick},[vue.createElementVNode("span",_hoisted_2,[slots.title||props.title?(vue.openBlock(),vue.createElementBlock("span",_hoisted_3,[vue.renderSlot(_ctx.$slots,"title",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createTextVNode(vue.toDisplayString(props.title),1)],!0)])):vue.createCommentVNode("",!0),slots.text||props.text?(vue.openBlock(),vue.createElementBlock("span",_hoisted_4,[vue.renderSlot(_ctx.$slots,"text",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createTextVNode(vue.toDisplayString(props.text),1)],!0)])):vue.createCommentVNode("",!0)]),props.hideActions?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createElementBlock("span",{key:0,class:vue.normalizeClass(["g-expansion__actions",{"g-expansion__actions_expanded":expanded.value}])},[vue.renderSlot(_ctx.$slots,"actions",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createVNode(components_GIcon.default,{icon:actionIcon.value},null,8,["icon"])],!0)],2))],8,_hoisted_1),vue.createVNode(vue.unref(GExpandTransition_vue_vue_type_script_setup_true_lang._sfc_main),{transition:props.transition,duration:240,onAfterLeave:onContentAfterLeave},{default:vue.withCtx(()=>[shouldRenderContent.value?vue.withDirectives((vue.openBlock(),vue.createElementBlock("div",{key:0,id:vue.unref(contentId),"aria-labelledby":vue.unref(headerId),class:"g-expansion__body",role:"region"},[vue.createElementVNode("div",_hoisted_6,[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)])],8,_hoisted_5)),[[vue.vShow,expanded.value]]):vue.createCommentVNode("",!0)]),_:3},8,["transition"])],2)],6)]),_:3},16))}}),GExpansion=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-2e4efc51"]]);exports.default=GExpansion;