yuyeon 0.3.1-rc.5 → 0.3.1

package/lib/components/checkbox/YCheckbox.mjs

@@ -1,160 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, ref, watch, withModifiers } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { defineComponent, getUid } from "../../util/component/index.mjs";
-import YInputCheckbox from "./YInputCheckbox.mjs";
-import "./YCheckbox.scss";
-export const YCheckbox = defineComponent({
-  name: 'YCheckbox',
-  components: {
-    YInputCheckbox
-  },
-  emits: ['focus', 'blur', 'click', 'update:modelValue', 'change'],
-  props: {
-    modelValue: [Boolean, Array],
-    value: [String, Number, Object],
-    label: String,
-    reverse: Boolean,
-    icon: {
-      type: [Object, String]
-    },
-    color: {
-      type: String,
-      default: () => 'primary'
-    },
-    disabled: Boolean,
-    readonly: Boolean
-  },
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
-    const focused = ref(false);
-    const checked = ref(false);
-    const counterId = (getUid() ?? '').toString();
-    const inputId = `input-${counterId}`;
-    function onFocus(e) {
-      focused.value = true;
-      emit('focus', e);
-    }
-    function onBlur(e) {
-      focused.value = false;
-      emit('blur', e);
-    }
-    function onClick(e) {
-      emit('click', e);
-      if (props.disabled || props.readonly) return;
-      const check = !checked.value;
-      checked.value = check;
-      emit('change', check);
-    }
-    function inputByProp() {
-      if (Array.isArray(props.modelValue)) {
-        const found = props.modelValue?.find(inp => inp === props.value);
-        if (found !== undefined) {
-          checked.value = true;
-        } else {
-          checked.value = false;
-        }
-      } else if (typeof props.modelValue === 'boolean') {
-        checked.value = props.modelValue;
-      }
-    }
-    const classes = computed(() => {
-      const {
-        reverse,
-        disabled,
-        readonly
-      } = props;
-      return {
-        'y-checkbox': true,
-        'y-checkbox--reverse': !!reverse,
-        'y-checkbox--focused': focused.value,
-        'y-checkbox--disabled': !!disabled,
-        'y-checkbox--readonly': !!readonly
-      };
-    });
-    const computedIcon = computed(() => {
-      if (typeof props.icon === 'string') {
-        return props.icon;
-      }
-      return undefined;
-    });
-    const isMultipleInput = computed(() => {
-      return Array.isArray(props.modelValue);
-    });
-    function getMultipleInputIndex() {
-      if (!isMultipleInput.value) {
-        return -1;
-      }
-      return props.modelValue.findIndex(v => v === props.value);
-    }
-    watch(checked, neo => {
-      if (Array.isArray(props.modelValue)) {
-        const value = props.modelValue;
-        const index = getMultipleInputIndex();
-        if (neo && index === -1) {
-          value.push(props.value);
-        } else if (!neo && index !== -1) {
-          value.splice(index, 1);
-        }
-        emit('update:modelValue', value);
-      } else {
-        emit('update:modelValue', neo);
-      }
-    });
-    watch(() => props.modelValue, neo => {
-      if (Array.isArray(neo)) {
-        inputByProp();
-      } else {
-        checked.value = !!neo;
-      }
-    }, {
-      immediate: true,
-      deep: true
-    });
-    useRender(() => {
-      return _createVNode("div", {
-        "class": [{
-          ...classes.value
-        }]
-      }, [slots.leading?.(), _createVNode("div", {
-        "class": "y-checkbox__slot"
-      }, [_createVNode(YInputCheckbox, {
-        "onClick": function (e) {
-          e.stopPropagation();
-          for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-            args[_key - 1] = arguments[_key];
-          }
-          onClick(e, ...args);
-        },
-        "onFocus": onFocus,
-        "onBlur": onBlur,
-        "id": counterId,
-        "value": checked.value,
-        "icon": computedIcon.value,
-        "color": props.color,
-        "disabled": props.disabled,
-        "readonly": props.readonly
-      }, {
-        default: () => [slots.icon && {
-          icon: function () {
-            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-              args[_key2] = arguments[_key2];
-            }
-            return slots.icon?.(...args);
-          }
-        }]
-      }), _createVNode("label", {
-        "onClick": withModifiers(() => {}, ['stop']),
-        "class": "y-checkbox__label",
-        "for": inputId
-      }, [slots.label ? slots.label?.() : props.label])]), slots.trailing?.()]);
-    });
-    return {
-      checked
-    };
-  }
-});
-//# sourceMappingURL=YCheckbox.mjs.map

