@gradient-ui/core 0.8.0 → 2.0.0

package/dist/GCheckIndicator-yvipPkWi.js

@@ -0,0 +1,264 @@
+import { ref, computed, defineComponent, useSlots, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx } from "vue";
+import { d as isClientHTMLElement } from "./environment-o0e-UUbv.js";
+import { m as makeColorProps } from "./color-WJmhRKJ_.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { u as useDisabled } from "./disabled-CAV056h6.js";
+import { u as useSelected } from "./selected-DPdzuMh_.js";
+import { u as useSize } from "./size-C-WH-uPa.js";
+import { u as useState } from "./state-zMDQLwyB.js";
+import { u as useSurfaceColor } from "./surfaceColor-Cic675ry.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-B--vMWp3.js";
+import GIcon from "./components/GIcon.mjs";
+import GSquircle from "./components/GSquircle.mjs";
+function useCheckGroupFocus(options) {
+  const isFocusedWithin = ref(!1), isPointerDownWithin = ref(!1);
+  function handleGroupFocusIn(event) {
+    var _a, _b;
+    isPointerDownWithin.value = !1, isFocusedWithin.value || (isFocusedWithin.value = !0, options.onFocusWithin()), (_b = (_a = options.emitters) == null ? void 0 : _a.focus) == null || _b.call(_a, event);
+  }
+  function handleGroupFocusOut(event) {
+    var _a, _b;
+    const currentTarget = event.currentTarget, relatedTarget = event.relatedTarget;
+    isPointerDownWithin.value || isClientHTMLElement(currentTarget) && relatedTarget instanceof Node && currentTarget.contains(relatedTarget) || (isFocusedWithin.value && (isFocusedWithin.value = !1, options.onBlurWithin()), (_b = (_a = options.emitters) == null ? void 0 : _a.blur) == null || _b.call(_a, event));
+  }
+  function handlePointerDown() {
+    isPointerDownWithin.value = !0;
+  }
+  function handlePointerEnd() {
+    isPointerDownWithin.value = !1;
+  }
+  return {
+    isFocusedWithin,
+    handleGroupFocusIn,
+    handleGroupFocusOut,
+    handlePointerDown,
+    handlePointerEnd
+  };
+}
+const useCheckFocusWithin = useCheckGroupFocus, makeCheckFieldProps = propsFactory({
+  ...makeColorProps(),
+  id: String,
+  name: String,
+  label: String,
+  disabled: Boolean,
+  size: {
+    type: String,
+    default: "m"
+  },
+  state: String,
+  indicatorView: {
+    type: String,
+    default: "default"
+  },
+  message: String,
+  inline: Boolean
+}), makeCheckGroupVisualProps = propsFactory({
+  ...makeColorProps(),
+  label: String,
+  message: String,
+  disabled: Boolean,
+  size: {
+    type: String,
+    default: "m"
+  },
+  state: String,
+  indicatorView: {
+    type: String,
+    default: "default"
+  },
+  vertical: Boolean,
+  focused: Boolean
+}), makeCheckControlBaseProps = propsFactory({
+  ...makeCheckFieldProps({
+    disabled: !1,
+    size: "m",
+    inline: !1
+  }),
+  inputType: {
+    type: String,
+    required: !0
+  },
+  checked: Boolean,
+  focused: Boolean
+}), makeCheckGroupBaseProps = propsFactory({
+  ...makeCheckGroupVisualProps({
+    disabled: !1,
+    size: "m",
+    vertical: !1,
+    focused: !1
+  })
+});
+function makeCheckBooleanControlProps() {
+  return propsFactory({
+    ...makeCheckFieldProps({
+      disabled: !1,
+      size: "m",
+      inline: !1
+    }),
+    rules: {
+      type: Array,
+      default: () => []
+    }
+  })();
+}
+function useFocused(props, base) {
+  return computed(() => props.focused ? `${base}_focused` : "");
+}
+const _hoisted_1$1 = ["data-g-validation-error", "aria-invalid"], _hoisted_2$1 = ["id", "name", "type", "checked", "disabled"], _hoisted_3$1 = ["for"], _hoisted_4$1 = { class: "g-check-control__indicator" }, _hoisted_5$1 = {
+  key: 0,
+  class: "g-check-control__content"
+}, _hoisted_6 = {
+  key: 0,
+  class: "g-check-control__label"
+}, _hoisted_7 = {
+  key: 1,
+  class: "g-check-control__message"
+}, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "GCheckControl",
+  props: makeCheckControlBaseProps(),
+  emits: ["change", "focus", "blur", "focusin", "focusout", "pointerdown", "pointerup", "pointercancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, hasTextContent = computed(
+      () => !!props.label || !!slots.default
+    ), hasMessage = computed(
+      () => !!props.message || !!slots.message
+    ), sizeClass = useSize(props, "g-check-control"), disabledClass = useDisabled(props, "g-check-control"), focusedClass = useFocused(props, "g-check-control"), stateClass = useState(props, "g-check-control"), { colorStyles } = useSurfaceColor(props), checkedClass = useSelected(
+      { selected: () => props.checked },
+      "g-check-control"
+    );
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["g-check-control", [
+        unref(sizeClass),
+        unref(disabledClass),
+        unref(focusedClass),
+        unref(stateClass),
+        unref(checkedClass),
+        {
+          "g-check-control_inline": props.inline
+        }
+      ]]),
+      "data-g-validation-error": props.state === "error" ? "true" : void 0,
+      "aria-invalid": props.state === "error" || void 0,
+      style: normalizeStyle(unref(colorStyles)),
+      onFocusin: _cache[3] || (_cache[3] = ($event) => emit("focusin", $event)),
+      onFocusout: _cache[4] || (_cache[4] = ($event) => emit("focusout", $event)),
+      onPointerdown: _cache[5] || (_cache[5] = ($event) => emit("pointerdown", $event)),
+      onPointerup: _cache[6] || (_cache[6] = ($event) => emit("pointerup", $event)),
+      onPointercancel: _cache[7] || (_cache[7] = ($event) => emit("pointercancel", $event))
+    }, [
+      createElementVNode("input", {
+        id: props.id,
+        name: props.name,
+        type: props.inputType,
+        checked: props.checked,
+        disabled: props.disabled,
+        class: "g-check-control__native",
+        onChange: _cache[0] || (_cache[0] = ($event) => emit("change", $event)),
+        onFocus: _cache[1] || (_cache[1] = ($event) => emit("focus", $event)),
+        onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur", $event))
+      }, null, 40, _hoisted_2$1),
+      createElementVNode("label", {
+        for: props.id,
+        class: "g-check-control__body"
+      }, [
+        createElementVNode("span", _hoisted_4$1, [
+          renderSlot(_ctx.$slots, "indicator", {}, void 0, !0)
+        ]),
+        hasTextContent.value || hasMessage.value ? (openBlock(), createElementBlock("span", _hoisted_5$1, [
+          hasTextContent.value ? (openBlock(), createElementBlock("span", _hoisted_6, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(props.label), 1)
+            ], !0)
+          ])) : createCommentVNode("", !0),
+          hasMessage.value ? (openBlock(), createElementBlock("span", _hoisted_7, [
+            renderSlot(_ctx.$slots, "message", {}, () => [
+              createTextVNode(toDisplayString(props.message), 1)
+            ], !0)
+          ])) : createCommentVNode("", !0)
+        ])) : createCommentVNode("", !0)
+      ], 8, _hoisted_3$1)
+    ], 46, _hoisted_1$1));
+  }
+}), GCheckControl = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a3c045c0"]]), _hoisted_1 = {
+  key: 0,
+  class: "g-check-indicator__switch-track"
+}, _hoisted_2 = {
+  key: 1,
+  class: "g-check-indicator__radio-dot"
+}, _hoisted_3 = {
+  key: 2,
+  class: "g-check-indicator__shape"
+}, _hoisted_4 = { class: "g-check-indicator__shape-content" }, _hoisted_5 = {
+  key: 1,
+  class: "g-check-indicator__radio-dot"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GCheckIndicator",
+  props: {
+    kind: {},
+    view: { default: "default" },
+    checked: { type: Boolean, default: !1 },
+    color: {},
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "m" },
+    state: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props, { resolvedColor, resolvedState, colorStyles } = useSurfaceColor(props), squircleSize = computed(() => ({
+      s: 18,
+      m: 22,
+      l: 26,
+      xl: 30
+    })[props.size]);
+    return (_ctx, _cache) => (openBlock(), createElementBlock("span", {
+      class: normalizeClass(["g-check-indicator", {
+        [`g-check-indicator_${props.kind}`]: !0,
+        [`g-check-indicator_${props.size}`]: !0,
+        [`g-check-indicator_view-${props.view}`]: !0,
+        "g-check-indicator_checked": props.checked,
+        "g-check-indicator_disabled": props.disabled,
+        [`g-check-indicator_${props.state}`]: !!props.state
+      }]),
+      style: normalizeStyle(unref(colorStyles))
+    }, [
+      props.kind === "switch" ? (openBlock(), createElementBlock("span", _hoisted_1, [..._cache[0] || (_cache[0] = [
+        createElementVNode("span", { class: "g-check-indicator__switch-thumb" }, null, -1)
+      ])])) : props.view === "squircle" ? (openBlock(), createBlock(GSquircle, {
+        key: 1,
+        class: "g-check-indicator__squircle",
+        size: squircleSize.value,
+        color: unref(resolvedColor),
+        state: unref(resolvedState),
+        variant: props.checked ? "primary" : "tonal",
+        shadow: !1,
+        border: props.checked ? 0 : 1,
+        "border-color": "var(--g-check-indicator-shape-border)"
+      }, {
+        default: withCtx(() => [
+          props.kind === "checkbox" && props.checked ? (openBlock(), createBlock(GIcon, {
+            key: 0,
+            icon: "check",
+            size: "14"
+          })) : props.kind === "radio" ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", !0)
+        ]),
+        _: 1
+      }, 8, ["size", "color", "state", "variant", "border"])) : (openBlock(), createElementBlock("span", _hoisted_3, [
+        createElementVNode("span", _hoisted_4, [
+          props.kind === "checkbox" && props.checked ? (openBlock(), createBlock(GIcon, {
+            key: 0,
+            icon: "check",
+            size: "14"
+          })) : props.kind === "radio" ? (openBlock(), createElementBlock("span", _hoisted_5)) : createCommentVNode("", !0)
+        ])
+      ]))
+    ], 6));
+  }
+}), GCheckIndicator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2de2eef"]]);
+export {
+  GCheckControl as G,
+  GCheckIndicator as a,
+  useCheckGroupFocus as b,
+  useFocused as c,
+  makeCheckGroupBaseProps as d,
+  makeCheckBooleanControlProps as m,
+  useCheckFocusWithin as u
+};

