yuyeon 0.3.2-rc.4 → 0.3.2-rc.5

package/lib/components/field-input/YFieldInput.js

@@ -177,7 +177,10 @@ export const YFieldInput = defineComponent({
         "class": [`${NAME}__field`],
         "data-id": defaultProps.attrId,
         "ref": 'field'
-      }, [props.floating ? yInput$.value?.createLabel?.() : undefined, slots.default?.(defaultProps), _createVNode("input", {
+      }, [props.floating ? yInput$.value?.createLabel?.() : undefined, slots.default?.({
+        ...defaultProps,
+        focused: focused.value
+      }), _createVNode("input", {
         "ref": input$,
         "value": displayValue.value,
         "name": props.name,

package/lib/components/field-input/YFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"YFieldInput.js","names":["computed","getCurrentInstance","nextTick","ref","toRef","watch","useRender","useFocus","chooseProps","defineComponent","propsFactory","YIconClear","YInput","pressYInputPropsOptions","NAME","pressYFieldInputPropsOptions","enableClear","Boolean","inputAlign","String","inlineLabel","displayText","Function","whenInputValid","Number","tabindex","type","default","variation","YFieldInput","name","props","emits","slots","Object","setup","_ref","attrs","expose","emit","yInput$","input$","focused","whenFocus","whenBlur","inValue","displayValue","inputType","classes","onClick","event","onFocus","value","onBlur","changeDisplay","onInput","target","onChange","onKeydown","onKeyup","onClickClear","clear","onKeydownClear","code","focus","select","vm","undefined","text","call","modelValue","neo","immediate","extended","validate","invokeValidators","resetError","onUpdateModel","_createVNode","_mergeProps","$event","leading","args","leadingChildren","slot","push","defaultProps","attrId","floating","createLabel","readonly","loading","placeholder","disabled","autocomplete","maxlength","min","max","style","textAlign","size","trailing","_Fragment","label","prepend","append","slotProps"],"sources":["../../../src/components/field-input/YFieldInput.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  computed,\n  getCurrentInstance,\n  nextTick,\n  ref,\n  toRef,\n  watch,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useFocus } from '@/composables/focus';\nimport { chooseProps, defineComponent, propsFactory } from '@/util/component';\n\nimport { YIconClear } from '../icons/YIconClear';\nimport {\n  YInput,\n  YInputDefaultSlotProps,\n  pressYInputPropsOptions,\n} from '../input';\n\nimport './YFieldInput.scss';\n\nconst NAME = 'y-field-input';\n\nexport const pressYFieldInputPropsOptions = propsFactory(\n  {\n    enableClear: Boolean as PropType<boolean>,\n    inputAlign: String as PropType<string>,\n    inlineLabel: Boolean as PropType<boolean>,\n    displayText: [String, Function] as PropType<\n      string | ((value: any) => string)\n    >,\n    whenInputValid: [Boolean, Number] as PropType<boolean | number>,\n    tabindex: {\n      type: String as PropType<string>,\n      default: '0',\n    },\n    type: {\n      type: String as PropType<string>,\n      default: 'text',\n    },\n    ...pressYInputPropsOptions({\n      variation: 'filled',\n    }),\n  },\n  'YFieldInput',\n);\n\nexport const YFieldInput = defineComponent({\n  name: 'YFieldInput',\n  props: {\n    ...pressYFieldInputPropsOptions(),\n  },\n  emits: [\n    'update:modelValue',\n    'update:focused',\n    'input',\n    'change',\n    'click',\n    'mousedown',\n    'mouseup',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n    'mousedown:display',\n    'keydown:display',\n    'click:clear',\n  ],\n  slots: Object as SlotsType<{\n    prepend: any;\n    append: any;\n    label: any;\n    default: YInputDefaultSlotProps;\n    leading: { error: boolean };\n    trailing: any;\n    'leading-out': any;\n    'trailing-out': any;\n    'helper-text': { error: boolean; errorResult: string | undefined };\n  }>,\n  setup(props, { attrs, expose, emit, slots }) {\n    const yInput$ = ref<YInput>();\n    const input$ = ref<HTMLInputElement>();\n    const { focused, whenFocus, whenBlur } = useFocus(props, 'y-field-input');\n    const inValue = ref<any>('');\n    const displayValue = ref('');\n    const inputType = toRef(props, 'type');\n\n    const classes = computed(() => {\n      return {\n        [NAME]: true,\n        [`${NAME}--inline-label`]: !!props.inlineLabel,\n      };\n    });\n\n    function onClick(event: MouseEvent) {\n      emit('click', event);\n    }\n\n    function onFocus(event: FocusEvent) {\n      whenFocus();\n      displayValue.value = inValue.value as string;\n      emit('focus', event);\n    }\n\n    function onBlur(event: FocusEvent) {\n      whenBlur();\n      emit('blur', event);\n      changeDisplay();\n    }\n\n    function onInput(event: Event) {\n      emit('input', event);\n      const target = event.target as HTMLInputElement | null;\n      inValue.value = target?.value;\n      displayValue.value = target?.value as string;\n    }\n\n    function onChange(event: Event) {\n      emit('change', inValue.value);\n    }\n\n    function onKeydown(event: KeyboardEvent) {\n      emit('keydown', event);\n    }\n\n    function onKeyup(event: KeyboardEvent) {\n      emit('keyup', event);\n    }\n\n    function onClickClear(event: MouseEvent) {\n      emit('click:clear', event);\n      clear();\n    }\n\n    function onKeydownClear(event: KeyboardEvent) {\n      if (event.code === 'Space' || event.code === 'Enter') {\n        clear();\n      }\n    }\n\n    function focus() {\n      input$.value?.focus();\n    }\n\n    function select() {\n      input$.value?.select();\n    }\n\n    function clear() {\n      inValue.value = '';\n      displayValue.value = '';\n      emit('update:modelValue', inValue.value);\n      emit('change', inValue.value);\n    }\n\n    function changeDisplay() {\n      const vm = getCurrentInstance();\n      const { displayText } = props;\n      if (displayText !== undefined) {\n        let text = inValue.value;\n        if (typeof displayText === 'string') {\n          text = displayText;\n        }\n        if (displayText && typeof displayText === 'function') {\n          text = (displayText as any).call(vm, text);\n        }\n        nextTick(() => {\n          displayValue.value = text as string;\n        });\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      (neo: any) => {\n        inValue.value = neo;\n        displayValue.value = neo;\n      },\n      {\n        immediate: true,\n      },\n    );\n\n    watch(\n      inValue,\n      (neo: string) => {\n        if (!focused.value) {\n          changeDisplay();\n        } else {\n          displayValue.value = neo;\n        }\n      },\n      { immediate: true },\n    );\n\n    const extended = {\n      focus,\n      select,\n      clear,\n    };\n\n    expose({\n      ...extended,\n      input$,\n      validate: () => yInput$.value?.invokeValidators(),\n      resetError: () => yInput$.value?.resetError(),\n    });\n\n    function onUpdateModel(value: any) {\n      emit('update:modelValue', value);\n    }\n\n    useRender(() => (\n      <YInput\n        class={classes.value}\n        ref={yInput$}\n        {...chooseProps(props, YInput.props)}\n        modelValue={inValue.value}\n        focused={focused.value}\n        extended={extended}\n        onUpdate:modelValue={onUpdateModel}\n        onClick={onClick}\n        onMousedown:display={($event) => emit('mousedown:display', $event)}\n        onKeydown:display={($event) => emit('keydown:display', $event)}\n      >\n        {{\n          leading: slots.leading\n            ? (args: any) => {\n                const leadingChildren = [];\n                const slot = slots.leading?.(args);\n                if (slot) {\n                  leadingChildren.push(slot);\n                } else {\n                  return undefined;\n                }\n                return leadingChildren;\n              }\n            : undefined,\n          default: (defaultProps: YInputDefaultSlotProps) => (\n            <div\n              class={[`${NAME}__field`]}\n              data-id={defaultProps.attrId}\n              ref={'field'}\n            >\n              {props.floating ? yInput$.value?.createLabel?.() : undefined}\n              {slots.default?.(defaultProps)}\n              {\n                <input\n                  ref={input$}\n                  value={displayValue.value}\n                  name={props.name}\n                  id={defaultProps.attrId}\n                  type={inputType.value}\n                  readonly={\n                    props.readonly || props.loading || defaultProps.loading\n                  }\n                  placeholder={props.placeholder}\n                  disabled={props.disabled}\n                  tabindex={props.tabindex || '0'}\n                  autocomplete={attrs.autocomplete as string}\n                  maxlength={attrs.maxlength as number | string}\n                  min={attrs.min as number | string}\n                  max={attrs.max as number | string}\n                  style={[attrs?.style, { textAlign: props.inputAlign } as any]}\n                  size={(attrs.size ?? 1) as number}\n                  onInput={onInput}\n                  onFocus={onFocus}\n                  onBlur={onBlur}\n                  onChange={onChange}\n                  onKeydown={onKeydown}\n                  onKeyup={onKeyup}\n                />\n              }\n            </div>\n          ),\n          trailing:\n            slots.trailing || (props.enableClear && inValue.value)\n              ? () => (\n                  <>\n                    {props.enableClear && inValue.value && (\n                      <div\n                        class={[\n                          'y-input__trailing',\n                          'y-input__trailing--clear',\n                        ]}\n                      >\n                        <button\n                          class={[`${NAME}__clear`]}\n                          disabled={props.disabled}\n                          onClick={onClickClear}\n                          onKeydown={onKeydownClear}\n                          tabindex={2}\n                        >\n                          <YIconClear></YIconClear>\n                        </button>\n                      </div>\n                    )}\n                    {slots.trailing && (\n                      <div class={['y-input__trailing']}>\n                        {slots.trailing()}\n                      </div>\n                    )}\n                  </>\n                )\n              : undefined,\n          label: slots.label ? () => slots.label?.() : undefined,\n          prepend: slots.prepend ? () => slots.prepend?.() : undefined,\n          append: slots.append ? () => slots.append?.() : undefined,\n          'leading-out': slots['leading-out']\n            ? () => slots['leading-out']?.()\n            : undefined,\n          'trailing-out': slots['trailing-out']\n            ? () => slots['trailing-out']?.()\n            : undefined,\n          'helper-text': slots['helper-text']\n            ? (slotProps: any) => slots['helper-text']?.(slotProps)\n            : undefined,\n        }}\n      </YInput>\n    ));\n\n    return {\n      focused,\n      inValue,\n    };\n  },\n});\n\nexport type YFieldInput = InstanceType<typeof YFieldInput>;\n"],"mappings":"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"}
+{"version":3,"file":"YFieldInput.js","names":["computed","getCurrentInstance","nextTick","ref","toRef","watch","useRender","useFocus","chooseProps","defineComponent","propsFactory","YIconClear","YInput","pressYInputPropsOptions","NAME","pressYFieldInputPropsOptions","enableClear","Boolean","inputAlign","String","inlineLabel","displayText","Function","whenInputValid","Number","tabindex","type","default","variation","YFieldInput","name","props","emits","slots","Object","setup","_ref","attrs","expose","emit","yInput$","input$","focused","whenFocus","whenBlur","inValue","displayValue","inputType","classes","onClick","event","onFocus","value","onBlur","changeDisplay","onInput","target","onChange","onKeydown","onKeyup","onClickClear","clear","onKeydownClear","code","focus","select","vm","undefined","text","call","modelValue","neo","immediate","extended","validate","invokeValidators","resetError","onUpdateModel","_createVNode","_mergeProps","$event","leading","args","leadingChildren","slot","push","defaultProps","attrId","floating","createLabel","readonly","loading","placeholder","disabled","autocomplete","maxlength","min","max","style","textAlign","size","trailing","_Fragment","label","prepend","append","slotProps"],"sources":["../../../src/components/field-input/YFieldInput.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  computed,\n  getCurrentInstance,\n  nextTick,\n  ref,\n  toRef,\n  watch,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useFocus } from '@/composables/focus';\nimport { chooseProps, defineComponent, propsFactory } from '@/util/component';\n\nimport { YIconClear } from '../icons/YIconClear';\nimport {\n  YInput,\n  YInputDefaultSlotProps,\n  pressYInputPropsOptions,\n} from '../input';\n\nimport './YFieldInput.scss';\n\nconst NAME = 'y-field-input';\n\nexport const pressYFieldInputPropsOptions = propsFactory(\n  {\n    enableClear: Boolean as PropType<boolean>,\n    inputAlign: String as PropType<string>,\n    inlineLabel: Boolean as PropType<boolean>,\n    displayText: [String, Function] as PropType<\n      string | ((value: any) => string)\n    >,\n    whenInputValid: [Boolean, Number] as PropType<boolean | number>,\n    tabindex: {\n      type: String as PropType<string>,\n      default: '0',\n    },\n    type: {\n      type: String as PropType<string>,\n      default: 'text',\n    },\n    ...pressYInputPropsOptions({\n      variation: 'filled',\n    }),\n  },\n  'YFieldInput',\n);\n\nexport const YFieldInput = defineComponent({\n  name: 'YFieldInput',\n  props: {\n    ...pressYFieldInputPropsOptions(),\n  },\n  emits: [\n    'update:modelValue',\n    'update:focused',\n    'input',\n    'change',\n    'click',\n    'mousedown',\n    'mouseup',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n    'mousedown:display',\n    'keydown:display',\n    'click:clear',\n  ],\n  slots: Object as SlotsType<{\n    prepend: any;\n    append: any;\n    label: any;\n    default: YInputDefaultSlotProps & { focused: boolean };\n    leading: { error: boolean };\n    trailing: any;\n    'leading-out': any;\n    'trailing-out': any;\n    'helper-text': { error: boolean; errorResult: string | undefined };\n  }>,\n  setup(props, { attrs, expose, emit, slots }) {\n    const yInput$ = ref<YInput>();\n    const input$ = ref<HTMLInputElement>();\n    const { focused, whenFocus, whenBlur } = useFocus(props, 'y-field-input');\n    const inValue = ref<any>('');\n    const displayValue = ref('');\n    const inputType = toRef(props, 'type');\n\n    const classes = computed(() => {\n      return {\n        [NAME]: true,\n        [`${NAME}--inline-label`]: !!props.inlineLabel,\n      };\n    });\n\n    function onClick(event: MouseEvent) {\n      emit('click', event);\n    }\n\n    function onFocus(event: FocusEvent) {\n      whenFocus();\n      displayValue.value = inValue.value as string;\n      emit('focus', event);\n    }\n\n    function onBlur(event: FocusEvent) {\n      whenBlur();\n      emit('blur', event);\n      changeDisplay();\n    }\n\n    function onInput(event: Event) {\n      emit('input', event);\n      const target = event.target as HTMLInputElement | null;\n      inValue.value = target?.value;\n      displayValue.value = target?.value as string;\n    }\n\n    function onChange(event: Event) {\n      emit('change', inValue.value);\n    }\n\n    function onKeydown(event: KeyboardEvent) {\n      emit('keydown', event);\n    }\n\n    function onKeyup(event: KeyboardEvent) {\n      emit('keyup', event);\n    }\n\n    function onClickClear(event: MouseEvent) {\n      emit('click:clear', event);\n      clear();\n    }\n\n    function onKeydownClear(event: KeyboardEvent) {\n      if (event.code === 'Space' || event.code === 'Enter') {\n        clear();\n      }\n    }\n\n    function focus() {\n      input$.value?.focus();\n    }\n\n    function select() {\n      input$.value?.select();\n    }\n\n    function clear() {\n      inValue.value = '';\n      displayValue.value = '';\n      emit('update:modelValue', inValue.value);\n      emit('change', inValue.value);\n    }\n\n    function changeDisplay() {\n      const vm = getCurrentInstance();\n      const { displayText } = props;\n      if (displayText !== undefined) {\n        let text = inValue.value;\n        if (typeof displayText === 'string') {\n          text = displayText;\n        }\n        if (displayText && typeof displayText === 'function') {\n          text = (displayText as any).call(vm, text);\n        }\n        nextTick(() => {\n          displayValue.value = text as string;\n        });\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      (neo: any) => {\n        inValue.value = neo;\n        displayValue.value = neo;\n      },\n      {\n        immediate: true,\n      },\n    );\n\n    watch(\n      inValue,\n      (neo: string) => {\n        if (!focused.value) {\n          changeDisplay();\n        } else {\n          displayValue.value = neo;\n        }\n      },\n      { immediate: true },\n    );\n\n    const extended = {\n      focus,\n      select,\n      clear,\n    };\n\n    expose({\n      ...extended,\n      input$,\n      validate: () => yInput$.value?.invokeValidators(),\n      resetError: () => yInput$.value?.resetError(),\n    });\n\n    function onUpdateModel(value: any) {\n      emit('update:modelValue', value);\n    }\n\n    useRender(() => (\n      <YInput\n        class={classes.value}\n        ref={yInput$}\n        {...chooseProps(props, YInput.props)}\n        modelValue={inValue.value}\n        focused={focused.value}\n        extended={extended}\n        onUpdate:modelValue={onUpdateModel}\n        onClick={onClick}\n        onMousedown:display={($event) => emit('mousedown:display', $event)}\n        onKeydown:display={($event) => emit('keydown:display', $event)}\n      >\n        {{\n          leading: slots.leading\n            ? (args: any) => {\n                const leadingChildren = [];\n                const slot = slots.leading?.(args);\n                if (slot) {\n                  leadingChildren.push(slot);\n                } else {\n                  return undefined;\n                }\n                return leadingChildren;\n              }\n            : undefined,\n          default: (defaultProps: YInputDefaultSlotProps) => (\n            <div\n              class={[`${NAME}__field`]}\n              data-id={defaultProps.attrId}\n              ref={'field'}\n            >\n              {props.floating ? yInput$.value?.createLabel?.() : undefined}\n              {slots.default?.({ ...defaultProps, focused: focused.value })}\n              {\n                <input\n                  ref={input$}\n                  value={displayValue.value}\n                  name={props.name}\n                  id={defaultProps.attrId}\n                  type={inputType.value}\n                  readonly={\n                    props.readonly || props.loading || defaultProps.loading\n                  }\n                  placeholder={props.placeholder}\n                  disabled={props.disabled}\n                  tabindex={props.tabindex || '0'}\n                  autocomplete={attrs.autocomplete as string}\n                  maxlength={attrs.maxlength as number | string}\n                  min={attrs.min as number | string}\n                  max={attrs.max as number | string}\n                  style={[attrs?.style, { textAlign: props.inputAlign } as any]}\n                  size={(attrs.size ?? 1) as number}\n                  onInput={onInput}\n                  onFocus={onFocus}\n                  onBlur={onBlur}\n                  onChange={onChange}\n                  onKeydown={onKeydown}\n                  onKeyup={onKeyup}\n                />\n              }\n            </div>\n          ),\n          trailing:\n            slots.trailing || (props.enableClear && inValue.value)\n              ? () => (\n                  <>\n                    {props.enableClear && inValue.value && (\n                      <div\n                        class={[\n                          'y-input__trailing',\n                          'y-input__trailing--clear',\n                        ]}\n                      >\n                        <button\n                          class={[`${NAME}__clear`]}\n                          disabled={props.disabled}\n                          onClick={onClickClear}\n                          onKeydown={onKeydownClear}\n                          tabindex={2}\n                        >\n                          <YIconClear></YIconClear>\n                        </button>\n                      </div>\n                    )}\n                    {slots.trailing && (\n                      <div class={['y-input__trailing']}>\n                        {slots.trailing()}\n                      </div>\n                    )}\n                  </>\n                )\n              : undefined,\n          label: slots.label ? () => slots.label?.() : undefined,\n          prepend: slots.prepend ? () => slots.prepend?.() : undefined,\n          append: slots.append ? () => slots.append?.() : undefined,\n          'leading-out': slots['leading-out']\n            ? () => slots['leading-out']?.()\n            : undefined,\n          'trailing-out': slots['trailing-out']\n            ? () => slots['trailing-out']?.()\n            : undefined,\n          'helper-text': slots['helper-text']\n            ? (slotProps: any) => slots['helper-text']?.(slotProps)\n            : undefined,\n        }}\n      </YInput>\n    ));\n\n    return {\n      focused,\n      inValue,\n    };\n  },\n});\n\nexport type YFieldInput = InstanceType<typeof YFieldInput>;\n"],"mappings":"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"}

package/lib/components/input/YInput.js

@@ -226,7 +226,8 @@ export const YInput = defineComponent({
       })]), slots.default ? slots.default({
         value: props.modelValue,
         loading: isLoading.value,
-        attrId: `y-input--${UID}`
+        attrId: `y-input--${UID}`,
+        focused: isFocused.value
       }) : _createVNode("div", {
         "class": `${NAME}__value`,
         "data-id": `y-input--${UID}`,

package/lib/components/input/YInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"YInput.js","names":["computed","ref","shallowRef","watch","useRender","pressFocusPropsOptions","useFocus","pressThemePropsOptions","useLocalTheme","pressValidationPropsOptions","useValidation","defineComponent","getUid","propsFactory","toStyleSizeValue","NAME","pressYInputPropsOptions","name","String","width","type","Number","height","displayTag","default","label","modelValue","Array","Object","autoSelect","Boolean","floating","floated","placeholder","required","loading","variation","outlined","filled","ceramic","extended","YInput","props","emits","slots","setup","_ref","attrs","expose","emit","UID","themeClasses","focused","isFocused","focusedClasses","whenFocus","whenBlur","isDisabled","isReadonly","isLoading","invokeValidators","resetError","isError","isSuccess","errors","errorResult","stack$","display$","inValue","lazyValue","hasMouseDown","variations","split","map","value","trim","isFloatedLabel","classes","includes","displayStyles","neo","readonly","onClick","event","onMousedown","e","onMouseup","onKeydown","onFocus","onBlur","onClickLeading","onChange","createLabel","show","undefined","_createVNode","_Fragment","_createTextVNode","validate","prepend","leading","error","attrId","toString","trailing","helperText","append"],"sources":["../../../src/components/input/YInput.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  type SlotsType,\r\n  type VNode,\r\n  computed,\r\n  ref,\r\n  shallowRef,\r\n  watch,\r\n} from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { pressFocusPropsOptions, useFocus } from '@/composables/focus';\r\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\r\nimport {\r\n  pressValidationPropsOptions,\r\n  useValidation,\r\n} from '@/composables/validation';\r\nimport { defineComponent, getUid, propsFactory } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport './YInput.scss';\r\n\r\nconst NAME = 'y-input';\r\n\r\nexport const pressYInputPropsOptions = propsFactory(\r\n  {\r\n    name: String,\r\n    width: {\r\n      type: [String, Number] as PropType<string | number>,\r\n    },\r\n    height: [Number, String],\r\n    displayTag: {\r\n      type: String as PropType<string>,\r\n      default: 'div',\r\n    },\r\n    label: String as PropType<string>,\r\n    modelValue: { type: [String, Number, Array, Object] as PropType<any> },\r\n    autoSelect: {\r\n      type: Boolean as PropType<boolean>,\r\n      default: true,\r\n    },\r\n    floating: { type: Boolean as PropType<boolean>, default: false },\r\n    floated: { type: Boolean as PropType<boolean>, default: () => false },\r\n    placeholder: String as PropType<string>,\r\n    required: Boolean as PropType<boolean>,\r\n    loading: Boolean as PropType<boolean>,\r\n    // variations\r\n    variation: String as PropType<string>,\r\n    outlined: Boolean as PropType<boolean>,\r\n    filled: Boolean as PropType<boolean>,\r\n    ceramic: Boolean as PropType<boolean>,\r\n    // validate\r\n    ...pressValidationPropsOptions(),\r\n    ...pressFocusPropsOptions(),\r\n    extended: Object as PropType<any>,\r\n  },\r\n  'YInput',\r\n);\r\n\r\nexport interface YInputDefaultSlotProps {\r\n  value: any;\r\n  loading: boolean;\r\n  attrId: string;\r\n}\r\n\r\nexport const YInput = defineComponent({\r\n  name: 'YInput',\r\n  props: {\r\n    ...pressThemePropsOptions(),\r\n    ...pressYInputPropsOptions(),\r\n  },\r\n  emits: [\r\n    'error',\r\n    'click',\r\n    'mousedown',\r\n    'mouseup',\r\n    'focus',\r\n    'blur',\r\n    'mousedown:display',\r\n    'mouseup:display',\r\n    'keydown:display',\r\n    'click:leading',\r\n    'update:modelValue',\r\n    'update:focused',\r\n  ],\r\n  slots: Object as SlotsType<{\r\n    prepend: any;\r\n    append: any;\r\n    label: any;\r\n    default: YInputDefaultSlotProps;\r\n    leading: { error: boolean };\r\n    trailing: any;\r\n    'leading-out': any;\r\n    'trailing-out': any;\r\n    'helper-text': {\r\n      error: boolean;\r\n      errorResult: string | undefined;\r\n      errors: any[];\r\n    };\r\n  }>,\r\n  setup(props, { slots, attrs, expose, emit }) {\r\n    const UID = getUid();\r\n    const { themeClasses } = useLocalTheme(props);\r\n    const {\r\n      focused: isFocused,\r\n      focusedClasses,\r\n      whenFocus,\r\n      whenBlur,\r\n    } = useFocus(props, 'y-input');\r\n\r\n    const {\r\n      isDisabled,\r\n      isReadonly,\r\n      isLoading,\r\n      invokeValidators,\r\n      resetError,\r\n      isError,\r\n      isSuccess,\r\n      errors,\r\n      errorResult,\r\n    } = useValidation(props, NAME, UID);\r\n\r\n    const stack$ = ref();\r\n    const display$ = ref();\r\n\r\n    const inValue = ref();\r\n    const lazyValue = ref();\r\n    const hasMouseDown = shallowRef(false);\r\n\r\n    const variations = computed(() => {\r\n      if (props.variation) {\r\n        return props.variation.split(',').map((value) => {\r\n          return value.trim();\r\n        });\r\n      }\r\n      return [];\r\n    });\r\n\r\n    const isFloatedLabel = computed(() => {\r\n      return (\r\n        props.floated ||\r\n        !!props.placeholder ||\r\n        (!props.placeholder && isFocused.value) ||\r\n        !!inValue.value\r\n      );\r\n    });\r\n\r\n    const classes = computed(() => {\r\n      return {\r\n        // Style\r\n        [themeClasses.value as string]: true,\r\n        'y-input--ceramic': !!props.ceramic,\r\n        'y-input--outlined':\r\n          !props.ceramic &&\r\n          (variations.value.includes('outlined') || !!props.outlined),\r\n        'y-input--filled':\r\n          variations.value.includes('filled') || !!props.filled,\r\n        // Value\r\n        'y-input--loading': isLoading.value,\r\n        'y-input--has-value': !!inValue.value,\r\n        'y-input--focused': isFocused.value,\r\n        'y-input--readonly': isReadonly.value,\r\n        'y-input--disabled': isDisabled.value,\r\n        'y-input--error': isError.value,\r\n        'y-input--success': isSuccess.value,\r\n      };\r\n    });\r\n\r\n    const displayStyles = computed<Record<string, any>>(() => {\r\n      return {\r\n        width: toStyleSizeValue(props.width),\r\n        height: toStyleSizeValue(props.height),\r\n      };\r\n    });\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo) => {\r\n        inValue.value = neo;\r\n      },\r\n    );\r\n\r\n    watch(\r\n      () => props.readonly,\r\n      (neo) => {\r\n        if (!neo) {\r\n          inValue.value = props.modelValue;\r\n        }\r\n      },\r\n    );\r\n\r\n    watch(inValue, (neo) => {\r\n      if (!isReadonly.value && !isLoading.value) {\r\n        emit('update:modelValue', neo);\r\n      }\r\n    });\r\n\r\n    watch(isError, (neo) => {\r\n      emit('error', neo, errors.value);\r\n    });\r\n\r\n    watch(\r\n      () => props.focused,\r\n      (neo) => {\r\n        if (!neo) {\r\n          invokeValidators();\r\n        }\r\n      },\r\n    );\r\n\r\n    function onClick(event: MouseEvent) {\r\n      emit('click', event);\r\n    }\r\n\r\n    function onMousedown(e: Event) {\r\n      hasMouseDown.value = true;\r\n      emit('mousedown:display', e);\r\n    }\r\n\r\n    function onMouseup(e: Event) {\r\n      hasMouseDown.value = false;\r\n      emit('mouseup:display', e);\r\n    }\r\n\r\n    function onKeydown(e: Event) {\r\n      emit('keydown:display', e);\r\n    }\r\n\r\n    function onFocus(event: FocusEvent) {\r\n      whenFocus();\r\n      emit('focus', event);\r\n    }\r\n\r\n    function onBlur(event: FocusEvent) {\r\n      whenBlur();\r\n      invokeValidators();\r\n      emit('blur', event);\r\n    }\r\n\r\n    function onClickLeading(event: MouseEvent) {\r\n      emit('click:leading', event);\r\n    }\r\n\r\n    function onChange(event?: Event) {\r\n      invokeValidators();\r\n    }\r\n\r\n    function createLabel(): VNode | undefined {\r\n      const show = !!props.label || !!slots.label;\r\n      if (!show) {\r\n        return undefined;\r\n      }\r\n      return (\r\n        <label\r\n          class={[\r\n            {\r\n              [`${NAME}__label`]: true,\r\n              'y-input__floating-label': props.floating,\r\n              'y-input__floating-label--floated':\r\n                props.floating && isFloatedLabel.value,\r\n            },\r\n          ]}\r\n          for={`y-input--${UID}`}\r\n        >\r\n          {slots.label ? (\r\n            slots.label()\r\n          ) : props.label ? (\r\n            <>\r\n              {props.label}\r\n              {props.required && (\r\n                <span class={'y-input__required-mark'}>*</span>\r\n              )}\r\n            </>\r\n          ) : (\r\n            props.placeholder && !inValue.value && props.placeholder\r\n          )}\r\n        </label>\r\n      );\r\n    }\r\n\r\n    expose({\r\n      ...(props.extended ?? {}),\r\n      createLabel,\r\n      invokeValidators,\r\n      validate: invokeValidators,\r\n      resetError,\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={[`${NAME}`, { ...classes.value }]}>\r\n          {slots.prepend && (\r\n            <div class={`${NAME}__prepend`}>{slots.prepend()}</div>\r\n          )}\r\n          <div ref={stack$} class={[`${NAME}__stack`]}>\r\n            {!props.floating && createLabel()}\r\n            {slots['leading-out'] && slots['leading-out']()}\r\n            <div\r\n              ref={display$}\r\n              class={`${NAME}__display`}\r\n              style={[{ ...displayStyles.value }]}\r\n              data-base-parent={true}\r\n              onClick={onClick}\r\n              onMousedown={onMousedown}\r\n              onMouseup={onMouseup}\r\n              onKeydown={onKeydown}\r\n            >\r\n              <div class={`${NAME}__plate`}></div>\r\n              {slots.leading && (\r\n                <div class={'y-input__leading'} onClick={onClickLeading}>\r\n                  {slots.leading({ error: isError.value })}\r\n                </div>\r\n              )}\r\n              {slots.default ? (\r\n                slots.default({\r\n                  value: props.modelValue,\r\n                  loading: isLoading.value,\r\n                  attrId: `y-input--${UID}`,\r\n                })\r\n              ) : (\r\n                <div\r\n                  class={`${NAME}__value`}\r\n                  data-id={`y-input--${UID}`}\r\n                  tabindex={0}\r\n                  onFocus={onFocus}\r\n                  onBlur={onBlur}\r\n                >\r\n                  {props.floating && createLabel()}\r\n                  {props.modelValue?.toString()}\r\n                </div>\r\n              )}\r\n              {slots.trailing?.()}\r\n            </div>\r\n            {slots['trailing-out'] && slots['trailing-out']()}\r\n            <div class={`${NAME}__helper-text`}>\r\n              {slots['helper-text'] ? (\r\n                <span>\r\n                  {slots['helper-text']({\r\n                    error: isError.value,\r\n                    errors: errors.value,\r\n                    errorResult: errorResult.value,\r\n                  })}\r\n                </span>\r\n              ) : (\r\n                props.helperText ?? errorResult.value\r\n              )}\r\n            </div>\r\n          </div>\r\n          {slots.append && (\r\n            <div class={`${NAME}__append`}>{slots.append()}</div>\r\n          )}\r\n        </div>\r\n      );\r\n    });\r\n\r\n    return {\r\n      ...(props.extended ?? {}),\r\n      themeClasses,\r\n      isFocused,\r\n      focusedClasses,\r\n      whenFocus,\r\n      whenBlur,\r\n      createLabel,\r\n      invokeValidators,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YInput = InstanceType<typeof YInput>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YInput.js","names":["computed","ref","shallowRef","watch","useRender","pressFocusPropsOptions","useFocus","pressThemePropsOptions","useLocalTheme","pressValidationPropsOptions","useValidation","defineComponent","getUid","propsFactory","toStyleSizeValue","NAME","pressYInputPropsOptions","name","String","width","type","Number","height","displayTag","default","label","modelValue","Array","Object","autoSelect","Boolean","floating","floated","placeholder","required","loading","variation","outlined","filled","ceramic","extended","YInput","props","emits","slots","setup","_ref","attrs","expose","emit","UID","themeClasses","focused","isFocused","focusedClasses","whenFocus","whenBlur","isDisabled","isReadonly","isLoading","invokeValidators","resetError","isError","isSuccess","errors","errorResult","stack$","display$","inValue","lazyValue","hasMouseDown","variations","split","map","value","trim","isFloatedLabel","classes","includes","displayStyles","neo","readonly","onClick","event","onMousedown","e","onMouseup","onKeydown","onFocus","onBlur","onClickLeading","onChange","createLabel","show","undefined","_createVNode","_Fragment","_createTextVNode","validate","prepend","leading","error","attrId","toString","trailing","helperText","append"],"sources":["../../../src/components/input/YInput.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  type SlotsType,\r\n  type VNode,\r\n  computed,\r\n  ref,\r\n  shallowRef,\r\n  watch,\r\n} from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { pressFocusPropsOptions, useFocus } from '@/composables/focus';\r\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\r\nimport {\r\n  pressValidationPropsOptions,\r\n  useValidation,\r\n} from '@/composables/validation';\r\nimport { defineComponent, getUid, propsFactory } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport './YInput.scss';\r\n\r\nconst NAME = 'y-input';\r\n\r\nexport const pressYInputPropsOptions = propsFactory(\r\n  {\r\n    name: String,\r\n    width: {\r\n      type: [String, Number] as PropType<string | number>,\r\n    },\r\n    height: [Number, String],\r\n    displayTag: {\r\n      type: String as PropType<string>,\r\n      default: 'div',\r\n    },\r\n    label: String as PropType<string>,\r\n    modelValue: { type: [String, Number, Array, Object] as PropType<any> },\r\n    autoSelect: {\r\n      type: Boolean as PropType<boolean>,\r\n      default: true,\r\n    },\r\n    floating: { type: Boolean as PropType<boolean>, default: false },\r\n    floated: { type: Boolean as PropType<boolean>, default: () => false },\r\n    placeholder: String as PropType<string>,\r\n    required: Boolean as PropType<boolean>,\r\n    loading: Boolean as PropType<boolean>,\r\n    // variations\r\n    variation: String as PropType<string>,\r\n    outlined: Boolean as PropType<boolean>,\r\n    filled: Boolean as PropType<boolean>,\r\n    ceramic: Boolean as PropType<boolean>,\r\n    // validate\r\n    ...pressValidationPropsOptions(),\r\n    ...pressFocusPropsOptions(),\r\n    extended: Object as PropType<any>,\r\n  },\r\n  'YInput',\r\n);\r\n\r\nexport interface YInputDefaultSlotProps {\r\n  value: any;\r\n  loading: boolean;\r\n  attrId: string;\r\n  focused: boolean;\r\n}\r\n\r\nexport const YInput = defineComponent({\r\n  name: 'YInput',\r\n  props: {\r\n    ...pressThemePropsOptions(),\r\n    ...pressYInputPropsOptions(),\r\n  },\r\n  emits: [\r\n    'error',\r\n    'click',\r\n    'mousedown',\r\n    'mouseup',\r\n    'focus',\r\n    'blur',\r\n    'mousedown:display',\r\n    'mouseup:display',\r\n    'keydown:display',\r\n    'click:leading',\r\n    'update:modelValue',\r\n    'update:focused',\r\n  ],\r\n  slots: Object as SlotsType<{\r\n    prepend: any;\r\n    append: any;\r\n    label: any;\r\n    default: YInputDefaultSlotProps;\r\n    leading: { error: boolean };\r\n    trailing: any;\r\n    'leading-out': any;\r\n    'trailing-out': any;\r\n    'helper-text': {\r\n      error: boolean;\r\n      errorResult: string | undefined;\r\n      errors: any[];\r\n    };\r\n  }>,\r\n  setup(props, { slots, attrs, expose, emit }) {\r\n    const UID = getUid();\r\n    const { themeClasses } = useLocalTheme(props);\r\n    const {\r\n      focused: isFocused,\r\n      focusedClasses,\r\n      whenFocus,\r\n      whenBlur,\r\n    } = useFocus(props, 'y-input');\r\n\r\n    const {\r\n      isDisabled,\r\n      isReadonly,\r\n      isLoading,\r\n      invokeValidators,\r\n      resetError,\r\n      isError,\r\n      isSuccess,\r\n      errors,\r\n      errorResult,\r\n    } = useValidation(props, NAME, UID);\r\n\r\n    const stack$ = ref();\r\n    const display$ = ref();\r\n\r\n    const inValue = ref();\r\n    const lazyValue = ref();\r\n    const hasMouseDown = shallowRef(false);\r\n\r\n    const variations = computed(() => {\r\n      if (props.variation) {\r\n        return props.variation.split(',').map((value) => {\r\n          return value.trim();\r\n        });\r\n      }\r\n      return [];\r\n    });\r\n\r\n    const isFloatedLabel = computed(() => {\r\n      return (\r\n        props.floated ||\r\n        !!props.placeholder ||\r\n        (!props.placeholder && isFocused.value) ||\r\n        !!inValue.value\r\n      );\r\n    });\r\n\r\n    const classes = computed(() => {\r\n      return {\r\n        // Style\r\n        [themeClasses.value as string]: true,\r\n        'y-input--ceramic': !!props.ceramic,\r\n        'y-input--outlined':\r\n          !props.ceramic &&\r\n          (variations.value.includes('outlined') || !!props.outlined),\r\n        'y-input--filled':\r\n          variations.value.includes('filled') || !!props.filled,\r\n        // Value\r\n        'y-input--loading': isLoading.value,\r\n        'y-input--has-value': !!inValue.value,\r\n        'y-input--focused': isFocused.value,\r\n        'y-input--readonly': isReadonly.value,\r\n        'y-input--disabled': isDisabled.value,\r\n        'y-input--error': isError.value,\r\n        'y-input--success': isSuccess.value,\r\n      };\r\n    });\r\n\r\n    const displayStyles = computed<Record<string, any>>(() => {\r\n      return {\r\n        width: toStyleSizeValue(props.width),\r\n        height: toStyleSizeValue(props.height),\r\n      };\r\n    });\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo) => {\r\n        inValue.value = neo;\r\n      },\r\n    );\r\n\r\n    watch(\r\n      () => props.readonly,\r\n      (neo) => {\r\n        if (!neo) {\r\n          inValue.value = props.modelValue;\r\n        }\r\n      },\r\n    );\r\n\r\n    watch(inValue, (neo) => {\r\n      if (!isReadonly.value && !isLoading.value) {\r\n        emit('update:modelValue', neo);\r\n      }\r\n    });\r\n\r\n    watch(isError, (neo) => {\r\n      emit('error', neo, errors.value);\r\n    });\r\n\r\n    watch(\r\n      () => props.focused,\r\n      (neo) => {\r\n        if (!neo) {\r\n          invokeValidators();\r\n        }\r\n      },\r\n    );\r\n\r\n    function onClick(event: MouseEvent) {\r\n      emit('click', event);\r\n    }\r\n\r\n    function onMousedown(e: Event) {\r\n      hasMouseDown.value = true;\r\n      emit('mousedown:display', e);\r\n    }\r\n\r\n    function onMouseup(e: Event) {\r\n      hasMouseDown.value = false;\r\n      emit('mouseup:display', e);\r\n    }\r\n\r\n    function onKeydown(e: Event) {\r\n      emit('keydown:display', e);\r\n    }\r\n\r\n    function onFocus(event: FocusEvent) {\r\n      whenFocus();\r\n      emit('focus', event);\r\n    }\r\n\r\n    function onBlur(event: FocusEvent) {\r\n      whenBlur();\r\n      invokeValidators();\r\n      emit('blur', event);\r\n    }\r\n\r\n    function onClickLeading(event: MouseEvent) {\r\n      emit('click:leading', event);\r\n    }\r\n\r\n    function onChange(event?: Event) {\r\n      invokeValidators();\r\n    }\r\n\r\n    function createLabel(): VNode | undefined {\r\n      const show = !!props.label || !!slots.label;\r\n      if (!show) {\r\n        return undefined;\r\n      }\r\n      return (\r\n        <label\r\n          class={[\r\n            {\r\n              [`${NAME}__label`]: true,\r\n              'y-input__floating-label': props.floating,\r\n              'y-input__floating-label--floated':\r\n                props.floating && isFloatedLabel.value,\r\n            },\r\n          ]}\r\n          for={`y-input--${UID}`}\r\n        >\r\n          {slots.label ? (\r\n            slots.label()\r\n          ) : props.label ? (\r\n            <>\r\n              {props.label}\r\n              {props.required && (\r\n                <span class={'y-input__required-mark'}>*</span>\r\n              )}\r\n            </>\r\n          ) : (\r\n            props.placeholder && !inValue.value && props.placeholder\r\n          )}\r\n        </label>\r\n      );\r\n    }\r\n\r\n    expose({\r\n      ...(props.extended ?? {}),\r\n      createLabel,\r\n      invokeValidators,\r\n      validate: invokeValidators,\r\n      resetError,\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={[`${NAME}`, { ...classes.value }]}>\r\n          {slots.prepend && (\r\n            <div class={`${NAME}__prepend`}>{slots.prepend()}</div>\r\n          )}\r\n          <div ref={stack$} class={[`${NAME}__stack`]}>\r\n            {!props.floating && createLabel()}\r\n            {slots['leading-out'] && slots['leading-out']()}\r\n            <div\r\n              ref={display$}\r\n              class={`${NAME}__display`}\r\n              style={[{ ...displayStyles.value }]}\r\n              data-base-parent={true}\r\n              onClick={onClick}\r\n              onMousedown={onMousedown}\r\n              onMouseup={onMouseup}\r\n              onKeydown={onKeydown}\r\n            >\r\n              <div class={`${NAME}__plate`}></div>\r\n              {slots.leading && (\r\n                <div class={'y-input__leading'} onClick={onClickLeading}>\r\n                  {slots.leading({ error: isError.value })}\r\n                </div>\r\n              )}\r\n              {slots.default ? (\r\n                slots.default({\r\n                  value: props.modelValue,\r\n                  loading: isLoading.value,\r\n                  attrId: `y-input--${UID}`,\r\n                  focused: isFocused.value,\r\n                })\r\n              ) : (\r\n                <div\r\n                  class={`${NAME}__value`}\r\n                  data-id={`y-input--${UID}`}\r\n                  tabindex={0}\r\n                  onFocus={onFocus}\r\n                  onBlur={onBlur}\r\n                >\r\n                  {props.floating && createLabel()}\r\n                  {props.modelValue?.toString()}\r\n                </div>\r\n              )}\r\n              {slots.trailing?.()}\r\n            </div>\r\n            {slots['trailing-out'] && slots['trailing-out']()}\r\n            <div class={`${NAME}__helper-text`}>\r\n              {slots['helper-text'] ? (\r\n                <span>\r\n                  {slots['helper-text']({\r\n                    error: isError.value,\r\n                    errors: errors.value,\r\n                    errorResult: errorResult.value,\r\n                  })}\r\n                </span>\r\n              ) : (\r\n                props.helperText ?? errorResult.value\r\n              )}\r\n            </div>\r\n          </div>\r\n          {slots.append && (\r\n            <div class={`${NAME}__append`}>{slots.append()}</div>\r\n          )}\r\n        </div>\r\n      );\r\n    });\r\n\r\n    return {\r\n      ...(props.extended ?? {}),\r\n      themeClasses,\r\n      isFocused,\r\n      focusedClasses,\r\n      whenFocus,\r\n      whenBlur,\r\n      createLabel,\r\n      invokeValidators,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YInput = InstanceType<typeof YInput>;\r\n"],"mappings":"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"}

package/lib/components/slider/YSlider.js

@@ -2,6 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { useRender } from "../../composables/component.js";
 import { defineComponent } from "../../util/component/component.js";
 import { propsFactory } from "../../util/component/props.js";
+import "./YSlider.scss";
 export const pressYSliderPropsOptions = propsFactory({
   modelValue: Number
 }, 'YSlider');

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

@@ -1 +1 @@
-{"version":3,"file":"YSlider.js","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"}
+{"version":3,"file":"YSlider.js","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\nimport './YSlider.scss';\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(() =>\r\n      (<div class={['y-slider']}>\r\n      </div>)\r\n    );\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;AAEA,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,SACK,CAAC,UAAU;IAAC,QAE3B,CAAC;IAED,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/slider/YSlider.scss

@@ -0,0 +1,3 @@
+.y-slider {
+  //
+}

package/lib/components/slider/index.js

@@ -1,2 +1,2 @@
-
+export * from "./YSlider.js";
 //# sourceMappingURL=index.js.map

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

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

package/lib/components/slider/slider.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=slider.js.map

package/lib/components/slider/slider.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.3.2-rc.4",
+  "version": "0.3.2-rc.5",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/input/YInput.d.ts

@@ -190,6 +190,7 @@ export interface YInputDefaultSlotProps {
     value: any;
     loading: boolean;
     attrId: string;
+    focused: boolean;
 }
 export declare const YInput: import('vue').DefineComponent<{
     extended: PropType<any>;

package/types/components/slider/index.d.ts

@@ -0,0 +1 @@
+export * from './YSlider';