package/lib/components/checkbox/YCheckbox.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YCheckbox.mjs","names":["computed","ref","watch","withModifiers","useRender","defineComponent","getUid","YInputCheckbox","YCheckbox","name","components","emits","props","modelValue","Boolean","Array","value","String","Number","Object","label","reverse","icon","type","color","default","disabled","readonly","setup","_ref","emit","slots","focused","checked","counterId","toString","inputId","onFocus","e","onBlur","onClick","check","inputByProp","isArray","found","find","inp","undefined","classes","computedIcon","isMultipleInput","getMultipleInputIndex","findIndex","v","neo","index","push","splice","immediate","deep","_createVNode","leading","stopPropagation","_len","arguments","length","args","_key","_len2","_key2","trailing"],"sources":["../../../src/components/checkbox/YCheckbox.tsx"],"sourcesContent":["import { type PropType, computed, ref, watch, withModifiers } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent, getUid } from '@/util/component';\r\n\r\nimport YInputCheckbox from './YInputCheckbox';\r\n\r\nimport './YCheckbox.scss';\r\n\r\nexport const YCheckbox = defineComponent({\r\n  name: 'YCheckbox',\r\n  components: { YInputCheckbox },\r\n  emits: ['focus', 'blur', 'click', 'update:modelValue', 'change'],\r\n  props: {\r\n    modelValue: [Boolean, Array] as PropType<boolean | any[]>,\r\n    value: [String, Number, Object] as PropType<any>,\r\n    label: String as PropType<string>,\r\n    reverse: Boolean as PropType<boolean>,\r\n    icon: {\r\n      type: [Object, String] as PropType<\r\n        { checked?: string; unchecked?: string } | string\r\n      >,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: () => 'primary',\r\n    },\r\n    disabled: Boolean as PropType<boolean>,\r\n    readonly: Boolean as PropType<boolean>,\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const focused = ref(false);\r\n    const checked = ref(false);\r\n    const counterId = (getUid() ?? '').toString();\r\n    const inputId = `input-${counterId}`;\r\n\r\n    function onFocus(e: FocusEvent) {\r\n      focused.value = true;\r\n      emit('focus', e);\r\n    }\r\n\r\n    function onBlur(e: FocusEvent) {\r\n      focused.value = false;\r\n      emit('blur', e);\r\n    }\r\n\r\n    function onClick(e: Event, ...args: any[]) {\r\n      emit('click', e);\r\n      if (props.disabled || props.readonly) return;\r\n      const check = !checked.value;\r\n      checked.value = check;\r\n      emit('change', check);\r\n    }\r\n\r\n    function inputByProp() {\r\n      if (Array.isArray(props.modelValue)) {\r\n        const found = props.modelValue?.find((inp: any) => inp === props.value);\r\n        if (found !== undefined) {\r\n          checked.value = true;\r\n        } else {\r\n          checked.value = false;\r\n        }\r\n      } else if (typeof props.modelValue === 'boolean') {\r\n        checked.value = props.modelValue;\r\n      }\r\n    }\r\n\r\n    const classes = computed<Record<string, boolean>>(() => {\r\n      const { reverse, disabled, readonly } = props;\r\n      return {\r\n        'y-checkbox': true,\r\n        'y-checkbox--reverse': !!reverse,\r\n        'y-checkbox--focused': focused.value,\r\n        'y-checkbox--disabled': !!disabled,\r\n        'y-checkbox--readonly': !!readonly,\r\n      };\r\n    });\r\n\r\n    const computedIcon = computed<string | undefined>(() => {\r\n      if (typeof props.icon === 'string') {\r\n        return props.icon;\r\n      }\r\n      return undefined;\r\n    });\r\n\r\n    const isMultipleInput = computed<boolean>(() => {\r\n      return Array.isArray(props.modelValue);\r\n    });\r\n\r\n    function getMultipleInputIndex() {\r\n      if (!isMultipleInput.value) {\r\n        return -1;\r\n      }\r\n      return (props.modelValue as any[]).findIndex(\r\n        (v: any) => v === props.value,\r\n      );\r\n    }\r\n\r\n    watch(checked, (neo) => {\r\n      if (Array.isArray(props.modelValue)) {\r\n        const value = props.modelValue;\r\n        const index = getMultipleInputIndex();\r\n        if (neo && index === -1) {\r\n          value.push(props.value);\r\n        } else if (!neo && index !== -1) {\r\n          value.splice(index, 1);\r\n        }\r\n        emit('update:modelValue', value);\r\n      } else {\r\n        emit('update:modelValue', neo);\r\n      }\r\n    });\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo) => {\r\n        if (Array.isArray(neo)) {\r\n          inputByProp();\r\n        } else {\r\n          checked.value = !!neo;\r\n        }\r\n      },\r\n      { immediate: true, deep: true },\r\n    );\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={[{ ...classes.value }]}>\r\n          {slots.leading?.()}\r\n          <div class=\"y-checkbox__slot\">\r\n            <YInputCheckbox\r\n              onClick={(e: Event, ...args: any[]) => {\r\n                e.stopPropagation();\r\n                onClick(e, ...args);\r\n              }}\r\n              onFocus={onFocus}\r\n              onBlur={onBlur}\r\n              id={counterId}\r\n              value={checked.value}\r\n              icon={computedIcon.value}\r\n              color={props.color}\r\n              disabled={props.disabled}\r\n              readonly={props.readonly}\r\n            >\r\n              {slots.icon && {\r\n                icon: (...args: any[]) => slots.icon?.(...args),\r\n              }}\r\n            </YInputCheckbox>\r\n            <label\r\n              onClick={withModifiers(() => {}, ['stop'])}\r\n              class=\"y-checkbox__label\"\r\n              for={inputId}\r\n            >\r\n              {slots.label ? slots.label?.() : props.label}\r\n            </label>\r\n          </div>\r\n          {slots.trailing?.()}\r\n        </div>\r\n      );\r\n    });\r\n\r\n    return {\r\n      checked,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YCheckbox = InstanceType<typeof YCheckbox>;\r\n"],"mappings":"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"}