package/dist/GCheckbox.vue_vue_type_script_setup_true_lang-BrQE29bm.js

@@ -0,0 +1,68 @@
+import { defineComponent, useModel, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot, mergeModels } from "vue";
+import { u as useCheckBooleanControl } from "./booleanControl-BrOrGYvg.js";
+import { G as GCheckControl, a as GCheckIndicator, m as makeCheckBooleanControlProps } from "./GCheckIndicator-yvipPkWi.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GCheckbox",
+  props: /* @__PURE__ */ mergeModels(makeCheckBooleanControlProps(), {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props, emit = __emit, modelValue = useModel(__props, "modelValue"), {
+      controlProps,
+      indicatorProps,
+      handleChange,
+      handleGroupFocusIn,
+      handleGroupFocusOut,
+      handlePointerDown,
+      handlePointerEnd,
+      $v
+    } = useCheckBooleanControl(
+      props,
+      modelValue,
+      {
+        change: (value, event) => emit("change", value, event),
+        focus: (event) => emit("focus", event),
+        blur: (event) => emit("blur", event)
+      },
+      {
+        idPrefix: "g-checkbox",
+        indicatorKind: "checkbox"
+      }
+    );
+    return __expose({
+      $v
+    }), (_ctx, _cache) => (openBlock(), createBlock(unref(GCheckControl), mergeProps(unref(controlProps), {
+      onChange: unref(handleChange),
+      onFocusin: unref(handleGroupFocusIn),
+      onFocusout: unref(handleGroupFocusOut),
+      onPointerdown: unref(handlePointerDown),
+      onPointerup: unref(handlePointerEnd),
+      onPointercancel: unref(handlePointerEnd)
+    }), createSlots({
+      indicator: withCtx(() => [
+        createVNode(unref(GCheckIndicator), normalizeProps(guardReactiveProps(unref(indicatorProps))), null, 16)
+      ]),
+      _: 2
+    }, [
+      _ctx.$slots.default ? {
+        name: "default",
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0,
+      _ctx.$slots.message ? {
+        name: "message",
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, "message")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040, ["onChange", "onFocusin", "onFocusout", "onPointerdown", "onPointerup", "onPointercancel"]));
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/GCheckbox.vue_vue_type_script_setup_true_lang-hjvutORC.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),booleanControl=require("./booleanControl-uPXEckMZ.cjs"),GCheckIndicator=require("./GCheckIndicator-C-adGOcb.cjs"),_sfc_main=vue.defineComponent({__name:"GCheckbox",props:vue.mergeModels(GCheckIndicator.makeCheckBooleanControlProps(),{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:vue.mergeModels(["change","focus","blur"],["update:modelValue"]),setup(__props,{expose:__expose,emit:__emit}){const props=__props,emit=__emit,modelValue=vue.useModel(__props,"modelValue"),{controlProps,indicatorProps,handleChange,handleGroupFocusIn,handleGroupFocusOut,handlePointerDown,handlePointerEnd,$v}=booleanControl.useCheckBooleanControl(props,modelValue,{change:(value,event)=>emit("change",value,event),focus:event=>emit("focus",event),blur:event=>emit("blur",event)},{idPrefix:"g-checkbox",indicatorKind:"checkbox"});return __expose({$v}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.unref(GCheckIndicator.GCheckControl),vue.mergeProps(vue.unref(controlProps),{onChange:vue.unref(handleChange),onFocusin:vue.unref(handleGroupFocusIn),onFocusout:vue.unref(handleGroupFocusOut),onPointerdown:vue.unref(handlePointerDown),onPointerup:vue.unref(handlePointerEnd),onPointercancel:vue.unref(handlePointerEnd)}),vue.createSlots({indicator:vue.withCtx(()=>[vue.createVNode(vue.unref(GCheckIndicator.GCheckIndicator),vue.normalizeProps(vue.guardReactiveProps(vue.unref(indicatorProps))),null,16)]),_:2},[_ctx.$slots.default?{name:"default",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"default")]),key:"0"}:void 0,_ctx.$slots.message?{name:"message",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"message")]),key:"1"}:void 0]),1040,["onChange","onFocusin","onFocusout","onPointerdown","onPointerup","onPointercancel"]))}});exports._sfc_main=_sfc_main;

