yuyeon 0.3.1-rc.5 → 0.3.1

package/lib/components/progress-ring/YProgressRing.mjs

@@ -1,128 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { useProgress } from "../../composables/progress.mjs";
-import { clamp } from "../../util/index.mjs";
-import { isColorValue } from "../../util/color/index.mjs";
-import { defineComponent } from "../../util/component/index.mjs";
-import { toStyleSizeValue } from "../../util/ui.mjs";
-import "./YProgressRing.scss";
-export const YProgressRing = defineComponent({
-  name: 'YProgressRing',
-  props: {
-    modelValue: {
-      type: Number
-    },
-    rounded: {
-      type: Boolean
-    },
-    size: {
-      type: Number,
-      default: 32
-    },
-    noRewindTransition: {
-      type: Boolean
-    },
-    color: {
-      type: String,
-      default: 'primary'
-    },
-    indeterminate: Boolean,
-    // TODO: Like SpinnerRing
-    reverse: Boolean,
-    /**
-     * Percent value 0~100
-     */
-    width: {
-      type: Number,
-      default: 20
-    }
-  },
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const circumference = 2 * Math.PI * 24;
-    const {
-      numValue,
-      delta
-    } = useProgress(props);
-    const leadColor = computed(() => {
-      let color = props.color ?? '';
-      if (!isColorValue(color)) {
-        color = `var(--y-theme-${color})`;
-      }
-      return color;
-    });
-    const holePath = computed(() => {
-      const widthPercent = clamp(props.width, 1, 100);
-      if (widthPercent === 100) {
-        return '';
-      }
-      const boxSize = 48;
-      const precision = 64;
-      const radius = (100 - widthPercent) / 100 * (boxSize / 2);
-      const vertices = [...Array(precision)].map((_, i) => {
-        const a = -i / (precision - 1) * Math.PI * 2;
-        const x = Math.cos(a) * radius + boxSize / 2;
-        const y = Math.sin(a) * radius + boxSize / 2;
-        return `${x}px ${y}px`;
-      });
-      return `polygon(100% 50%, 100% 100%, 0 100%, 0 0, 100% 0, 100% 50%, ${vertices.join(',')})`;
-    });
-    const dashOffset = computed(() => {
-      return circumference - circumference * numValue.value / 100;
-    });
-    const classes = computed(() => {
-      let noTransition = false;
-      if (props.noRewindTransition && delta.value < 0) {
-        noTransition = true;
-      }
-      return {
-        'y-progress--no-trans': noTransition,
-        'y-progress--indeterminate': props.indeterminate,
-        'y-progress-ring--hole': !!holePath.value
-      };
-    });
-    useRender(() => _createVNode("div", {
-      "class": {
-        'y-progress y-progress-ring': true,
-        ...classes.value
-      },
-      "role": "progressbar",
-      "aria-valuemin": "0",
-      "aria-valuemax": "100",
-      "aria-valuenow": numValue.value,
-      "style": {
-        '--y-progress-ring__size': toStyleSizeValue(props.size),
-        '--y-progress-ring__color': leadColor.value,
-        '--y-progress-ring__value': numValue.value,
-        '--y-progress-ring__hole-path': holePath.value
-      }
-    }, [_createVNode("svg", {
-      "class": "y-progress-ring__tube",
-      "width": "48",
-      "height": "48",
-      "viewBox": "0 0 48 48",
-      "xmlns": "http://www.w3.org/2000/svg"
-    }, [_createVNode("circle", {
-      "class": "y-progress-ring__track",
-      "cx": "24",
-      "cy": "24",
-      "r": "24"
-    }, null), _createVNode("circle", {
-      "class": "y-progress-ring__lead",
-      "cx": "24",
-      "cy": "24",
-      "r": "12",
-      "stroke-width": "24",
-      "stroke-dasharray": circumference / 2,
-      "stroke-dashoffset": dashOffset.value / 2
-    }, null)])]));
-    return {
-      numValue,
-      delta
-    };
-  }
-});
-//# sourceMappingURL=YProgressRing.mjs.map