package/lib/components/checkbox/YInputCheckbox.mjs

@@ -1,114 +0,0 @@
-import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { h } from 'vue';
-import { defineComponent } from "../../util/component/index.mjs";
-import { YIconCheckbox } from "../icons/YIconCheckbox.mjs";
-import "./YInputCheckbox.scss";
-export default defineComponent({
-  name: 'YInputCheckbox',
-  components: {
-    YIconCheckbox
-  },
-  props: {
-    id: String,
-    value: Boolean,
-    icon: String,
-    color: {
-      type: String,
-      default: () => 'primary'
-    },
-    disabled: Boolean,
-    readonly: Boolean
-  },
-  emits: ['focus', 'blur', 'click'],
-  data() {
-    return {
-      counterId: this.$.uid.toString(),
-      checked: false,
-      focused: false
-    };
-  },
-  computed: {
-    coloredClass() {
-      if (this.color.startsWith('#')) {
-        return undefined;
-      }
-      return `color--${this.color}`;
-    },
-    classes() {
-      const ret = {
-        'y-input': true,
-        'y-input--checkbox': true,
-        'y-input--active': this.checked,
-        'y-input--focused': this.focused
-      };
-      if (this.coloredClass) {
-        ret[this.coloredClass] = true;
-      }
-      return ret;
-    },
-    inputId() {
-      let id = this.counterId;
-      if (this.id) {
-        id = this.id;
-      }
-      return `input-${id}`;
-    },
-    iconComponent() {
-      if (!this.icon) {
-        return YIconCheckbox;
-      }
-      return null;
-    }
-  },
-  methods: {
-    onFocus(e) {
-      this.focused = true;
-      this.$emit('focus', e);
-    },
-    onBlur(e) {
-      this.focused = false;
-      this.$emit('blur', e);
-    },
-    onClick(event) {
-      this.$emit('click', event);
-    }
-  },
-  watch: {
-    value(neo) {
-      this.checked = neo;
-    }
-  },
-  created() {
-    this.checked = !!this.value;
-  },
-  render() {
-    const {
-      onClick,
-      classes,
-      inputId,
-      checked,
-      onFocus,
-      onBlur,
-      disabled,
-      readonly,
-      iconComponent
-    } = this;
-    return _createVNode(_Fragment, null, [_createVNode("div", {
-      "onClick": onClick,
-      "class": classes
-    }, [_createVNode("input", {
-      "id": inputId,
-      "aria-checked": checked,
-      "role": "checkbox",
-      "type": "checkbox",
-      "checked": checked,
-      "onFocus": onFocus,
-      "onBlur": onBlur,
-      "disabled": disabled,
-      "readonly": readonly
-    }, null), this.$slots.icon ? this.$slots.icon({
-      checked
-    }) : iconComponent ? h(iconComponent) : _createVNode(YIconCheckbox, null, null)])]);
-  }
-});
-//# sourceMappingURL=YInputCheckbox.mjs.map