package/dist/GCheckboxGroup.vue_vue_type_script_setup_true_lang-ChPcOQYQ.js

@@ -0,0 +1,143 @@
+import { defineComponent, useSlots, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementBlock, Fragment, renderList, createVNode, renderSlot } from "vue";
+import { u as useCheckOptionGroup, G as GCheckGroup } from "./GCheckGroup-DDkxtEj2.js";
+import { c as createComponentId } from "./createComponentId-CrqdDHC3.js";
+import { G as GCheckControl, a as GCheckIndicator } from "./GCheckIndicator-yvipPkWi.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GCheckboxGroup",
+  props: {
+    modelValue: {},
+    options: {},
+    name: { default: void 0 },
+    labelKey: { type: [String, Number, Function], default: void 0 },
+    valueKey: { type: [String, Number, Function], default: void 0 },
+    returnObject: {},
+    indicatorView: { default: "default" },
+    valueComparator: { type: Function, default: void 0 },
+    vertical: { type: Boolean, default: !1 },
+    rules: { default: () => [] },
+    id: { default: void 0 },
+    label: { default: void 0 },
+    color: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "m" },
+    state: { default: void 0 },
+    message: { default: void 0 },
+    inline: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, itemIdPrefix = createComponentId("g-checkbox-group-item"), {
+      groupName,
+      groupProps,
+      disabled,
+      items,
+      isItemSelected,
+      getNextItemValue,
+      selectItem,
+      handleGroupFocusIn,
+      handleGroupFocusOut,
+      handlePointerDown,
+      handlePointerEnd,
+      $v
+    } = useCheckOptionGroup(
+      props,
+      {
+        updateModelValue: (value) => emit("update:modelValue", value),
+        focus: (event) => emit("focus", event),
+        blur: (event) => emit("blur", event)
+      },
+      {
+        multiple: !0,
+        namePrefix: "g-checkbox-group"
+      }
+    ), itemIds = computed(
+      () => items.value.map((_item, index) => `${itemIdPrefix}-${index}`)
+    );
+    function getItemProps(item, index) {
+      return {
+        id: itemIds.value[index],
+        inputType: "checkbox",
+        name: groupName.value,
+        label: item.label,
+        disabled: disabled.value || item.disabled,
+        size: props.size,
+        color: props.color,
+        state: props.state,
+        indicatorView: props.indicatorView,
+        inline: !props.vertical,
+        checked: isItemSelected(item)
+      };
+    }
+    function getIndicatorProps(item) {
+      return {
+        kind: "checkbox",
+        checked: isItemSelected(item),
+        disabled: disabled.value || item.disabled,
+        size: props.size,
+        color: props.color,
+        state: props.state,
+        view: props.indicatorView
+      };
+    }
+    function handleChange(item, event) {
+      const nextValue = getNextItemValue(item);
+      selectItem(item), nextValue !== void 0 && emit("change", nextValue, event);
+    }
+    function getSlotItem(item) {
+      return item.raw;
+    }
+    return __expose({
+      $v
+    }), (_ctx, _cache) => (openBlock(), createBlock(unref(GCheckGroup), mergeProps(unref(groupProps), {
+      onFocusin: unref(handleGroupFocusIn),
+      onFocusout: unref(handleGroupFocusOut),
+      onPointerdown: unref(handlePointerDown),
+      onPointerup: unref(handlePointerEnd),
+      onPointercancel: unref(handlePointerEnd)
+    }), createSlots({
+      default: withCtx(() => [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => (openBlock(), createBlock(unref(GCheckControl), mergeProps({
+          key: index,
+          ref_for: !0
+        }, getItemProps(item, index), {
+          onChange: ($event) => handleChange(item, $event)
+        }), createSlots({
+          indicator: withCtx(() => [
+            createVNode(unref(GCheckIndicator), mergeProps({ ref_for: !0 }, getIndicatorProps(item)), null, 16)
+          ]),
+          _: 2
+        }, [
+          slots.item ? {
+            name: "default",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "item", {
+                item: getSlotItem(item),
+                checked: unref(isItemSelected)(item)
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["onChange"]))), 128))
+      ]),
+      _: 2
+    }, [
+      slots.label ? {
+        name: "label",
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, "label")
+        ]),
+        key: "0"
+      } : void 0,
+      slots.message ? {
+        name: "message",
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, "message")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040, ["onFocusin", "onFocusout", "onPointerdown", "onPointerup", "onPointercancel"]));
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/GCheckboxGroup.vue_vue_type_script_setup_true_lang-CjPc-fNv.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),GCheckGroup=require("./GCheckGroup-B3gZ9p6e.cjs"),createComponentId=require("./createComponentId-CK5eUecc.cjs"),GCheckIndicator=require("./GCheckIndicator-C-adGOcb.cjs"),_sfc_main=vue.defineComponent({__name:"GCheckboxGroup",props:{modelValue:{},options:{},name:{default:void 0},labelKey:{type:[String,Number,Function],default:void 0},valueKey:{type:[String,Number,Function],default:void 0},returnObject:{},indicatorView:{default:"default"},valueComparator:{type:Function,default:void 0},vertical:{type:Boolean,default:!1},rules:{default:()=>[]},id:{default:void 0},label:{default:void 0},color:{default:"primary"},disabled:{type:Boolean,default:!1},size:{default:"m"},state:{default:void 0},message:{default:void 0},inline:{type:Boolean,default:!1}},emits:["update:modelValue","change","focus","blur"],setup(__props,{expose:__expose,emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,itemIdPrefix=createComponentId.createComponentId("g-checkbox-group-item"),{groupName,groupProps,disabled,items,isItemSelected,getNextItemValue,selectItem,handleGroupFocusIn,handleGroupFocusOut,handlePointerDown,handlePointerEnd,$v}=GCheckGroup.useCheckOptionGroup(props,{updateModelValue:value=>emit("update:modelValue",value),focus:event=>emit("focus",event),blur:event=>emit("blur",event)},{multiple:!0,namePrefix:"g-checkbox-group"}),itemIds=vue.computed(()=>items.value.map((_item,index)=>`${itemIdPrefix}-${index}`));function getItemProps(item,index){return{id:itemIds.value[index],inputType:"checkbox",name:groupName.value,label:item.label,disabled:disabled.value||item.disabled,size:props.size,color:props.color,state:props.state,indicatorView:props.indicatorView,inline:!props.vertical,checked:isItemSelected(item)}}function getIndicatorProps(item){return{kind:"checkbox",checked:isItemSelected(item),disabled:disabled.value||item.disabled,size:props.size,color:props.color,state:props.state,view:props.indicatorView}}function handleChange(item,event){const nextValue=getNextItemValue(item);selectItem(item),nextValue!==void 0&&emit("change",nextValue,event)}function getSlotItem(item){return item.raw}return __expose({$v}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.unref(GCheckGroup.GCheckGroup),vue.mergeProps(vue.unref(groupProps),{onFocusin:vue.unref(handleGroupFocusIn),onFocusout:vue.unref(handleGroupFocusOut),onPointerdown:vue.unref(handlePointerDown),onPointerup:vue.unref(handlePointerEnd),onPointercancel:vue.unref(handlePointerEnd)}),vue.createSlots({default:vue.withCtx(()=>[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(vue.unref(items),(item,index)=>(vue.openBlock(),vue.createBlock(vue.unref(GCheckIndicator.GCheckControl),vue.mergeProps({key:index,ref_for:!0},getItemProps(item,index),{onChange:$event=>handleChange(item,$event)}),vue.createSlots({indicator:vue.withCtx(()=>[vue.createVNode(vue.unref(GCheckIndicator.GCheckIndicator),vue.mergeProps({ref_for:!0},getIndicatorProps(item)),null,16)]),_:2},[slots.item?{name:"default",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"item",{item:getSlotItem(item),checked:vue.unref(isItemSelected)(item)})]),key:"0"}:void 0]),1040,["onChange"]))),128))]),_:2},[slots.label?{name:"label",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"label")]),key:"0"}:void 0,slots.message?{name:"message",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"message")]),key:"1"}:void 0]),1040,["onFocusin","onFocusout","onPointerdown","onPointerup","onPointercancel"]))}});exports._sfc_main=_sfc_main;

