@gradient-ui/core 0.8.0 → 1.0.1

package/dist/GLoading.vue_vue_type_style_index_0_lang-BNOsRA0v.js

@@ -0,0 +1,97 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { _ as _sfc_main$1 } from "./GTransition.vue_vue_type_script_setup_true_lang-CHGSgsZ0.js";
+import "./GExpandTransition.vue_vue_type_script_setup_true_lang-ztMeJVQO.js";
+import "./GTransitionGroup.vue_vue_type_script_setup_true_lang-CDu6W6-X.js";
+import GProgress from "./components/GProgress.mjs";
+import { d as makeTransitionProps } from "./transition-DVGMCo2o.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+const makeLoadingProps = propsFactory({
+  ...makeTransitionProps(),
+  text: String,
+  noText: Boolean,
+  show: Boolean,
+  color: String,
+  dark: Boolean,
+  opacity: [Number, String],
+  blur: [Number, String],
+  progressView: String,
+  onClose: Function
+}), _hoisted_1 = { class: "g-loading__body" }, _hoisted_2 = {
+  key: 0,
+  class: "g-loading__text"
+}, _hoisted_3 = { class: "g-loading__progress" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GLoading",
+  props: makeLoadingProps({
+    text: "Loading...",
+    noText: !1,
+    show: !1,
+    color: "primary",
+    dark: !1,
+    opacity: void 0,
+    blur: void 0,
+    progressView: "glow",
+    transition: () => ({ name: "fade", duration: 220 }),
+    onClose: void 0
+  }),
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props, emit = __emit, visible = ref(!1), isVisible = computed(() => props.show || visible.value), loadingStyles = computed(() => ({
+      "--g-loading-overlay-opacity": props.opacity !== void 0 ? String(props.opacity) : void 0,
+      "--g-loading-overlay-blur": props.blur !== void 0 ? toCssSize(props.blur) : void 0
+    }));
+    function toCssSize(value) {
+      return typeof value == "number" ? `${value}px` : value;
+    }
+    function show() {
+      visible.value = !0;
+    }
+    function hide() {
+      visible.value = !1;
+    }
+    function close() {
+      var _a;
+      (_a = props.onClose) == null || _a.call(props), emit("close");
+    }
+    return __expose({
+      hide,
+      show,
+      isVisible
+    }), (_ctx, _cache) => (openBlock(), createBlock(unref(_sfc_main$1), {
+      transition: props.transition,
+      name: "scale",
+      onAfterLeave: close
+    }, {
+      default: withCtx(() => [
+        isVisible.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["g-loading", { "g-loading_dark": props.dark }]),
+          style: normalizeStyle(loadingStyles.value),
+          "aria-live": "polite",
+          "aria-busy": "true"
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            props.noText ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createTextVNode(toDisplayString(props.text), 1)
+              ])
+            ])),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(GProgress, {
+                "no-label": "",
+                indeterminate: "",
+                "model-value": 100,
+                color: props.color,
+                view: props.progressView,
+                size: "s"
+              }, null, 8, ["color", "view"])
+            ])
+          ])
+        ], 6)) : createCommentVNode("", !0)
+      ]),
+      _: 3
+    }, 8, ["transition"]));
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/GLoading.vue_vue_type_style_index_0_lang-KmMjjwpE.cjs