package/lib/components/checkbox/YInputCheckbox.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YInputCheckbox.mjs","names":["h","defineComponent","YIconCheckbox","name","components","props","id","String","value","Boolean","icon","color","type","default","disabled","readonly","emits","data","counterId","$","uid","toString","checked","focused","computed","coloredClass","startsWith","undefined","classes","ret","inputId","iconComponent","methods","onFocus","e","$emit","onBlur","onClick","event","watch","neo","created","render","_createVNode","_Fragment","$slots"],"sources":["../../../src/components/checkbox/YInputCheckbox.tsx"],"sourcesContent":["import { type PropType, h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport { YIconCheckbox } from '../icons/YIconCheckbox';\r\n\r\nimport './YInputCheckbox.scss';\r\n\r\nexport default defineComponent({\r\n  name: 'YInputCheckbox',\r\n  components: { YIconCheckbox },\r\n  props: {\r\n    id: String as PropType<string>,\r\n    value: Boolean as PropType<boolean>,\r\n    icon: String as PropType<string>,\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: () => 'primary',\r\n    },\r\n    disabled: Boolean as PropType<boolean>,\r\n    readonly: Boolean as PropType<boolean>,\r\n  },\r\n  emits: ['focus', 'blur', 'click'],\r\n  data() {\r\n    return {\r\n      counterId: this.$.uid.toString(),\r\n      checked: false,\r\n      focused: false,\r\n    };\r\n  },\r\n  computed: {\r\n    coloredClass() {\r\n      if (this.color.startsWith('#')) {\r\n        return undefined;\r\n      }\r\n      return `color--${this.color}`;\r\n    },\r\n    classes() {\r\n      const ret: Record<string, boolean> = {\r\n        'y-input': true,\r\n        'y-input--checkbox': true,\r\n        'y-input--active': this.checked,\r\n        'y-input--focused': this.focused,\r\n      };\r\n      if (this.coloredClass) {\r\n        ret[this.coloredClass] = true;\r\n      }\r\n      return ret;\r\n    },\r\n    inputId() {\r\n      let id = this.counterId;\r\n      if (this.id) {\r\n        id = this.id;\r\n      }\r\n      return `input-${id}`;\r\n    },\r\n    iconComponent() {\r\n      if (!this.icon) {\r\n        return YIconCheckbox;\r\n      }\r\n      return null;\r\n    },\r\n  },\r\n  methods: {\r\n    onFocus(e: FocusEvent) {\r\n      this.focused = true;\r\n      this.$emit('focus', e);\r\n    },\r\n    onBlur(e: FocusEvent) {\r\n      this.focused = false;\r\n      this.$emit('blur', e);\r\n    },\r\n    onClick(event: MouseEvent) {\r\n      this.$emit('click', event);\r\n    },\r\n  },\r\n  watch: {\r\n    value(neo: boolean) {\r\n      this.checked = neo;\r\n    },\r\n  },\r\n  created() {\r\n    this.checked = !!this.value;\r\n  },\r\n  render() {\r\n    const {\r\n      onClick,\r\n      classes,\r\n      inputId,\r\n      checked,\r\n      onFocus,\r\n      onBlur,\r\n      disabled,\r\n      readonly,\r\n      iconComponent,\r\n    } = this;\r\n    return (\r\n      <>\r\n        <div onClick={onClick} class={classes}>\r\n          <input\r\n            id={inputId}\r\n            aria-checked={checked}\r\n            role=\"checkbox\"\r\n            type=\"checkbox\"\r\n            checked={checked}\r\n            onFocus={onFocus}\r\n            onBlur={onBlur}\r\n            disabled={disabled}\r\n            readonly={readonly}\r\n          />\r\n          {this.$slots.icon ? (\r\n            this.$slots.icon({ checked })\r\n          ) : iconComponent ? (\r\n            h(iconComponent)\r\n          ) : (\r\n            <YIconCheckbox></YIconCheckbox>\r\n          )}\r\n        </div>\r\n      </>\r\n    );\r\n  },\r\n});\r\n"],"mappings":"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"}

package/lib/components/checkbox/index.mjs

@@ -1,4 +0,0 @@
-import YInputCheckbox from "./YInputCheckbox.mjs";
-export * from "./YCheckbox.mjs";
-export { YInputCheckbox };
-//# sourceMappingURL=index.mjs.map

package/lib/components/checkbox/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["YInputCheckbox"],"sources":["../../../src/components/checkbox/index.ts"],"sourcesContent":["import YInputCheckbox from './YInputCheckbox';\r\n\r\nexport * from './YCheckbox';\r\n\r\nexport { YInputCheckbox };\r\n"],"mappings":"OAAOA,cAAc;AAAA;AAIrB,SAASA,cAAc"}

package/lib/components/chip/YChip.mjs

@@ -1,39 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed } from 'vue';
-import { useRender } from "../../composables/index.mjs";
-import { styleColorPropsOptions, useStyleColor } from "../../composables/style-color.mjs";
-import { defineComponent, hasEventProp, propsFactory } from "../../util/component/index.mjs";
-import "./YChip.scss";
-export const pressYChipPropsOptions = propsFactory({
-  ...styleColorPropsOptions,
-  small: Boolean
-}, 'YChip');
-export const YChip = defineComponent({
-  name: 'YChip',
-  props: {
-    ...pressYChipPropsOptions()
-  },
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
-    const clickable = computed(() => {
-      return hasEventProp(props, 'click');
-    });
-    const {
-      colorVars
-    } = useStyleColor(props, 'chip');
-    useRender(() => _createVNode("span", {
-      "class": ['y-chip', {
-        'y-chip--small': props.small,
-        'y-chip--clickable': clickable.value
-      }],
-      "style": colorVars.value
-    }, [_createVNode("span", {
-      "class": "y-chip__content"
-    }, [slots.default?.()])]));
-    return {};
-  }
-});
-//# sourceMappingURL=YChip.mjs.map