package/dist/GDropdown-CmBNk0jK.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),floatingTrigger=require("./floatingTrigger-B_K4a4Fz.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),_pluginVue_exportHelper=require("./_plugin-vue_export-helper-D_jf5u0r.cjs"),DropdownContextSymbol=Symbol("DropdownContext");function useDropdownContext(openRef){const parentContext=vue.inject(DropdownContextSymbol,null);if(openRef){const children=[],state={open:openRef,children,registerChild:childOpen=>{children.includes(childOpen)||children.push(childOpen)},unregisterChild:childOpen=>{const index=children.indexOf(childOpen);index!==-1&&children.splice(index,1)}};return vue.provide(DropdownContextSymbol,state),state}return parentContext||{open:vue.ref(!1),children:[],registerChild:()=>{},unregisterChild:()=>{}}}const makeDropdownProps=propsFactory.propsFactory({...floatingTrigger.makeFloatingProps({zIndexBase:2e3,placement:"bottom"}),sameWidth:{type:Boolean,default:!1},closeOnContentClick:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!0},openOnHover:{type:Boolean,default:!1},openOnFocus:{type:Boolean,default:!0},activatorFullWidth:{type:Boolean,default:!1},triggerFullWidth:{type:Boolean,default:!1}}),_sfc_main=vue.defineComponent({__name:"GDropdown",props:makeDropdownProps(),emits:["update:modelValue"],setup(__props,{expose:__expose,emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,open=vue.ref(props.modelValue??!1);vue.watch(open,v=>emit("update:modelValue",v)),vue.watch(()=>props.modelValue,v=>open.value=v);const{triggerAttrs:activatorAttrs,floatingAttrs}=floatingTrigger.useTriggerFactory(open,{click:props.openOnClick,hover:props.openOnHover,focus:props.openOnFocus}),hasActivatorSlot=vue.computed(()=>!!slots.activator),hasExternalReference=vue.computed(()=>props.reference!=null),context=useDropdownContext(open);return context&&context.registerChild(open),__expose({open,show:()=>open.value=!0,hide:()=>open.value=!1}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.unref(floatingTrigger.BaseFloating),vue.mergeProps(props,{"model-value":open.value,"onUpdate:modelValue":_cache[1]||(_cache[1]=$event=>open.value=$event),"reference-full-width":props.activatorFullWidth||props.triggerFullWidth}),{reference:vue.withCtx(({ref:baseRef})=>[hasActivatorSlot.value?vue.renderSlot(_ctx.$slots,"activator",{activatorAttrs:vue.unref(activatorAttrs),activatorRef:baseRef},void 0,!0,0):hasExternalReference.value?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createElementBlock("span",vue.mergeProps({key:1,ref:el=>{baseRef(el)}},vue.unref(activatorAttrs)),[vue.renderSlot(_ctx.$slots,"activator",{activatorAttrs:vue.unref(activatorAttrs),activatorRef:baseRef},void 0,!0)],16))]),default:vue.withCtx(()=>[vue.createElementVNode("div",vue.mergeProps(vue.unref(floatingAttrs),{ref:"floating",class:"g-dropdown",role:"menu",onClick:_cache[0]||(_cache[0]=$event=>props.closeOnContentClick&&(open.value=!1))}),[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)],16)]),_:3},16,["model-value","reference-full-width"]))}}),GDropdown=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-34543fdf"]]);exports.GDropdown=GDropdown;