package/lib/components/progress-ring/YProgressRing.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YProgressRing.mjs","names":["computed","useRender","useProgress","clamp","isColorValue","defineComponent","toStyleSizeValue","YProgressRing","name","props","modelValue","type","Number","rounded","Boolean","size","default","noRewindTransition","color","String","indeterminate","reverse","width","setup","_ref","slots","circumference","Math","PI","numValue","delta","leadColor","holePath","widthPercent","boxSize","precision","radius","vertices","Array","map","_","i","a","x","cos","y","sin","join","dashOffset","value","classes","noTransition","_createVNode"],"sources":["../../../src/components/progress-ring/YProgressRing.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { useProgress } from '@/composables/progress';\r\nimport { clamp } from '@/util';\r\nimport { isColorValue } from '@/util/color';\r\nimport { defineComponent } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport './YProgressRing.scss';\r\n\r\nexport const YProgressRing = defineComponent({\r\n  name: 'YProgressRing',\r\n  props: {\r\n    modelValue: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    rounded: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    size: {\r\n      type: Number as PropType<number>,\r\n      default: 32,\r\n    },\r\n    noRewindTransition: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: 'primary',\r\n    },\r\n    indeterminate: Boolean, // TODO: Like SpinnerRing\r\n    reverse: Boolean,\r\n    /**\r\n     * Percent value 0~100\r\n     */\r\n    width: {\r\n      type: Number,\r\n      default: 20,\r\n    },\r\n  },\r\n  setup(props, { slots }) {\r\n    const circumference = 2 * Math.PI * 24;\r\n\r\n    const { numValue, delta } = useProgress(props);\r\n\r\n    const leadColor = computed(() => {\r\n      let color = props.color ?? '';\r\n      if (!isColorValue(color)) {\r\n        color = `var(--y-theme-${color})`;\r\n      }\r\n      return color;\r\n    });\r\n\r\n    const holePath = computed(() => {\r\n      const widthPercent = clamp(props.width, 1, 100);\r\n      if (widthPercent === 100) {\r\n        return '';\r\n      }\r\n      const boxSize = 48;\r\n      const precision = 64;\r\n      const radius = ((100 - widthPercent) / 100) * (boxSize / 2);\r\n      const vertices = [...Array(precision)].map((_, i) => {\r\n        const a = (-i / (precision - 1)) * Math.PI * 2;\r\n        const x = Math.cos(a) * radius + boxSize / 2;\r\n        const y = Math.sin(a) * radius + boxSize / 2;\r\n        return `${x}px ${y}px`;\r\n      });\r\n      return `polygon(100% 50%, 100% 100%, 0 100%, 0 0, 100% 0, 100% 50%, ${vertices.join(',')})`;\r\n    });\r\n\r\n    const dashOffset = computed(() => {\r\n      return circumference - (circumference * numValue.value) / 100;\r\n    });\r\n\r\n    const classes = computed(() => {\r\n      let noTransition = false;\r\n      if (props.noRewindTransition && delta.value < 0) {\r\n        noTransition = true;\r\n      }\r\n\r\n      return {\r\n        'y-progress--no-trans': noTransition,\r\n        'y-progress--indeterminate': props.indeterminate,\r\n        'y-progress-ring--hole': !!holePath.value,\r\n      };\r\n    });\r\n\r\n    useRender(() => (\r\n      <div\r\n        class={{ 'y-progress y-progress-ring': true, ...classes.value }}\r\n        role=\"progressbar\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\"\r\n        aria-valuenow={numValue.value}\r\n        style={{\r\n          '--y-progress-ring__size': toStyleSizeValue(props.size),\r\n          '--y-progress-ring__color': leadColor.value,\r\n          '--y-progress-ring__value': numValue.value,\r\n          '--y-progress-ring__hole-path': holePath.value,\r\n        }}\r\n      >\r\n        <svg\r\n          class=\"y-progress-ring__tube\"\r\n          width=\"48\"\r\n          height=\"48\"\r\n          viewBox=\"0 0 48 48\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n        >\r\n          <circle class=\"y-progress-ring__track\" cx=\"24\" cy=\"24\" r=\"24\" />\r\n          <circle\r\n            class=\"y-progress-ring__lead\"\r\n            cx=\"24\"\r\n            cy=\"24\"\r\n            r=\"12\"\r\n            stroke-width=\"24\"\r\n            stroke-dasharray={circumference / 2}\r\n            stroke-dashoffset={dashOffset.value / 2}\r\n          />\r\n        </svg>\r\n      </div>\r\n    ));\r\n\r\n    return {\r\n      numValue,\r\n      delta,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YProgressRing = InstanceType<typeof YProgressRing>;\r\n"],"mappings":"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"}

package/lib/components/progress-ring/index.mjs

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

package/lib/components/progress-ring/index.mjs.map

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

package/lib/components/select/YSelect.mjs

@@ -1,344 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { computed, mergeProps, nextTick, onMounted, ref, shallowRef, vShow, watch, withDirectives } from 'vue';
-import { useModelDuplex } from "../../composables/communication.mjs";
-import { useRender } from "../../composables/component.mjs";
-import { pressCoordinateProps } from "../../composables/coordinate/index.mjs";
-import { useI18n } from "../../composables/i18n/index.mjs";
-import { pressListItemsPropsOptions, useItems } from "../../composables/list-items.mjs";
-import { wrapInArray } from "../../util/array.mjs";
-import { deepEqual, omit } from "../../util/common.mjs";
-import { chooseProps, defineComponent, getHtmlElement, propsFactory } from "../../util/component/index.mjs";
-import { getScrollParent } from "../../util/scroll.mjs";
-import { YCard } from "../card/index.mjs";
-import { YFieldInput, pressYFieldInputPropsOptions } from "../field-input/index.mjs";
-import { YIcon } from "../icon/index.mjs";
-import { YList, YListItem } from "../list/index.mjs";
-import { YMenu } from "../menu/index.mjs";
-import "./YSelect.scss";
-export const pressSelectPropsOptions = propsFactory({
-  opened: Boolean,
-  closeOnBlur: Boolean,
-  multiple: Boolean,
-  itemComparator: {
-    type: Function,
-    default: deepEqual
-  },
-  defaultSelect: Boolean,
-  menuProps: {
-    type: Object
-  },
-  ...pressListItemsPropsOptions()
-}, 'Select');
-export const pressYSelectPropsOptions = propsFactory({
-  maxHeight: {
-    type: [Number, String],
-    default: 310
-  },
-  dropdownIcon: {
-    type: [String, Array, Object],
-    default: '$dropdown'
-  },
-  openDelay: {
-    type: Number,
-    default: 200
-  },
-  closeDelay: {
-    type: Number,
-    default: 200
-  },
-  ...pressSelectPropsOptions(),
-  ...pressYFieldInputPropsOptions(),
-  ...omit(pressCoordinateProps({
-    position: 'bottom'
-  }), ['coordinateStrategy'])
-}, 'YSelect');
-export const YSelect = defineComponent({
-  name: 'YSelect',
-  inheritAttrs: false,
-  props: {
-    ...pressYSelectPropsOptions()
-  },
-  emits: {
-    'update:modelValue': value => true,
-    'update:opened': opened => true,
-    'click:item': (item, e) => true,
-    change: value => true
-  },
-  slots: Object,
-  setup(props, _ref) {
-    let {
-      slots,
-      attrs,
-      expose,
-      emit
-    } = _ref;
-    const fieldInputRef = ref();
-    const menuRef = ref();
-    const listRef = ref();
-    const cardRef = ref();
-    const opened = useModelDuplex(props, 'opened');
-    const focused = shallowRef(false);
-    const {
-      items,
-      toRefineItems,
-      toEmitItems
-    } = useItems(props);
-    const {
-      t
-    } = useI18n();
-    const setOut = v => {
-      const emitValue = toEmitItems(wrapInArray(v));
-      return props.multiple ? emitValue : emitValue[0] ?? null;
-    };
-    const model = useModelDuplex(props, 'modelValue', [], v => toRefineItems(v === null ? [null] : wrapInArray(v)), setOut);
-    const selections = computed(() => {
-      const ret = [];
-      for (const v of model.value) {
-        const found = items.value.find(item => {
-          return props.itemComparator(item.value, v.value);
-        });
-        if (found !== undefined) {
-          ret.push(found);
-        }
-      }
-      return ret;
-    });
-    const selected = computed(() => {
-      return selections.value.map(selection => selection?.props?.value);
-    });
-    const extraMenuProps = computed(() => {
-      return {
-        ...props.menuProps,
-        preventCloseBubble: true
-      };
-    });
-    function isSelected(item) {
-      return !!selections.value.find(selectedItem => {
-        return selectedItem?.value === item.value;
-      });
-    }
-
-    // Field
-    function onMousedownDisplay(event) {
-      if (props.disabled) return;
-      opened.value = !opened.value;
-    }
-    function onKeydownDisplay(event) {
-      console.log(event);
-      if (props.disabled) return;
-      if (event.key === 'Enter' || event.key === ' ') {
-        opened.value = !opened.value;
-      }
-    }
-    function onBlur(event) {
-      requestAnimationFrame(() => {
-        const contentEl = menuRef.value?.layer$?.content$;
-        if (contentEl?.contains(document.activeElement)) {
-          return;
-        }
-        if (opened.value && props.closeOnBlur) {
-          opened.value = false;
-        }
-      });
-    }
-
-    // Menu Contents
-    function onClickItem(item, e) {
-      if (item.disabled) return;
-      select(item);
-      if (!props.multiple) {
-        setTimeout(() => {
-          opened.value = false;
-        }, 40);
-      }
-    }
-    function onAfterLeave() {
-      if (!focused.value) {
-        // fieldInputRef.value?.focus();
-      }
-    }
-    function closeCondition(event) {
-      if (event.target && menuRef.value?.layer$?.content$) {
-        return event.target?.contains(menuRef.value?.layer$?.content$);
-      }
-    }
-    function select(item) {
-      let value;
-      if (props.multiple) {
-        const index = selections.value.findIndex(selectedItem => {
-          return selectedItem.value === item.value;
-        });
-        if (index === -1) {
-          value = [...model.value, item];
-        } else {
-          const neo = model.value.slice();
-          neo.splice(index, 1);
-          value = neo;
-        }
-      } else {
-        value = [item];
-      }
-      model.value = value;
-      emit('change', setOut(value));
-    }
-    const displayText = computed(() => {
-      if (props.multiple) {
-        return selections.value.map(item => item.text).join(', ');
-      }
-      return selections.value?.[0]?.text ?? '';
-    });
-    const baseEl = computed(() => {
-      return menuRef.value?.baseEl;
-    });
-    watch(opened, neo => {
-      if (neo) {
-        nextTick(() => {
-          scrollToActiveItem();
-        });
-      }
-    });
-    function scrollToActiveItem() {
-      if (selections.value.length === 0) {
-        return;
-      }
-      const listEl = getHtmlElement(listRef.value);
-      if (listEl) {
-        const activeEl = listEl?.querySelector('.y-list-item--active');
-        const contentEl = menuRef.value?.layer$?.content$;
-        if (activeEl && contentEl) {
-          const scrollEl = getScrollParent(activeEl);
-          if (scrollEl && (contentEl.contains(scrollEl) || contentEl.isSameNode(scrollEl))) {
-            scrollEl.scrollTo({
-              top: activeEl.offsetTop,
-              behavior: 'smooth'
-            });
-          }
-        }
-      }
-    }
-    useRender(() => {
-      const fieldInputProps = chooseProps(props, YFieldInput.props);
-      const dropdownIconProps = chooseProps(typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {}, YIcon.props);
-      return _createVNode(YFieldInput, _mergeProps({
-        "ref": fieldInputRef
-      }, fieldInputProps, {
-        "modelValue": model.value.map(v => v.props.value).join(', '),
-        "validationValue": model.rxValue,
-        "onMousedown:display": onMousedownDisplay,
-        "onKeydown:display": onKeydownDisplay,
-        "onBlur": onBlur,
-        "readonly": true,
-        "class": ['y-select', {
-          'y-select--opened': opened.value,
-          'y-select--selected': selected.value.length > 0
-        }]
-      }, attrs, {
-        "focused": focused.value
-      }), {
-        default: () => {
-          const selectionProps = {
-            items: selections.value.map(item => item.raw),
-            displayText: displayText.value,
-            placeholder: props.placeholder,
-            internalItems: selections.value
-          };
-          return _createVNode(_Fragment, null, [_createVNode("div", {
-            "class": ['y-select__selection']
-          }, [slots.selection ? slots.selection?.(selectionProps) : selected.value.length > 0 ? displayText.value : props.placeholder]), _createVNode(YMenu, _mergeProps({
-            "ref": menuRef,
-            "offset": props.offset,
-            "position": props.position,
-            "align": props.align,
-            "origin": props.origin,
-            "content-classes": ['y-select__content'],
-            "maxHeight": props.maxHeight,
-            "open-on-click-base": false,
-            "onAfterLeave": onAfterLeave,
-            "open-delay": props.openDelay,
-            "close-delay": props.closeDelay,
-            "closeCondition": closeCondition,
-            "base": "parent"
-          }, extraMenuProps.value, {
-            "modelValue": opened.value,
-            "onUpdate:modelValue": $event => opened.value = $event
-          }), {
-            default: slots.menu ? () => slots.menu() : () => _createVNode(YCard, {
-              "ref": cardRef
-            }, {
-              default: () => [slots['menu-prepend']?.(), items.value.length > 0 ? _createVNode(YList, {
-                "ref": listRef
-              }, {
-                default: () => [items.value.map(item => {
-                  const itemProps = {
-                    item,
-                    selected: isSelected(item),
-                    select: () => {
-                      select(item);
-                    }
-                  };
-                  return withDirectives(_createVNode(YListItem, {
-                    "onClick": e => onClickItem(item, e),
-                    "class": [{
-                      'y-list-item--active': isSelected(item)
-                    }],
-                    "disabled": item.disabled
-                  }, {
-                    default: () => slots.item ? slots.item?.(itemProps) : item.text,
-                    leading: slots['item-leading'] && (() => slots['item-leading']?.(itemProps)),
-                    trailing: slots['item-trailing'] && (() => slots['item-trailing']?.(itemProps))
-                  }), [[vShow, !item.hide]]);
-                })]
-              }) : _createVNode("div", {
-                "class": "y-select__no-options"
-              }, [t('$yuyeon.noItems')]), slots['menu-append']?.()]
-            })
-          })]);
-        },
-        leading: slots.leading ? function () {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
-          return slots.leading?.(...args);
-        } : undefined,
-        trailing: function () {
-          return slots['dropdown-icon'] ? slots['dropdown-icon']() : _createVNode(YIcon, _mergeProps(mergeProps(dropdownIconProps), {
-            "icon": props.dropdownIcon,
-            "class": ['y-select__icon']
-          }), null);
-        },
-        label: slots.label ? function () {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
-          return slots.label?.(...args);
-        } : undefined,
-        'helper-text': slots['helper-text'] ? function () {
-          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            args[_key3] = arguments[_key3];
-          }
-          return slots['helper-text']?.(...args);
-        } : undefined
-      });
-    });
-    onMounted(() => {
-      if (props.defaultSelect && (props.modelValue === undefined || Array.isArray(props.modelValue) && props.modelValue.length === 0) && items.value?.length) {
-        select(items.value[0]);
-      }
-    });
-    expose({
-      fieldInputRef,
-      baseEl,
-      opened
-    });
-    return {
-      fieldInputRef,
-      model,
-      selections,
-      selected,
-      menuRef,
-      baseEl,
-      opened
-    };
-  }
-});
-//# sourceMappingURL=YSelect.mjs.map

package/lib/components/select/YSelect.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YSelect.mjs","names":["computed","mergeProps","nextTick","onMounted","ref","shallowRef","vShow","watch","withDirectives","useModelDuplex","useRender","pressCoordinateProps","useI18n","pressListItemsPropsOptions","useItems","wrapInArray","deepEqual","omit","chooseProps","defineComponent","getHtmlElement","propsFactory","getScrollParent","YCard","YFieldInput","pressYFieldInputPropsOptions","YIcon","YList","YListItem","YMenu","pressSelectPropsOptions","opened","Boolean","closeOnBlur","multiple","itemComparator","type","Function","default","defaultSelect","menuProps","Object","pressYSelectPropsOptions","maxHeight","Number","String","dropdownIcon","Array","openDelay","closeDelay","position","YSelect","name","inheritAttrs","props","emits","value","click:item","item","e","change","slots","setup","_ref","attrs","expose","emit","fieldInputRef","menuRef","listRef","cardRef","focused","items","toRefineItems","toEmitItems","t","setOut","v","emitValue","model","selections","ret","found","find","undefined","push","selected","map","selection","extraMenuProps","preventCloseBubble","isSelected","selectedItem","onMousedownDisplay","event","disabled","onKeydownDisplay","console","log","key","onBlur","requestAnimationFrame","contentEl","layer$","content$","contains","document","activeElement","onClickItem","select","setTimeout","onAfterLeave","closeCondition","target","index","findIndex","neo","slice","splice","displayText","text","join","baseEl","scrollToActiveItem","length","listEl","activeEl","querySelector","scrollEl","isSameNode","scrollTo","top","offsetTop","behavior","fieldInputProps","dropdownIconProps","_createVNode","_mergeProps","rxValue","selectionProps","raw","placeholder","internalItems","_Fragment","offset","align","origin","$event","menu","itemProps","leading","trailing","hide","_len","arguments","args","_key","label","_len2","_key2","_len3","_key3","modelValue","isArray"],"sources":["../../../src/components/select/YSelect.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  type SlotsType,\r\n  computed,\r\n  mergeProps,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  shallowRef,\r\n  vShow,\r\n  watch,\r\n  withDirectives,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { useRender } from '@/composables/component';\r\nimport { pressCoordinateProps } from '@/composables/coordinate';\r\nimport { useI18n } from '@/composables/i18n';\r\nimport {\r\n  ListItem,\r\n  pressListItemsPropsOptions,\r\n  useItems,\r\n} from '@/composables/list-items';\r\nimport { wrapInArray } from '@/util/array';\r\nimport { deepEqual, omit } from '@/util/common';\r\nimport {\r\n  chooseProps,\r\n  defineComponent,\r\n  getHtmlElement,\r\n  propsFactory,\r\n} from '@/util/component';\r\nimport { getScrollParent } from '@/util/scroll';\r\n\r\nimport { YCard } from '../card';\r\nimport { YFieldInput, pressYFieldInputPropsOptions } from '../field-input';\r\nimport { YIcon, YIconIconProp } from '../icon';\r\nimport { YList, YListItem } from '../list';\r\nimport { YMenu } from '../menu';\r\n\r\nimport './YSelect.scss';\r\n\r\nexport type ItemComparator = (\r\n  optionsItem: any,\r\n  valueItem: any,\r\n  valueKey?: string,\r\n) => boolean;\r\n\r\nexport const pressSelectPropsOptions = propsFactory(\r\n  {\r\n    opened: Boolean as PropType<boolean>,\r\n    closeOnBlur: Boolean as PropType<boolean>,\r\n    multiple: Boolean,\r\n    itemComparator: {\r\n      type: Function as PropType<ItemComparator>,\r\n      default: deepEqual,\r\n    },\r\n    defaultSelect: Boolean,\r\n    menuProps: {\r\n      type: Object as PropType<YMenu['$props']>,\r\n    },\r\n    ...pressListItemsPropsOptions(),\r\n  },\r\n  'Select',\r\n);\r\n\r\nexport const pressYSelectPropsOptions = propsFactory(\r\n  {\r\n    maxHeight: {\r\n      type: [Number, String],\r\n      default: 310,\r\n    },\r\n    dropdownIcon: {\r\n      type: [String, Array, Object] as PropType<YIconIconProp>,\r\n      default: '$dropdown',\r\n    },\r\n    openDelay: {\r\n      type: Number as PropType<number>,\r\n      default: 200,\r\n    },\r\n    closeDelay: {\r\n      type: Number as PropType<number>,\r\n      default: 200,\r\n    },\r\n    ...pressSelectPropsOptions(),\r\n    ...pressYFieldInputPropsOptions(),\r\n    ...omit(pressCoordinateProps({ position: 'bottom' as 'bottom' }), [\r\n      'coordinateStrategy',\r\n    ]),\r\n  },\r\n  'YSelect',\r\n);\r\n\r\nexport const YSelect = defineComponent({\r\n  name: 'YSelect',\r\n  inheritAttrs: false,\r\n  props: {\r\n    ...pressYSelectPropsOptions(),\r\n  },\r\n  emits: {\r\n    'update:modelValue': (value: any) => true,\r\n    'update:opened': (opened: boolean) => true,\r\n    'click:item': (item: any, e: MouseEvent) => true,\r\n    change: (value: any) => true,\r\n  },\r\n  slots: Object as SlotsType<{\r\n    base: any;\r\n    selection: {\r\n      displayText: string;\r\n      placeholder: undefined | string;\r\n      items: any[];\r\n      internalItems: ListItem[];\r\n    };\r\n    leading: any;\r\n    label: any;\r\n    'helper-text': any;\r\n    menu: any;\r\n    'menu-prepend': any;\r\n    'menu-append': any;\r\n    'dropdown-icon': any;\r\n    item: { item: any; selected: boolean; select: () => void };\r\n    'item-leading': { item: any; selected: boolean; select: () => void };\r\n    'item-trailing': { item: any; selected: boolean; select: () => void };\r\n  }>,\r\n  setup(props, { slots, attrs, expose, emit }) {\r\n    const fieldInputRef = ref();\r\n    const menuRef = ref<InstanceType<typeof YMenu>>();\r\n    const listRef = ref<InstanceType<typeof YList>>();\r\n    const cardRef = ref<any>();\r\n\r\n    const opened = useModelDuplex(props, 'opened');\r\n    const focused = shallowRef(false);\r\n\r\n    const { items, toRefineItems, toEmitItems } = useItems(props);\r\n    const { t } = useI18n();\r\n    const setOut = (v: any) => {\r\n      const emitValue = toEmitItems(wrapInArray(v));\r\n      return props.multiple ? emitValue : emitValue[0] ?? null;\r\n    };\r\n    const model = useModelDuplex(\r\n      props,\r\n      'modelValue',\r\n      [],\r\n      (v) => toRefineItems(v === null ? [null] : wrapInArray(v)),\r\n      setOut,\r\n    );\r\n\r\n    const selections = computed<ListItem[]>(() => {\r\n      const ret: ListItem<any>[] = [];\r\n      for (const v of model.value) {\r\n        const found = items.value.find((item) => {\r\n          return props.itemComparator(item.value, v.value);\r\n        });\r\n        if (found !== undefined) {\r\n          ret.push(found);\r\n        }\r\n      }\r\n      return ret;\r\n    });\r\n\r\n    const selected = computed(() => {\r\n      return selections.value.map((selection) => selection?.props?.value);\r\n    });\r\n\r\n    const extraMenuProps = computed(() => {\r\n      return { ...props.menuProps, preventCloseBubble: true };\r\n    });\r\n\r\n    function isSelected(item: ListItem) {\r\n      return !!selections.value.find((selectedItem) => {\r\n        return selectedItem?.value === item.value;\r\n      });\r\n    }\r\n\r\n    // Field\r\n    function onMousedownDisplay(event: MouseEvent) {\r\n      if (props.disabled) return;\r\n      opened.value = !opened.value;\r\n    }\r\n\r\n    function onKeydownDisplay(event: KeyboardEvent) {\r\n      console.log(event);\r\n      if (props.disabled) return;\r\n      if (event.key === 'Enter' || event.key === ' ') {\r\n        opened.value = !opened.value;\r\n      }\r\n    }\r\n\r\n    function onBlur(event: FocusEvent) {\r\n      requestAnimationFrame(() => {\r\n        const contentEl = (menuRef.value as any)?.layer$?.content$;\r\n        if (contentEl?.contains(document.activeElement)) {\r\n          return;\r\n        }\r\n        if (opened.value && props.closeOnBlur) {\r\n          opened.value = false;\r\n        }\r\n      });\r\n    }\r\n\r\n    // Menu Contents\r\n    function onClickItem(item: ListItem, e: MouseEvent) {\r\n      if (item.disabled) return;\r\n      select(item);\r\n      if (!props.multiple) {\r\n        setTimeout(() => {\r\n          opened.value = false;\r\n        }, 40);\r\n      }\r\n    }\r\n\r\n    function onAfterLeave() {\r\n      if (!focused.value) {\r\n        // fieldInputRef.value?.focus();\r\n      }\r\n    }\r\n\r\n    function closeCondition(event: MouseEvent) {\r\n      if (event.target && (menuRef.value as any)?.layer$?.content$) {\r\n        return (event.target as HTMLElement)?.contains(\r\n          (menuRef.value as any)?.layer$?.content$,\r\n        );\r\n      }\r\n    }\r\n\r\n    function select(item: ListItem) {\r\n      let value;\r\n      if (props.multiple) {\r\n        const index = selections.value.findIndex((selectedItem) => {\r\n          return selectedItem.value === item.value;\r\n        });\r\n        if (index === -1) {\r\n          value = [...model.value, item];\r\n        } else {\r\n          const neo = model.value.slice();\r\n          neo.splice(index, 1);\r\n          value = neo;\r\n        }\r\n      } else {\r\n        value = [item];\r\n      }\r\n      model.value = value;\r\n      emit('change', setOut(value));\r\n    }\r\n\r\n    const displayText = computed(() => {\r\n      if (props.multiple) {\r\n        return selections.value.map((item) => item.text).join(', ');\r\n      }\r\n      return selections.value?.[0]?.text ?? '';\r\n    });\r\n\r\n    const baseEl = computed(() => {\r\n      return menuRef.value?.baseEl;\r\n    });\r\n\r\n    watch(opened, (neo) => {\r\n      if (neo) {\r\n        nextTick(() => {\r\n          scrollToActiveItem();\r\n        });\r\n      }\r\n    });\r\n\r\n    function scrollToActiveItem() {\r\n      if (selections.value.length === 0) {\r\n        return;\r\n      }\r\n      const listEl = getHtmlElement(listRef.value);\r\n      if (listEl) {\r\n        const activeEl = listEl?.querySelector('.y-list-item--active') as\r\n          | HTMLElement\r\n          | undefined;\r\n        const contentEl = (menuRef.value as any)?.layer$\r\n          ?.content$ as HTMLElement;\r\n        if (activeEl && contentEl) {\r\n          const scrollEl = getScrollParent(activeEl);\r\n          if (\r\n            scrollEl &&\r\n            (contentEl.contains(scrollEl) || contentEl.isSameNode(scrollEl))\r\n          ) {\r\n            scrollEl.scrollTo({ top: activeEl.offsetTop, behavior: 'smooth' });\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    useRender(() => {\r\n      const fieldInputProps = chooseProps(props, YFieldInput.props);\r\n      const dropdownIconProps = chooseProps(\r\n        typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {},\r\n        YIcon.props,\r\n      );\r\n      return (\r\n        <YFieldInput\r\n          ref={fieldInputRef}\r\n          {...fieldInputProps}\r\n          modelValue={model.value\r\n            .map((v: any) => v.props.value)\r\n            .join(', ')}\r\n          validationValue={model.rxValue}\r\n          onMousedown:display={onMousedownDisplay}\r\n          onKeydown:display={onKeydownDisplay}\r\n          onBlur={onBlur}\r\n          readonly\r\n          class={[\r\n            'y-select',\r\n            {\r\n              'y-select--opened': opened.value,\r\n              'y-select--selected': selected.value.length > 0,\r\n            },\r\n          ]}\r\n          {...attrs}\r\n          focused={focused.value}\r\n        >\r\n          {{\r\n            default: () => {\r\n              const selectionProps = {\r\n                items: selections.value.map((item) => item.raw),\r\n                displayText: displayText.value,\r\n                placeholder: props.placeholder,\r\n                internalItems: selections.value,\r\n              };\r\n              return <>\r\n                <div class={['y-select__selection']}>\r\n                  {slots.selection\r\n                    ? slots.selection?.(selectionProps)\r\n                    : selected.value.length > 0\r\n                      ? displayText.value\r\n                      : props.placeholder}\r\n                </div>\r\n                <YMenu\r\n                  ref={menuRef}\r\n                  offset={props.offset}\r\n                  position={props.position}\r\n                  align={props.align}\r\n                  origin={props.origin}\r\n                  content-classes={['y-select__content']}\r\n                  maxHeight={props.maxHeight}\r\n                  open-on-click-base={false}\r\n                  onAfterLeave={onAfterLeave}\r\n                  open-delay={props.openDelay}\r\n                  close-delay={props.closeDelay}\r\n                  closeCondition={closeCondition}\r\n                  base=\"parent\"\r\n                  {...extraMenuProps.value}\r\n                  v-model={opened.value}\r\n                >\r\n                  {{\r\n                    default: slots.menu\r\n                      ? () => slots.menu()\r\n                      : () => (\r\n                        <YCard ref={cardRef}>\r\n                          {slots['menu-prepend']?.()}\r\n                          {items.value.length > 0 ? (\r\n                            <YList ref={listRef}>\r\n                              {items.value.map((item) => {\r\n                                const itemProps = {\r\n                                  item,\r\n                                  selected: isSelected(item),\r\n                                  select: () => {\r\n                                    select(item);\r\n                                  },\r\n                                };\r\n                                return withDirectives(\r\n                                  <YListItem\r\n                                    onClick={(e) => onClickItem(item, e)}\r\n                                    class={[\r\n                                      {\r\n                                        'y-list-item--active': isSelected(item),\r\n                                      },\r\n                                    ]}\r\n                                    disabled={item.disabled}\r\n                                  >\r\n                                    {{\r\n                                      default: () =>\r\n                                        slots.item\r\n                                          ? slots.item?.(itemProps)\r\n                                          : item.text,\r\n                                      leading:\r\n                                        slots['item-leading'] &&\r\n                                        (() => slots['item-leading']?.(itemProps)),\r\n                                      trailing:\r\n                                        slots['item-trailing'] &&\r\n                                        (() => slots['item-trailing']?.(itemProps)),\r\n                                    }}\r\n                                  </YListItem>,\r\n                                  [[vShow, !item.hide]],\r\n                                );\r\n                              })}\r\n                            </YList>\r\n                          ) : (\r\n                            <div class=\"y-select__no-options\">\r\n                              {t('$yuyeon.noItems')}\r\n                            </div>\r\n                          )}\r\n                          {slots['menu-append']?.()}\r\n                        </YCard>\r\n                      ),\r\n                  }}\r\n                </YMenu>\r\n              </>\r\n            },\r\n            leading: slots.leading\r\n              ? (...args: any[]) => slots.leading?.(...args)\r\n              : undefined,\r\n            trailing: (...args: any[]) => {\r\n              return slots['dropdown-icon'] ? (\r\n                slots['dropdown-icon']()\r\n              ) : (\r\n                <YIcon\r\n                  {...mergeProps(dropdownIconProps)}\r\n                  icon={props.dropdownIcon}\r\n                  class={['y-select__icon']}\r\n                ></YIcon>\r\n              );\r\n            },\r\n            label: slots.label\r\n              ? (...args: any[]) => slots.label?.(...args)\r\n              : undefined,\r\n            'helper-text': slots['helper-text']\r\n              ? (...args: any[]) => slots['helper-text']?.(...args)\r\n              : undefined,\r\n          }}\r\n        </YFieldInput>\r\n      );\r\n    });\r\n\r\n    onMounted(() => {\r\n      if (\r\n        props.defaultSelect &&\r\n        (props.modelValue === undefined ||\r\n          (Array.isArray(props.modelValue) && props.modelValue.length === 0)) &&\r\n        items.value?.length\r\n      ) {\r\n        select(items.value[0]);\r\n      }\r\n    });\r\n\r\n    expose({\r\n      fieldInputRef,\r\n      baseEl,\r\n      opened,\r\n    });\r\n\r\n    return {\r\n      fieldInputRef,\r\n      model,\r\n      selections,\r\n      selected,\r\n      menuRef,\r\n      baseEl,\r\n      opened,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YSelect = InstanceType<typeof YSelect>;\r\n"],"mappings":"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"}

package/lib/components/select/index.mjs

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

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

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

package/lib/components/slider/YSlider.mjs

@@ -1,26 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { useRender } from "../../composables/component.mjs";
-import { defineComponent } from "../../util/component/component.mjs";
-import { propsFactory } from "../../util/component/props.mjs";
-export const pressYSliderPropsOptions = propsFactory({
-  modelValue: Number
-}, 'YSlider');
-export const YSlider = defineComponent({
-  name: 'YSlider',
-  props: {
-    ...pressYSliderPropsOptions()
-  },
-  emits: {
-    'update:modelValue': () => true
-  },
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    useRender(() => _createVNode("div", {
-      "class": ['y-slider']
-    }, null));
-    return {};
-  }
-});
-//# sourceMappingURL=YSlider.mjs.map

package/lib/components/slider/YSlider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YSlider.mjs","names":["useRender","defineComponent","propsFactory","pressYSliderPropsOptions","modelValue","Number","YSlider","name","props","emits","update:modelValue","setup","_ref","slots","_createVNode"],"sources":["../../../src/components/slider/YSlider.tsx"],"sourcesContent":["import { PropType } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component/component';\r\nimport { propsFactory } from '@/util/component/props';\r\n\r\nexport const pressYSliderPropsOptions = propsFactory(\r\n  {\r\n    modelValue: Number as PropType<number>,\r\n  },\r\n  'YSlider',\r\n);\r\n\r\nexport const YSlider = defineComponent({\r\n  name: 'YSlider',\r\n  props: {\r\n    ...pressYSliderPropsOptions(),\r\n  },\r\n  emits: {\r\n    'update:modelValue': () => true,\r\n  },\r\n  setup(props, { slots }) {\r\n    useRender(() => <div class={['y-slider']}></div>);\r\n\r\n    return {};\r\n  },\r\n});\r\n\r\nexport type YSlider = InstanceType<typeof YSlider>;\r\n"],"mappings":";SAESA,SAAS;AAAA,SACTC,eAAe;AAAA,SACfC,YAAY;AAErB,OAAO,MAAMC,wBAAwB,GAAGD,YAAY,CAClD;EACEE,UAAU,EAAEC;AACd,CAAC,EACD,SACF,CAAC;AAED,OAAO,MAAMC,OAAO,GAAGL,eAAe,CAAC;EACrCM,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE;IACL,GAAGL,wBAAwB,CAAC;EAC9B,CAAC;EACDM,KAAK,EAAE;IACL,mBAAmB,EAAEC,CAAA,KAAM;EAC7B,CAAC;EACDC,KAAKA,CAACH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpBZ,SAAS,CAAC,MAAAc,YAAA;MAAA,SAAkB,CAAC,UAAU;IAAC,QAAQ,CAAC;IAEjD,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/slider/index.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/slider/index.ts"],"sourcesContent":[""],"mappings":""}