@@ -0,0 +1 @@
+"use strict";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 components_GProgress=require("./components/GProgress.cjs"),transition=require("./transition-BPMUkgHY.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),makeLoadingProps=propsFactory.propsFactory({...transition.makeTransitionProps(),text:String,noText:Boolean,show:Boolean,color:String,dark:Boolean,opacity:[Number,String],blur:[Number,String],progressView:String,onClose:Function}),_hoisted_1={class:"g-loading__body"},_hoisted_2={key:0,class:"g-loading__text"},_hoisted_3={class:"g-loading__progress"},_sfc_main=vue.defineComponent({__name:"GLoading",props:makeLoadingProps({text:"Loading...",noText:!1,show:!1,color:"primary",dark:!1,opacity:void 0,blur:void 0,progressView:"glow",transition:()=>({name:"fade",duration:220}),onClose:void 0}),emits:["close"],setup(__props,{expose:__expose,emit:__emit}){const props=__props,emit=__emit,visible=vue.ref(!1),isVisible=vue.computed(()=>props.show||visible.value),loadingStyles=vue.computed(()=>({"--g-loading-overlay-opacity":props.opacity!==void 0?String(props.opacity):void 0,"--g-loading-overlay-blur":props.blur!==void 0?toCssSize(props.blur):void 0}));function toCssSize(value){return typeof value=="number"?`${value}px`:value}function show(){visible.value=!0}function hide(){visible.value=!1}function close(){var _a;(_a=props.onClose)==null||_a.call(props),emit("close")}return __expose({hide,show,isVisible}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.unref(GTransition_vue_vue_type_script_setup_true_lang._sfc_main),{transition:props.transition,name:"scale",onAfterLeave:close},{default:vue.withCtx(()=>[isVisible.value?(vue.openBlock(),vue.createElementBlock("div",{key:0,class:vue.normalizeClass(["g-loading",{"g-loading_dark":props.dark}]),style:vue.normalizeStyle(loadingStyles.value),"aria-live":"polite","aria-busy":"true"},[vue.createElementVNode("div",_hoisted_1,[props.noText?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createElementBlock("div",_hoisted_2,[vue.renderSlot(_ctx.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(props.text),1)])])),vue.createElementVNode("div",_hoisted_3,[vue.createVNode(components_GProgress.default,{"no-label":"",indeterminate:"","model-value":100,color:props.color,view:props.progressView,size:"s"},null,8,["color","view"])])])],6)):vue.createCommentVNode("",!0)]),_:3},8,["transition"]))}});exports._sfc_main=_sfc_main;

package/dist/GRadio.vue_vue_type_script_setup_true_lang-DNRTDtF2.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),createComponentId=require("./createComponentId-CK5eUecc.cjs"),GCheckIndicator=require("./GCheckIndicator-C-adGOcb.cjs"),GCheckGroup=require("./GCheckGroup-B3gZ9p6e.cjs"),_sfc_main$1=vue.defineComponent({__name:"GRadioItem",props:{name:{},label:{},value:{},checked:{type:Boolean,default:!1},color:{},disabled:{type:Boolean,default:!1},size:{default:"m"},state:{default:void 0},indicatorView:{default:"default"},inline:{type:Boolean,default:!1}},emits:["change","focus","blur"],setup(__props,{emit:__emit}){const props=__props,emit=__emit,inputId=createComponentId.createComponentId("g-radio-item"),controlProps=vue.computed(()=>({id:inputId,inputType:"radio",name:props.name,label:props.label,disabled:props.disabled,size:props.size,color:props.color,state:props.state,inline:props.inline,checked:props.checked})),indicatorProps=vue.computed(()=>({kind:"radio",checked:props.checked,disabled:props.disabled,size:props.size,color:props.color,state:props.state,view:props.indicatorView}));function handleChange(event){emit("change",props.value,event)}return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.unref(GCheckIndicator.GCheckControl),vue.mergeProps(controlProps.value,{onChange:handleChange,onFocus:_cache[0]||(_cache[0]=$event=>emit("focus",$event)),onBlur:_cache[1]||(_cache[1]=$event=>emit("blur",$event))}),vue.createSlots({indicator:vue.withCtx(()=>[vue.createVNode(vue.unref(GCheckIndicator.GCheckIndicator),vue.normalizeProps(vue.guardReactiveProps(indicatorProps.value)),null,16)]),_:2},[_ctx.$slots.default?{name:"default",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"default")]),key:"0"}:void 0]),1040))}}),_sfc_main=vue.defineComponent({__name:"GRadio",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,{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:!1,namePrefix:"g-radio"});function getItemProps(item){return{name:groupName.value,label:item.label,value:item.value,checked:isItemSelected(item),disabled:disabled.value||item.disabled,size:props.size,color:props.color,state:props.state,indicatorView:props.indicatorView,inline:!props.vertical}}function handleSelect(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=>(vue.openBlock(),vue.createBlock(_sfc_main$1,vue.mergeProps({key:item.label,ref_for:!0},getItemProps(item),{onChange:(_value,event)=>handleSelect(item,event)}),vue.createSlots({_: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/GRadio.vue_vue_type_script_setup_true_lang-kE-52Aj1.js

@@ -0,0 +1,182 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot, useSlots, createElementBlock, Fragment, renderList } from "vue";
+import { c as createComponentId } from "./createComponentId-CrqdDHC3.js";
+import { G as GCheckControl, a as GCheckIndicator } from "./GCheckIndicator-yvipPkWi.js";
+import { u as useCheckOptionGroup, G as GCheckGroup } from "./GCheckGroup-DDkxtEj2.js";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "GRadioItem",
+  props: {
+    name: {},
+    label: {},
+    value: {},
+    checked: { type: Boolean, default: !1 },
+    color: {},
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "m" },
+    state: { default: void 0 },
+    indicatorView: { default: "default" },
+    inline: { type: Boolean, default: !1 }
+  },
+  emits: ["change", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, emit = __emit, inputId = createComponentId("g-radio-item"), controlProps = computed(() => ({
+      id: inputId,
+      inputType: "radio",
+      name: props.name,
+      label: props.label,
+      disabled: props.disabled,
+      size: props.size,
+      color: props.color,
+      state: props.state,
+      inline: props.inline,
+      checked: props.checked
+    })), indicatorProps = computed(() => ({
+      kind: "radio",
+      checked: props.checked,
+      disabled: props.disabled,
+      size: props.size,
+      color: props.color,
+      state: props.state,
+      view: props.indicatorView
+    }));
+    function handleChange(event) {
+      emit("change", props.value, event);
+    }
+    return (_ctx, _cache) => (openBlock(), createBlock(unref(GCheckControl), mergeProps(controlProps.value, {
+      onChange: handleChange,
+      onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
+      onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
+    }), createSlots({
+      indicator: withCtx(() => [
+        createVNode(unref(GCheckIndicator), normalizeProps(guardReactiveProps(indicatorProps.value)), null, 16)
+      ]),
+      _: 2
+    }, [
+      _ctx.$slots.default ? {
+        name: "default",
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040));
+  }
+}), _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GRadio",
+  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, {
+      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: !1,
+        namePrefix: "g-radio"
+      }
+    );
+    function getItemProps(item) {
+      return {
+        name: groupName.value,
+        label: item.label,
+        value: item.value,
+        checked: isItemSelected(item),
+        disabled: disabled.value || item.disabled,
+        size: props.size,
+        color: props.color,
+        state: props.state,
+        indicatorView: props.indicatorView,
+        inline: !props.vertical
+      };
+    }
+    function handleSelect(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) => (openBlock(), createBlock(_sfc_main$1, mergeProps({
+          key: item.label,
+          ref_for: !0
+        }, getItemProps(item), {
+          onChange: (_value, event) => handleSelect(item, event)
+        }), createSlots({ _: 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/GSwitch.vue_vue_type_script_setup_true_lang-BZXxiyLT.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: "GSwitch",
+  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-switch",
+        indicatorKind: "switch"
+      }
+    );
+    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/GSwitch.vue_vue_type_script_setup_true_lang-DC8vyW7e.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:"GSwitch",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-switch",indicatorKind:"switch"});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;