package/dist/GDropdown-TVH93Obq.js

@@ -0,0 +1,126 @@
+import { inject, provide, ref, defineComponent, useSlots, watch, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot, createElementBlock, createCommentVNode } from "vue";
+import { m as makeFloatingProps, u as useTriggerFactory, B as BaseFloating } from "./floatingTrigger-CyvZ-aQ6.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-B--vMWp3.js";
+const DropdownContextSymbol = Symbol("DropdownContext");
+function useDropdownContext(openRef) {
+  const parentContext = inject(
+    DropdownContextSymbol,
+    null
+  );
+  if (openRef) {
+    const children = [], state = {
+      open: openRef,
+      children,
+      registerChild: (childOpen) => {
+        children.includes(childOpen) || children.push(childOpen);
+      },
+      unregisterChild: (childOpen) => {
+        const index = children.indexOf(childOpen);
+        index !== -1 && children.splice(index, 1);
+      }
+    };
+    return provide(DropdownContextSymbol, state), state;
+  }
+  return parentContext || {
+    open: ref(!1),
+    children: [],
+    registerChild: () => {
+    },
+    unregisterChild: () => {
+    }
+  };
+}
+const makeDropdownProps = propsFactory({
+  ...makeFloatingProps({
+    zIndexBase: 2e3,
+    placement: "bottom"
+  }),
+  sameWidth: {
+    type: Boolean,
+    default: !1
+  },
+  closeOnContentClick: {
+    type: Boolean,
+    default: !1
+  },
+  openOnClick: {
+    type: Boolean,
+    default: !0
+  },
+  openOnHover: {
+    type: Boolean,
+    default: !1
+  },
+  openOnFocus: {
+    type: Boolean,
+    default: !0
+  },
+  activatorFullWidth: {
+    type: Boolean,
+    default: !1
+  },
+  triggerFullWidth: {
+    type: Boolean,
+    default: !1
+  }
+}), _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GDropdown",
+  props: makeDropdownProps(),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, open = ref(props.modelValue ?? !1);
+    watch(open, (v) => emit("update:modelValue", v)), watch(
+      () => props.modelValue,
+      (v) => open.value = v
+    );
+    const { triggerAttrs: activatorAttrs, floatingAttrs } = useTriggerFactory(
+      open,
+      {
+        click: props.openOnClick,
+        hover: props.openOnHover,
+        focus: props.openOnFocus
+      }
+    ), hasActivatorSlot = computed(() => !!slots.activator), hasExternalReference = computed(() => props.reference != null), context = useDropdownContext(open);
+    return context && context.registerChild(open), __expose({
+      open,
+      show: () => open.value = !0,
+      hide: () => open.value = !1
+    }), (_ctx, _cache) => (openBlock(), createBlock(unref(BaseFloating), mergeProps(props, {
+      "model-value": open.value,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+      "reference-full-width": props.activatorFullWidth || props.triggerFullWidth
+    }), {
+      reference: withCtx(({ ref: baseRef }) => [
+        hasActivatorSlot.value ? renderSlot(_ctx.$slots, "activator", {
+          activatorAttrs: unref(activatorAttrs),
+          activatorRef: baseRef
+        }, void 0, !0, 0) : hasExternalReference.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", mergeProps({
+          key: 1,
+          ref: (el) => {
+            baseRef(el);
+          }
+        }, unref(activatorAttrs)), [
+          renderSlot(_ctx.$slots, "activator", {
+            activatorAttrs: unref(activatorAttrs),
+            activatorRef: baseRef
+          }, void 0, !0)
+        ], 16))
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", mergeProps(unref(floatingAttrs), {
+          ref: "floating",
+          class: "g-dropdown",
+          role: "menu",
+          onClick: _cache[0] || (_cache[0] = ($event) => props.closeOnContentClick && (open.value = !1))
+        }), [
+          renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+        ], 16)
+      ]),
+      _: 3
+    }, 16, ["model-value", "reference-full-width"]));
+  }
+}), GDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34543fdf"]]);
+export {
+  GDropdown as G
+};