package/lib/components/chip/YChip.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YChip.mjs","names":["computed","useRender","styleColorPropsOptions","useStyleColor","defineComponent","hasEventProp","propsFactory","pressYChipPropsOptions","small","Boolean","YChip","name","props","setup","_ref","slots","emit","clickable","colorVars","_createVNode","value","default"],"sources":["../../../src/components/chip/YChip.tsx"],"sourcesContent":["import { computed } from 'vue';\n\nimport { useRender } from '@/composables';\nimport {\n  styleColorPropsOptions,\n  useStyleColor,\n} from '@/composables/style-color';\nimport { defineComponent, hasEventProp, propsFactory } from '@/util/component';\n\nimport './YChip.scss';\n\nexport const pressYChipPropsOptions = propsFactory(\n  {\n    ...styleColorPropsOptions,\n    small: Boolean,\n  },\n  'YChip',\n);\n\nexport const YChip = defineComponent({\n  name: 'YChip',\n  props: {\n    ...pressYChipPropsOptions(),\n  },\n  setup(props, { slots, emit }) {\n    const clickable = computed(() => {\n      return hasEventProp(props, 'click');\n    });\n    const { colorVars } = useStyleColor(props, 'chip');\n\n    useRender(() => (\n      <span\n        class={[\n          'y-chip',\n          {\n            'y-chip--small': props.small,\n            'y-chip--clickable': clickable.value,\n          },\n        ]}\n        style={colorVars.value}\n      >\n        <span class=\"y-chip__content\">{slots.default?.()}</span>\n      </span>\n    ));\n\n    return {};\n  },\n});\n\nexport type YChip = InstanceType<typeof YChip>;\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,KAAK;AAAC,SAEtBC,SAAS;AAAA,SAEhBC,sBAAsB,EACtBC,aAAa;AAAA,SAENC,eAAe,EAAEC,YAAY,EAAEC,YAAY;AAEpD;AAEA,OAAO,MAAMC,sBAAsB,GAAGD,YAAY,CAChD;EACE,GAAGJ,sBAAsB;EACzBM,KAAK,EAAEC;AACT,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMC,KAAK,GAAGN,eAAe,CAAC;EACnCO,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACL,GAAGL,sBAAsB,CAAC;EAC5B,CAAC;EACDM,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAMG,SAAS,GAAGjB,QAAQ,CAAC,MAAM;MAC/B,OAAOK,YAAY,CAACO,KAAK,EAAE,OAAO,CAAC;IACrC,CAAC,CAAC;IACF,MAAM;MAAEM;IAAU,CAAC,GAAGf,aAAa,CAACS,KAAK,EAAE,MAAM,CAAC;IAElDX,SAAS,CAAC,MAAAkB,YAAA;MAAA,SAEC,CACL,QAAQ,EACR;QACE,eAAe,EAAEP,KAAK,CAACJ,KAAK;QAC5B,mBAAmB,EAAES,SAAS,CAACG;MACjC,CAAC,CACF;MAAA,SACMF,SAAS,CAACE;IAAK,IAAAD,YAAA;MAAA;IAAA,IAESJ,KAAK,CAACM,OAAO,GAAG,CAAC,IAEnD,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/chip/index.mjs

@@ -1,2 +0,0 @@
-export * from "./YChip.mjs";
-//# sourceMappingURL=index.mjs.map

package/lib/components/chip/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/chip/index.ts"],"sourcesContent":["export * from './YChip';\n"],"mappings":""}

package/lib/components/date-picker/YDateCalendar.mjs

@@ -1,243 +0,0 @@
-import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
-import { computed, ref } from 'vue';
-import { useModelDuplex } from "../../composables/communication.mjs";
-import { useRender } from "../../composables/component.mjs";
-import { useDate } from "../../composables/date/index.mjs";
-import { useI18n } from "../../composables/i18n/index.mjs";
-import { wrapInArray } from "../../util/array.mjs";
-import { defineComponent, propsFactory } from "../../util/component/index.mjs";
-import { YButton } from "../button/index.mjs";
-import "./YDateCalendar.scss";
-export const pressYDateCalendarPropsOptions = propsFactory({
-  year: [Number, String],
-  month: [Number, String],
-  modelValue: Array,
-  multiple: Boolean,
-  range: Boolean,
-  allowedDates: [Array, Function],
-  max: null,
-  min: null,
-  disabled: Boolean,
-  color: String,
-  hideWeekdays: Boolean,
-  showAdjacentMonthDates: {
-    type: Boolean,
-    default: true
-  },
-  hideHeader: Boolean
-}, 'YDateCalendar');
-export const YDateCalendar = defineComponent({
-  name: 'YDateCalendar',
-  props: pressYDateCalendarPropsOptions(),
-  emits: {
-    'update:modelValue': date => true,
-    'update:year': date => true,
-    'update:month': date => true
-  },
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const dateUtil = useDate();
-    const i18n = useI18n();
-    const container$ = ref();
-    const day$ = ref([]);
-    const model = useModelDuplex(props, 'modelValue', [], v => v == null ? [] : wrapInArray(v));
-    const displayValue = computed(() => {
-      if (model.value.length > 0) return dateUtil.date(model.value[0]);
-      if (props.min) return dateUtil.date(props.min);
-      if (Array.isArray(props.allowedDates)) {
-        return dateUtil.date(props.allowedDates[0]);
-      }
-      return dateUtil.date();
-    });
-    const year = useModelDuplex(props, 'year', undefined, v => {
-      const value = v != null ? Number(v) : dateUtil.getYear(displayValue.value);
-      return dateUtil.startOfYear(dateUtil.setYear(dateUtil.date(), value));
-    }, v => dateUtil.getYear(v));
-    const month = useModelDuplex(props, 'month', undefined, v => {
-      const value = v != null ? Number(v) : dateUtil.getMonth(displayValue.value);
-      let date = dateUtil.setYear(dateUtil.date(), dateUtil.getYear(year.value));
-      date = dateUtil.startOfMonth(date);
-      return dateUtil.setMonth(date, value);
-    }, v => dateUtil.getMonth(v));
-    const weeksInMonth = computed(() => {
-      const weeks = dateUtil.getWeekArray(month.value);
-      const days = weeks.flat();
-      const daysInMonth = 6 * 7;
-      if (days.length < daysInMonth) {
-        const lastDay = days[days.length - 1];
-        let week = [];
-        for (let day = 1; day <= daysInMonth - days.length; day++) {
-          week.push(dateUtil.addDays(lastDay, day));
-          if (day % 7 === 0) {
-            weeks.push(week);
-            week = [];
-          }
-        }
-      }
-      return weeks;
-    });
-    const daysInMonth = computed(() => {
-      const weeks = weeksInMonth.value;
-      const today = dateUtil.date();
-      return weeks.map((days, weekIndex) => days.map((date, index) => {
-        const isoDate = dateUtil.toISO(date);
-        const adjacent = !dateUtil.isSameMonth(date, month.value);
-        const selected = !!model.value?.find(value => value != null && dateUtil.isSameDay(date, value));
-        return {
-          date,
-          isoDate,
-          formatted: dateUtil.format(date, 'keyboardDate'),
-          year: dateUtil.getYear(date),
-          month: dateUtil.getMonth(date),
-          day: dateUtil.getDay(date),
-          disabled: isDisabled(date),
-          weekStart: index % 7 === 0,
-          weekEnd: index % 7 === 6,
-          rangeStart: selected && model.value.length > 1 && props.range && dateUtil.isSameDay(rangeStart.value, date),
-          rangeEnd: selected && model.value.length === 2 && props.range && dateUtil.isSameDay(rangeEnd.value, date),
-          weekIndex,
-          selected,
-          interval: isInterval(date),
-          today: dateUtil.isSameDay(date, today),
-          adjacent,
-          hidden: adjacent && !props.showAdjacentMonthDates,
-          hovered: false,
-          localized: dateUtil.format(date, 'dayOfMonth')
-        };
-      }));
-    });
-    const weekDays = computed(() => {
-      return i18n.locale && dateUtil.getWeekdays();
-    });
-    const displayYearMonth = computed(() => {
-      return dateUtil.format(month.value, 'monthAndYear');
-    });
-    const rangeStart = computed(() => {
-      if (props.range && model.value?.[0]) {
-        return model.value[0];
-      }
-    });
-    const rangeEnd = computed(() => {
-      if (props.range && model.value?.[1]) {
-        return model.value[1];
-      }
-    });
-    function isDisabled(value) {
-      if (props.disabled) return true;
-      const date = dateUtil.date(value);
-      if (props.min && dateUtil.isAfter(dateUtil.date(props.min), date)) return true;
-      if (props.max && dateUtil.isAfter(date, dateUtil.date(props.max))) return true;
-      if (Array.isArray(props.allowedDates) && props.allowedDates.length > 0) {
-        return !props.allowedDates.some(d => dateUtil.isSameDay(dateUtil.date(d), date));
-      }
-      if (typeof props.allowedDates === 'function') {
-        return !props.allowedDates(date);
-      }
-      return false;
-    }
-    function isInterval(value) {
-      if (!props.range) return false;
-      if (model.value.length === 2) {
-        const date = dateUtil.date(value);
-        const startDate = dateUtil.date(model.value[0]);
-        const endDate = dateUtil.date(model.value[1]);
-        if (dateUtil.isAfter(date, startDate) && dateUtil.isBefore(date, endDate)) {
-          return true;
-        }
-      }
-      return false;
-    }
-    function onClickDay(item) {
-      const value = item.date;
-      if (props.multiple) {
-        const index = model.value.findIndex(selection => dateUtil.isSameDay(selection, value));
-        if (props.range) {
-          if (model.value.length === 1) {
-            const firstDate = dateUtil.date(model.value[0]);
-            const date = dateUtil.date(value);
-            if (dateUtil.isAfter(firstDate, date)) {
-              model.value = [date, dateUtil.endOfDay(model.value[0])];
-            } else {
-              model.value = [dateUtil.startOfDay(model.value[0]), dateUtil.endOfDay(value)];
-            }
-          } else {
-            model.value = [value];
-          }
-        } else {
-          if (index === -1) {
-            model.value = [...model.value, value];
-          } else {
-            const change = [...model.value];
-            change.splice(index, 1);
-            model.value = change;
-          }
-        }
-      } else {
-        model.value = [value];
-      }
-    }
-    useRender(() => _createVNode("div", {
-      "class": ['y-date-calendar', {
-        'y-date-calendar--range': props.range && model.value.length === 2
-      }]
-    }, [!props.hideHeader && _createVNode("header", {
-      "class": "y-date-calendar__header"
-    }, [slots.header ? slots.header() : displayYearMonth.value]), _createVNode("div", {
-      "ref": container$,
-      "class": ['y-date-calendar__container']
-    }, [!props.hideWeekdays && _createVNode("div", {
-      "class": ['y-date-calendar__week']
-    }, [weekDays.value.map(weekDay => _createVNode("div", {
-      "class": ['y-date-calendar__cell', 'y-date-calendar__weekday']
-    }, [weekDay]))]), daysInMonth.value.map((week, i) => {
-      return _createVNode("div", {
-        "class": ['y-date-calendar__week'],
-        "role": "row",
-        "aria-rowindex": i
-      }, [week.map((item, index) => {
-        const slotProps = {
-          props: {
-            onClick: () => {
-              onClickDay(item);
-            }
-          },
-          item,
-          index
-        };
-        return _createVNode("div", {
-          "class": ['y-date-calendar__cell', 'y-date-calendar__day', {
-            'y-date-calendar__day--adjacent': item.adjacent,
-            'y-date-calendar__day--hovered': item.hovered,
-            'y-date-calendar__day--selected': item.selected,
-            'y-date-calendar__day--week-start': item.weekStart,
-            'y-date-calendar__day--week-end': item.weekEnd,
-            'y-date-calendar__day--range-interval': item.interval,
-            'y-date-calendar__day--range-start': item.rangeStart,
-            'y-date-calendar__day--range-end': item.rangeEnd
-          }],
-          "data-date": !item.disabled ? item.isoDate : undefined
-        }, [(props.showAdjacentMonthDates || !item.adjacent) && _createVNode(_Fragment, null, [slots.day?.(slotProps) ?? _createVNode(YButton, _mergeProps({
-          "color": (item.selected || item.today) && !item.disabled ? props.color : undefined,
-          "disabled": item.disabled,
-          "variation": ['rounded', item.selected ? 'filled' : item.today ? 'outlined' : 'text'].join(',')
-        }, slotProps.props), {
-          default: () => [item.day]
-        })])]);
-      })]);
-    })])]));
-    return {
-      day$,
-      container$,
-      dateUtil,
-      displayValue,
-      month,
-      year,
-      rangeStart,
-      rangeEnd,
-      model
-    };
-  }
-});
-//# sourceMappingURL=YDateCalendar.mjs.map