package/dist/GExpandTransition.vue_vue_type_script_setup_true_lang-Ccl2Cemo.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),transition=require("./transition-BPMUkgHY.cjs"),environment=require("./environment-Dr5kpq3D.cjs"),_sfc_main=vue.defineComponent({inheritAttrs:!1,__name:"GExpandTransition",props:transition.makeGTransitionProps({name:"expand"}),emits:["before-enter","after-enter","before-leave","leave","after-leave","enter-cancelled","leave-cancelled"],setup(__props,{emit:__emit}){const props=__props,emit=__emit,attrs=vue.useAttrs(),reducedMotion=transition.useReducedMotion(),defaultTransition=vue.computed(()=>({name:props.name,appear:props.appear,mode:props.mode,duration:props.duration,enterDuration:props.enterDuration,leaveDuration:props.leaveDuration,easing:props.easing,enterEasing:props.enterEasing,leaveEasing:props.leaveEasing})),resolvedTransition=vue.computed(()=>transition.resolveTransitionOptions(props.transition,defaultTransition.value)),isDisabled=vue.computed(()=>props.disabled||reducedMotion.value||resolvedTransition.value.disabled),transitionMode=vue.computed(()=>resolvedTransition.value.mode==="default"?void 0:resolvedTransition.value.mode);function readCssDuration(el,token,fallback){const raw=getComputedStyle(el).getPropertyValue(token).trim();return parseDuration(raw,fallback,el)}function parseDuration(value,fallback,el){if(value===void 0||value==="")return fallback;if(typeof value=="number")return value;const resolvedValue=resolveCssVar(value,el).trim();if(resolvedValue.endsWith("ms"))return Number.parseFloat(resolvedValue);if(resolvedValue.endsWith("s"))return Number.parseFloat(resolvedValue)*1e3;const parsed=Number.parseFloat(resolvedValue);return Number.isNaN(parsed)?fallback:parsed}function resolveCssVar(value,el){const match=value.match(/var\((--[^,)]+)/);return match&&getComputedStyle(el).getPropertyValue(match[1]).trim()||value}function getDuration(el,phase){const transition2=resolvedTransition.value,fallback=readCssDuration(el,phase==="enter"?"--g-token-duration-enter":"--g-token-duration-leave",phase==="enter"?220:180);return parseDuration(phase==="enter"?transition2.enterDuration??transition2.duration:transition2.leaveDuration??transition2.duration,fallback,el)}function getEasing(phase){const transition2=resolvedTransition.value;return(phase==="enter"?transition2.enterEasing:transition2.leaveEasing)??transition2.easing??"var(--g-token-easing-standard)"}function saveInitialStyles(el){el._gExpandInitialStyles={height:el.style.height,overflow:el.style.overflow,transitionDuration:el.style.transitionDuration,transitionProperty:el.style.transitionProperty,transitionTimingFunction:el.style.transitionTimingFunction}}function resetStyles(el){const initialStyles=el._gExpandInitialStyles;initialStyles&&(el.style.height=initialStyles.height,el.style.overflow=initialStyles.overflow,el.style.transitionDuration=initialStyles.transitionDuration,el.style.transitionProperty=initialStyles.transitionProperty,el.style.transitionTimingFunction=initialStyles.transitionTimingFunction,delete el._gExpandInitialStyles)}function cancelRunningTransition(el){var _a;(_a=el._gExpandCancel)==null||_a.call(el),delete el._gExpandCancel}function prepareTransition(el,phase){const duration=getDuration(el,phase);return el.style.overflow="hidden",el.style.transitionProperty="height",el.style.transitionDuration=`${duration}ms`,el.style.transitionTimingFunction=getEasing(phase),duration}function waitForHeightTransition(el,duration,done){let finished=!1,timeout=0;const finish=()=>{finished||(finished=!0,window.clearTimeout(timeout),el.removeEventListener("transitionend",onTransitionEnd),delete el._gExpandCancel,done())},onTransitionEnd=event=>{event.target!==el||event.propertyName!=="height"||finish()};if(duration<=0){finish();return}el.addEventListener("transitionend",onTransitionEnd),timeout=window.setTimeout(finish,duration+80),el._gExpandCancel=finish}function onBeforeEnter(el){emit("before-enter",el)}function onEnter(el,done){if(!environment.isClientHTMLElement(el)){done();return}const element=el;if(cancelRunningTransition(element),saveInitialStyles(element),isDisabled.value){done();return}element.style.height="0";const duration=prepareTransition(element,"enter");element.offsetHeight,requestAnimationFrame(()=>{element.style.height=`${element.scrollHeight}px`}),waitForHeightTransition(element,duration,done)}function onAfterEnter(el){environment.isClientHTMLElement(el)&&resetStyles(el),emit("after-enter",el)}function onBeforeLeave(el){emit("before-leave",el)}function onLeave(el,done){if(!environment.isClientHTMLElement(el)){done();return}const element=el;if(cancelRunningTransition(element),saveInitialStyles(element),isDisabled.value){done();return}element.style.height=`${element.offsetHeight}px`;const duration=prepareTransition(element,"leave");element.offsetHeight,requestAnimationFrame(()=>{element.style.height="0"}),emit("leave",el),waitForHeightTransition(element,duration,done)}function onAfterLeave(el){environment.isClientHTMLElement(el)&&resetStyles(el),emit("after-leave",el)}function onEnterCancelled(el){environment.isClientHTMLElement(el)&&(cancelRunningTransition(el),resetStyles(el)),emit("enter-cancelled",el)}function onLeaveCancelled(el){environment.isClientHTMLElement(el)&&(cancelRunningTransition(el),resetStyles(el)),emit("leave-cancelled",el)}return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.Transition,vue.mergeProps(vue.unref(attrs),{css:!1,appear:resolvedTransition.value.appear,mode:transitionMode.value,onBeforeEnter,onEnter,onAfterEnter,onBeforeLeave,onLeave,onAfterLeave,onEnterCancelled,onLeaveCancelled}),{default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"default")]),_:3},16,["appear","mode"]))}});exports._sfc_main=_sfc_main;