yuyeon 0.3.4-rc.4 → 0.3.6-beta.0

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","inputStyle","Object","variation","YFieldInput","name","props","emits","slots","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","style","leading","args","leadingChildren","slot","push","defaultProps","attrId","floating","createLabel","readonly","loading","placeholder","disabled","autocomplete","maxlength","min","max","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    inputStyle: Object as PropType<any>,\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        style={[attrs.style]}\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={[props.inputStyle, { 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","createVNode","_createVNode","Fragment","_Fragment","mergeProps","_mergeProps","useRender","useFocus","chooseProps","defineComponent","propsFactory","YIconClear","pressYInputPropsOptions","YInput","NAME","pressYFieldInputPropsOptions","enableClear","Boolean","inputAlign","String","inlineLabel","displayText","Function","whenInputValid","Number","tabindex","type","default","inputStyle","Object","variation","YFieldInput","name","props","emits","slots","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","$event","style","leading","args","leadingChildren","slot","push","defaultProps","attrId","floating","createLabel","readonly","loading","placeholder","disabled","autocomplete","maxlength","min","max","textAlign","size","trailing","label","prepend","append","slotProps"],"sources":["../../../src/components/field-input/YFieldInput.tsx"],"sourcesContent":["import {\r\n\tcomputed,\r\n\tgetCurrentInstance,\r\n\tnextTick,\r\n\ttype PropType,\r\n\tref,\r\n\ttype SlotsType,\r\n\ttoRef,\r\n\twatch,\r\n} from \"vue\";\r\n\r\nimport { useRender } from \"@/composables/component\";\r\nimport { useFocus } from \"@/composables/focus\";\r\nimport { chooseProps, defineComponent, propsFactory } from \"@/util/component\";\r\n\r\nimport { YIconClear } from \"../icons/YIconClear\";\r\nimport {\r\n\tpressYInputPropsOptions,\r\n\tYInput,\r\n\ttype YInputDefaultSlotProps,\r\n} from \"../input\";\r\n\r\nimport \"./YFieldInput.scss\";\r\n\r\nconst NAME = \"y-field-input\";\r\n\r\nexport const pressYFieldInputPropsOptions = propsFactory(\r\n\t{\r\n\t\tenableClear: Boolean as PropType<boolean>,\r\n\t\tinputAlign: String as PropType<string>,\r\n\t\tinlineLabel: Boolean as PropType<boolean>,\r\n\t\tdisplayText: [String, Function] as PropType<\r\n\t\t\tstring | ((value: any) => string)\r\n\t\t>,\r\n\t\twhenInputValid: [Boolean, Number] as PropType<boolean | number>,\r\n\t\ttabindex: {\r\n\t\t\ttype: String as PropType<string>,\r\n\t\t\tdefault: \"0\",\r\n\t\t},\r\n\t\ttype: {\r\n\t\t\ttype: String as PropType<string>,\r\n\t\t\tdefault: \"text\",\r\n\t\t},\r\n\t\tinputStyle: Object as PropType<any>,\r\n\t\t...pressYInputPropsOptions({\r\n\t\t\tvariation: \"filled\",\r\n\t\t}),\r\n\t},\r\n\t\"YFieldInput\",\r\n);\r\n\r\nexport const YFieldInput = defineComponent({\r\n\tname: \"YFieldInput\",\r\n\tprops: {\r\n\t\t...pressYFieldInputPropsOptions(),\r\n\t},\r\n\temits: [\r\n\t\t\"update:modelValue\",\r\n\t\t\"update:focused\",\r\n\t\t\"input\",\r\n\t\t\"change\",\r\n\t\t\"click\",\r\n\t\t\"mousedown\",\r\n\t\t\"mouseup\",\r\n\t\t\"keydown\",\r\n\t\t\"keyup\",\r\n\t\t\"focus\",\r\n\t\t\"blur\",\r\n\t\t\"mousedown:display\",\r\n\t\t\"keydown:display\",\r\n\t\t\"click:clear\",\r\n\t],\r\n\tslots: Object as SlotsType<{\r\n\t\tprepend: any;\r\n\t\tappend: any;\r\n\t\tlabel: any;\r\n\t\tdefault: YInputDefaultSlotProps & { focused: boolean };\r\n\t\tleading: { error: boolean };\r\n\t\ttrailing: any;\r\n\t\t\"leading-out\": any;\r\n\t\t\"trailing-out\": any;\r\n\t\t\"helper-text\": { error: boolean; errorResult: string | undefined };\r\n\t}>,\r\n\tsetup(props, { attrs, expose, emit, slots }) {\r\n\t\tconst yInput$ = ref<YInput>();\r\n\t\tconst input$ = ref<HTMLInputElement>();\r\n\t\tconst { focused, whenFocus, whenBlur } = useFocus(props, \"y-field-input\");\r\n\t\tconst inValue = ref<any>(\"\");\r\n\t\tconst displayValue = ref(\"\");\r\n\t\tconst inputType = toRef(props, \"type\");\r\n\r\n\t\tconst classes = computed(() => {\r\n\t\t\treturn {\r\n\t\t\t\t[NAME]: true,\r\n\t\t\t\t[`${NAME}--inline-label`]: !!props.inlineLabel,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tfunction onClick(event: MouseEvent) {\r\n\t\t\temit(\"click\", event);\r\n\t\t}\r\n\r\n\t\tfunction onFocus(event: FocusEvent) {\r\n\t\t\twhenFocus();\r\n\t\t\tdisplayValue.value = inValue.value as string;\r\n\t\t\temit(\"focus\", event);\r\n\t\t}\r\n\r\n\t\tfunction onBlur(event: FocusEvent) {\r\n\t\t\twhenBlur();\r\n\t\t\temit(\"blur\", event);\r\n\t\t\tchangeDisplay();\r\n\t\t}\r\n\r\n\t\tfunction onInput(event: Event) {\r\n\t\t\temit(\"input\", event);\r\n\t\t\tconst target = event.target as HTMLInputElement | null;\r\n\t\t\tinValue.value = target?.value;\r\n\t\t\tdisplayValue.value = target?.value as string;\r\n\t\t}\r\n\r\n\t\tfunction onChange(event: Event) {\r\n\t\t\temit(\"change\", inValue.value);\r\n\t\t}\r\n\r\n\t\tfunction onKeydown(event: KeyboardEvent) {\r\n\t\t\temit(\"keydown\", event);\r\n\t\t}\r\n\r\n\t\tfunction onKeyup(event: KeyboardEvent) {\r\n\t\t\temit(\"keyup\", event);\r\n\t\t}\r\n\r\n\t\tfunction onClickClear(event: MouseEvent) {\r\n\t\t\temit(\"click:clear\", event);\r\n\t\t\tclear();\r\n\t\t}\r\n\r\n\t\tfunction onKeydownClear(event: KeyboardEvent) {\r\n\t\t\tif (event.code === \"Space\" || event.code === \"Enter\") {\r\n\t\t\t\tclear();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfunction focus() {\r\n\t\t\tinput$.value?.focus();\r\n\t\t}\r\n\r\n\t\tfunction select() {\r\n\t\t\tinput$.value?.select();\r\n\t\t}\r\n\r\n\t\tfunction clear() {\r\n\t\t\tinValue.value = \"\";\r\n\t\t\tdisplayValue.value = \"\";\r\n\t\t\temit(\"update:modelValue\", inValue.value);\r\n\t\t\temit(\"change\", inValue.value);\r\n\t\t}\r\n\r\n\t\tfunction changeDisplay() {\r\n\t\t\tconst vm = getCurrentInstance();\r\n\t\t\tconst { displayText } = props;\r\n\t\t\tif (displayText !== undefined) {\r\n\t\t\t\tlet text = inValue.value;\r\n\t\t\t\tif (typeof displayText === \"string\") {\r\n\t\t\t\t\ttext = displayText;\r\n\t\t\t\t}\r\n\t\t\t\tif (displayText && typeof displayText === \"function\") {\r\n\t\t\t\t\ttext = (displayText as any).call(vm, text);\r\n\t\t\t\t}\r\n\t\t\t\tnextTick(() => {\r\n\t\t\t\t\tdisplayValue.value = text as string;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\twatch(\r\n\t\t\t() => props.modelValue,\r\n\t\t\t(neo: any) => {\r\n\t\t\t\tinValue.value = neo;\r\n\t\t\t\tdisplayValue.value = neo;\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\timmediate: true,\r\n\t\t\t},\r\n\t\t);\r\n\r\n\t\twatch(\r\n\t\t\tinValue,\r\n\t\t\t(neo: string) => {\r\n\t\t\t\tif (!focused.value) {\r\n\t\t\t\t\tchangeDisplay();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tdisplayValue.value = neo;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{ immediate: true },\r\n\t\t);\r\n\r\n\t\tconst extended = {\r\n\t\t\tfocus,\r\n\t\t\tselect,\r\n\t\t\tclear,\r\n\t\t};\r\n\r\n\t\texpose({\r\n\t\t\t...extended,\r\n\t\t\tinput$,\r\n\t\t\tvalidate: () => yInput$.value?.invokeValidators(),\r\n\t\t\tresetError: () => yInput$.value?.resetError(),\r\n\t\t});\r\n\r\n\t\tfunction onUpdateModel(value: any) {\r\n\t\t\temit(\"update:modelValue\", value);\r\n\t\t}\r\n\r\n\t\tuseRender(() => (\r\n\t\t\t<YInput\r\n\t\t\t\tclass={classes.value}\r\n\t\t\t\tref={yInput$}\r\n\t\t\t\t{...chooseProps(props, YInput.props)}\r\n\t\t\t\tmodelValue={inValue.value}\r\n\t\t\t\tfocused={focused.value}\r\n\t\t\t\textended={extended}\r\n\t\t\t\tonUpdate:modelValue={onUpdateModel}\r\n\t\t\t\tonClick={onClick}\r\n\t\t\t\tonMousedown:display={($event) => emit(\"mousedown:display\", $event)}\r\n\t\t\t\tonKeydown:display={($event) => emit(\"keydown:display\", $event)}\r\n\t\t\t\tstyle={[attrs.style]}\r\n\t\t\t>\r\n\t\t\t\t{{\r\n\t\t\t\t\tleading: slots.leading\r\n\t\t\t\t\t\t? (args: any) => {\r\n\t\t\t\t\t\t\t\tconst leadingChildren = [];\r\n\t\t\t\t\t\t\t\tconst slot = slots.leading?.(args);\r\n\t\t\t\t\t\t\t\tif (slot) {\r\n\t\t\t\t\t\t\t\t\tleadingChildren.push(slot);\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\treturn undefined;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\treturn leadingChildren;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t: undefined,\r\n\t\t\t\t\tdefault: (defaultProps: YInputDefaultSlotProps) => (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass={[`${NAME}__field`]}\r\n\t\t\t\t\t\t\tdata-id={defaultProps.attrId}\r\n\t\t\t\t\t\t\tref={\"field\"}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{props.floating ? yInput$.value?.createLabel?.() : undefined}\r\n\t\t\t\t\t\t\t{slots.default?.({ ...defaultProps, focused: focused.value })}\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\tref={input$}\r\n\t\t\t\t\t\t\t\t\tvalue={displayValue.value}\r\n\t\t\t\t\t\t\t\t\tname={props.name}\r\n\t\t\t\t\t\t\t\t\tid={defaultProps.attrId}\r\n\t\t\t\t\t\t\t\t\ttype={inputType.value}\r\n\t\t\t\t\t\t\t\t\treadonly={\r\n\t\t\t\t\t\t\t\t\t\tprops.readonly || props.loading || defaultProps.loading\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\r\n\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\r\n\t\t\t\t\t\t\t\t\ttabindex={props.tabindex || \"0\"}\r\n\t\t\t\t\t\t\t\t\tautocomplete={attrs.autocomplete as string}\r\n\t\t\t\t\t\t\t\t\tmaxlength={attrs.maxlength as number | string}\r\n\t\t\t\t\t\t\t\t\tmin={attrs.min as number | string}\r\n\t\t\t\t\t\t\t\t\tmax={attrs.max as number | string}\r\n\t\t\t\t\t\t\t\t\tstyle={[\r\n\t\t\t\t\t\t\t\t\t\tprops.inputStyle,\r\n\t\t\t\t\t\t\t\t\t\t{ textAlign: props.inputAlign } as any,\r\n\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\tsize={(attrs.size ?? 1) as number}\r\n\t\t\t\t\t\t\t\t\tonInput={onInput}\r\n\t\t\t\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\t\t\tonKeydown={onKeydown}\r\n\t\t\t\t\t\t\t\t\tonKeyup={onKeyup}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t),\r\n\t\t\t\t\ttrailing:\r\n\t\t\t\t\t\tslots.trailing || (props.enableClear && inValue.value)\r\n\t\t\t\t\t\t\t? () => (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t{props.enableClear && inValue.value && (\r\n\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={[\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"y-input__trailing\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"y-input__trailing--clear\",\r\n\t\t\t\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<button\r\n                          type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass={[`${NAME}__clear`]}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={onClickClear}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeydown={onKeydownClear}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttabindex={2}\r\n\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<YIconClear></YIconClear>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t{slots.trailing && (\r\n\t\t\t\t\t\t\t\t\t\t\t<div class={[\"y-input__trailing\"]}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{slots.trailing()}\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t: undefined,\r\n\t\t\t\t\tlabel: slots.label ? () => slots.label?.() : undefined,\r\n\t\t\t\t\tprepend: slots.prepend ? () => slots.prepend?.() : undefined,\r\n\t\t\t\t\tappend: slots.append ? () => slots.append?.() : undefined,\r\n\t\t\t\t\t\"leading-out\": slots[\"leading-out\"]\r\n\t\t\t\t\t\t? () => slots[\"leading-out\"]?.()\r\n\t\t\t\t\t\t: undefined,\r\n\t\t\t\t\t\"trailing-out\": slots[\"trailing-out\"]\r\n\t\t\t\t\t\t? () => slots[\"trailing-out\"]?.()\r\n\t\t\t\t\t\t: undefined,\r\n\t\t\t\t\t\"helper-text\": slots[\"helper-text\"]\r\n\t\t\t\t\t\t? (slotProps: any) => slots[\"helper-text\"]?.(slotProps)\r\n\t\t\t\t\t\t: undefined,\r\n\t\t\t\t}}\r\n\t\t\t</YInput>\r\n\t\t));\r\n\r\n\t\treturn {\r\n\t\t\tfocused,\r\n\t\t\tinValue,\r\n\t\t};\r\n\t},\r\n});\r\n\r\nexport type YFieldInput = InstanceType<typeof YFieldInput>;\r\n"],"mappings":"AAAA,SACCA,QAAQ,EACRC,kBAAkB,EAClBC,QAAQ,EAERC,GAAG,EAEHC,KAAK,EACLC,KAAK,EAAAC,WAAA,IAAAC,YAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,UAAA,IAAAC,WAAA,QACC,KAAK;AAAC,SAEJC,SAAS;AAAA,SACTC,QAAQ;AAAA,SACRC,WAAW,EAAEC,eAAe,EAAEC,YAAY;AAAA,SAE1CC,UAAU;AAAA,SAElBC,uBAAuB,EACvBC,MAAM;AAIP;AAEA,MAAMC,IAAI,GAAG,eAAe;AAE5B,OAAO,MAAMC,4BAA4B,GAAGL,YAAY,CACvD;EACCM,WAAW,EAAEC,OAA4B;EACzCC,UAAU,EAAEC,MAA0B;EACtCC,WAAW,EAAEH,OAA4B;EACzCI,WAAW,EAAE,CAACF,MAAM,EAAEG,QAAQ,CAE7B;EACDC,cAAc,EAAE,CAACN,OAAO,EAAEO,MAAM,CAA+B;EAC/DC,QAAQ,EAAE;IACTC,IAAI,EAAEP,MAA0B;IAChCQ,OAAO,EAAE;EACV,CAAC;EACDD,IAAI,EAAE;IACLA,IAAI,EAAEP,MAA0B;IAChCQ,OAAO,EAAE;EACV,CAAC;EACDC,UAAU,EAAEC,MAAuB;EACnC,GAAGjB,uBAAuB,CAAC;IAC1BkB,SAAS,EAAE;EACZ,CAAC;AACF,CAAC,EACD,aACD,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGtB,eAAe,CAAC;EAC1CuB,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE;IACN,GAAGlB,4BAA4B,CAAC;EACjC,CAAC;EACDmB,KAAK,EAAE,CACN,mBAAmB,EACnB,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,EACP,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,CACb;EACDC,KAAK,EAAEN,MAUL;EACFO,KAAKA,CAACH,KAAK,EAAAI,IAAA,EAAkC;IAAA,IAAhC;MAAEC,KAAK;MAAEC,MAAM;MAAEC,IAAI;MAAEL;IAAM,CAAC,GAAAE,IAAA;IAC1C,MAAMI,OAAO,GAAG5C,GAAG,CAAS,CAAC;IAC7B,MAAM6C,MAAM,GAAG7C,GAAG,CAAmB,CAAC;IACtC,MAAM;MAAE8C,OAAO;MAAEC,SAAS;MAAEC;IAAS,CAAC,GAAGtC,QAAQ,CAAC0B,KAAK,EAAE,eAAe,CAAC;IACzE,MAAMa,OAAO,GAAGjD,GAAG,CAAM,EAAE,CAAC;IAC5B,MAAMkD,YAAY,GAAGlD,GAAG,CAAC,EAAE,CAAC;IAC5B,MAAMmD,SAAS,GAAGlD,KAAK,CAACmC,KAAK,EAAE,MAAM,CAAC;IAEtC,MAAMgB,OAAO,GAAGvD,QAAQ,CAAC,MAAM;MAC9B,OAAO;QACN,CAACoB,IAAI,GAAG,IAAI;QACZ,CAAC,GAAGA,IAAI,gBAAgB,GAAG,CAAC,CAACmB,KAAK,CAACb;MACpC,CAAC;IACF,CAAC,CAAC;IAEF,SAAS8B,OAAOA,CAACC,KAAiB,EAAE;MACnCX,IAAI,CAAC,OAAO,EAAEW,KAAK,CAAC;IACrB;IAEA,SAASC,OAAOA,CAACD,KAAiB,EAAE;MACnCP,SAAS,CAAC,CAAC;MACXG,YAAY,CAACM,KAAK,GAAGP,OAAO,CAACO,KAAe;MAC5Cb,IAAI,CAAC,OAAO,EAAEW,KAAK,CAAC;IACrB;IAEA,SAASG,MAAMA,CAACH,KAAiB,EAAE;MAClCN,QAAQ,CAAC,CAAC;MACVL,IAAI,CAAC,MAAM,EAAEW,KAAK,CAAC;MACnBI,aAAa,CAAC,CAAC;IAChB;IAEA,SAASC,OAAOA,CAACL,KAAY,EAAE;MAC9BX,IAAI,CAAC,OAAO,EAAEW,KAAK,CAAC;MACpB,MAAMM,MAAM,GAAGN,KAAK,CAACM,MAAiC;MACtDX,OAAO,CAACO,KAAK,GAAGI,MAAM,EAAEJ,KAAK;MAC7BN,YAAY,CAACM,KAAK,GAAGI,MAAM,EAAEJ,KAAe;IAC7C;IAEA,SAASK,QAAQA,CAACP,KAAY,EAAE;MAC/BX,IAAI,CAAC,QAAQ,EAAEM,OAAO,CAACO,KAAK,CAAC;IAC9B;IAEA,SAASM,SAASA,CAACR,KAAoB,EAAE;MACxCX,IAAI,CAAC,SAAS,EAAEW,KAAK,CAAC;IACvB;IAEA,SAASS,OAAOA,CAACT,KAAoB,EAAE;MACtCX,IAAI,CAAC,OAAO,EAAEW,KAAK,CAAC;IACrB;IAEA,SAASU,YAAYA,CAACV,KAAiB,EAAE;MACxCX,IAAI,CAAC,aAAa,EAAEW,KAAK,CAAC;MAC1BW,KAAK,CAAC,CAAC;IACR;IAEA,SAASC,cAAcA,CAACZ,KAAoB,EAAE;MAC7C,IAAIA,KAAK,CAACa,IAAI,KAAK,OAAO,IAAIb,KAAK,CAACa,IAAI,KAAK,OAAO,EAAE;QACrDF,KAAK,CAAC,CAAC;MACR;IACD;IAEA,SAASG,KAAKA,CAAA,EAAG;MAChBvB,MAAM,CAACW,KAAK,EAAEY,KAAK,CAAC,CAAC;IACtB;IAEA,SAASC,MAAMA,CAAA,EAAG;MACjBxB,MAAM,CAACW,KAAK,EAAEa,MAAM,CAAC,CAAC;IACvB;IAEA,SAASJ,KAAKA,CAAA,EAAG;MAChBhB,OAAO,CAACO,KAAK,GAAG,EAAE;MAClBN,YAAY,CAACM,KAAK,GAAG,EAAE;MACvBb,IAAI,CAAC,mBAAmB,EAAEM,OAAO,CAACO,KAAK,CAAC;MACxCb,IAAI,CAAC,QAAQ,EAAEM,OAAO,CAACO,KAAK,CAAC;IAC9B;IAEA,SAASE,aAAaA,CAAA,EAAG;MACxB,MAAMY,EAAE,GAAGxE,kBAAkB,CAAC,CAAC;MAC/B,MAAM;QAAE0B;MAAY,CAAC,GAAGY,KAAK;MAC7B,IAAIZ,WAAW,KAAK+C,SAAS,EAAE;QAC9B,IAAIC,IAAI,GAAGvB,OAAO,CAACO,KAAK;QACxB,IAAI,OAAOhC,WAAW,KAAK,QAAQ,EAAE;UACpCgD,IAAI,GAAGhD,WAAW;QACnB;QACA,IAAIA,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;UACrDgD,IAAI,GAAIhD,WAAW,CAASiD,IAAI,CAACH,EAAE,EAAEE,IAAI,CAAC;QAC3C;QACAzE,QAAQ,CAAC,MAAM;UACdmD,YAAY,CAACM,KAAK,GAAGgB,IAAc;QACpC,CAAC,CAAC;MACH;IACD;IAEAtE,KAAK,CACJ,MAAMkC,KAAK,CAACsC,UAAU,EACrBC,GAAQ,IAAK;MACb1B,OAAO,CAACO,KAAK,GAAGmB,GAAG;MACnBzB,YAAY,CAACM,KAAK,GAAGmB,GAAG;IACzB,CAAC,EACD;MACCC,SAAS,EAAE;IACZ,CACD,CAAC;IAED1E,KAAK,CACJ+C,OAAO,EACN0B,GAAW,IAAK;MAChB,IAAI,CAAC7B,OAAO,CAACU,KAAK,EAAE;QACnBE,aAAa,CAAC,CAAC;MAChB,CAAC,MAAM;QACNR,YAAY,CAACM,KAAK,GAAGmB,GAAG;MACzB;IACD,CAAC,EACD;MAAEC,SAAS,EAAE;IAAK,CACnB,CAAC;IAED,MAAMC,QAAQ,GAAG;MAChBT,KAAK;MACLC,MAAM;MACNJ;IACD,CAAC;IAEDvB,MAAM,CAAC;MACN,GAAGmC,QAAQ;MACXhC,MAAM;MACNiC,QAAQ,EAAEA,CAAA,KAAMlC,OAAO,CAACY,KAAK,EAAEuB,gBAAgB,CAAC,CAAC;MACjDC,UAAU,EAAEA,CAAA,KAAMpC,OAAO,CAACY,KAAK,EAAEwB,UAAU,CAAC;IAC7C,CAAC,CAAC;IAEF,SAASC,aAAaA,CAACzB,KAAU,EAAE;MAClCb,IAAI,CAAC,mBAAmB,EAAEa,KAAK,CAAC;IACjC;IAEA/C,SAAS,CAAC,MAAAL,YAAA,CAAAY,MAAA,EAAAR,WAAA;MAAA,SAED4C,OAAO,CAACI,KAAK;MAAA,OACfZ;IAAO,GACRjC,WAAW,CAACyB,KAAK,EAAEpB,MAAM,CAACoB,KAAK,CAAC;MAAA,cACxBa,OAAO,CAACO,KAAK;MAAA,WAChBV,OAAO,CAACU,KAAK;MAAA,YACZqB,QAAQ;MAAA,uBACGI,aAAa;MAAA,WACzB5B,OAAO;MAAA,uBACM6B,MAAM,IAAKvC,IAAI,CAAC,mBAAmB,EAAEuC,MAAM,CAAC;MAAA,qBAC9CA,MAAM,IAAKvC,IAAI,CAAC,iBAAiB,EAAEuC,MAAM,CAAC;MAAA,SACvD,CAACzC,KAAK,CAAC0C,KAAK;IAAC;MAGnBC,OAAO,EAAE9C,KAAK,CAAC8C,OAAO,GAClBC,IAAS,IAAK;QACf,MAAMC,eAAe,GAAG,EAAE;QAC1B,MAAMC,IAAI,GAAGjD,KAAK,CAAC8C,OAAO,GAAGC,IAAI,CAAC;QAClC,IAAIE,IAAI,EAAE;UACTD,eAAe,CAACE,IAAI,CAACD,IAAI,CAAC;QAC3B,CAAC,MAAM;UACN,OAAOhB,SAAS;QACjB;QACA,OAAOe,eAAe;MACvB,CAAC,GACAf,SAAS;MACZzC,OAAO,EAAG2D,YAAoC,IAAArF,YAAA;QAAA,SAErC,CAAC,GAAGa,IAAI,SAAS,CAAC;QAAA,WAChBwE,YAAY,CAACC,MAAM;QAAA,OACvB;MAAO,IAEXtD,KAAK,CAACuD,QAAQ,GAAG/C,OAAO,CAACY,KAAK,EAAEoC,WAAW,GAAG,CAAC,GAAGrB,SAAS,EAC3DjC,KAAK,CAACR,OAAO,GAAG;QAAE,GAAG2D,YAAY;QAAE3C,OAAO,EAAEA,OAAO,CAACU;MAAM,CAAC,CAAC,EAAApD,YAAA;QAAA,OAGtDyC,MAAM;QAAA,SACJK,YAAY,CAACM,KAAK;QAAA,QACnBpB,KAAK,CAACD,IAAI;QAAA,MACZsD,YAAY,CAACC,MAAM;QAAA,QACjBvC,SAAS,CAACK,KAAK;QAAA,YAEpBpB,KAAK,CAACyD,QAAQ,IAAIzD,KAAK,CAAC0D,OAAO,IAAIL,YAAY,CAACK,OAAO;QAAA,eAE3C1D,KAAK,CAAC2D,WAAW;QAAA,YACpB3D,KAAK,CAAC4D,QAAQ;QAAA,YACd5D,KAAK,CAACR,QAAQ,IAAI,GAAG;QAAA,gBACjBa,KAAK,CAACwD,YAAY;QAAA,aACrBxD,KAAK,CAACyD,SAAS;QAAA,OACrBzD,KAAK,CAAC0D,GAAG;QAAA,OACT1D,KAAK,CAAC2D,GAAG;QAAA,SACP,CACNhE,KAAK,CAACL,UAAU,EAChB;UAAEsE,SAAS,EAAEjE,KAAK,CAACf;QAAW,CAAC,CAC/B;QAAA,QACMoB,KAAK,CAAC6D,IAAI,IAAI,CAAC;QAAA,WACb3C,OAAO;QAAA,WACPJ,OAAO;QAAA,UACRE,MAAM;QAAA,YACJI,QAAQ;QAAA,aACPC,SAAS;QAAA,WACXC;MAAO,UAInB;MACDwC,QAAQ,EACPjE,KAAK,CAACiE,QAAQ,IAAKnE,KAAK,CAACjB,WAAW,IAAI8B,OAAO,CAACO,KAAM,GACnD,MAAApD,YAAA,CAAAE,SAAA,SAEE8B,KAAK,CAACjB,WAAW,IAAI8B,OAAO,CAACO,KAAK,IAAApD,YAAA;QAAA,SAE1B,CACN,mBAAmB,EACnB,0BAA0B;MAC1B,IAAAA,YAAA;QAAA;QAAA,SAIO,CAAC,GAAGa,IAAI,SAAS,CAAC;QAAA,YACfmB,KAAK,CAAC4D,QAAQ;QAAA,WACfhC,YAAY;QAAA,aACVE,cAAc;QAAA,YACf;MAAC,IAAA9D,YAAA,CAAAU,UAAA,iBAKb,EACAwB,KAAK,CAACiE,QAAQ,IAAAnG,YAAA;QAAA,SACF,CAAC,mBAAmB;MAAC,IAC/BkC,KAAK,CAACiE,QAAQ,CAAC,CAAC,EAElB,EAEF,GACAhC,SAAS;MACbiC,KAAK,EAAElE,KAAK,CAACkE,KAAK,GAAG,MAAMlE,KAAK,CAACkE,KAAK,GAAG,CAAC,GAAGjC,SAAS;MACtDkC,OAAO,EAAEnE,KAAK,CAACmE,OAAO,GAAG,MAAMnE,KAAK,CAACmE,OAAO,GAAG,CAAC,GAAGlC,SAAS;MAC5DmC,MAAM,EAAEpE,KAAK,CAACoE,MAAM,GAAG,MAAMpE,KAAK,CAACoE,MAAM,GAAG,CAAC,GAAGnC,SAAS;MACzD,aAAa,EAAEjC,KAAK,CAAC,aAAa,CAAC,GAChC,MAAMA,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAC9BiC,SAAS;MACZ,cAAc,EAAEjC,KAAK,CAAC,cAAc,CAAC,GAClC,MAAMA,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAC/BiC,SAAS;MACZ,aAAa,EAAEjC,KAAK,CAAC,aAAa,CAAC,GAC/BqE,SAAc,IAAKrE,KAAK,CAAC,aAAa,CAAC,GAAGqE,SAAS,CAAC,GACrDpC;IAAS,EAGd,CAAC;IAEF,OAAO;MACNzB,OAAO;MACPG;IACD,CAAC;EACF;AACD,CAAC,CAAC","ignoreList":[]}

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

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

package/lib/components/form/YForm.js

@@ -1,18 +1,18 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, withKeys } from 'vue';
+import { ref, withKeys, createVNode as _createVNode } from "vue";
 import { useRender } from "../../composables/component.js";
 import { createForm, pressFormPropsOptions } from "../../composables/form.js";
+import { makeEventPromiseLike } from "../../util/common.js";
 import { defineComponent } from "../../util/component/index.js";
-const NAME = 'y-form';
+const NAME = "y-form";
 export const YForm = defineComponent({
-  name: 'YForm',
+  name: "YForm",
   props: {
     ...pressFormPropsOptions()
   },
   emits: {
-    'update:modelValue': val => true,
+    "update:modelValue": val => true,
     submit: e => true,
-    'keydown.enter': e => true
+    "keydown.enter": e => true
   },
   setup(props, _ref) {
     let {
@@ -23,14 +23,12 @@ export const YForm = defineComponent({
     const form = createForm(props);
     const form$ = ref();
     // TODO: naming formData from form composition
-    const formData = ref();
+    // const formData = ref();
+
     function onSubmit(_e) {
-      const e = _e;
       const validation = form.validate();
-      e.then = validation.then.bind(validation);
-      e.catch = validation.catch.bind(validation);
-      e.finally = validation.finally.bind(validation);
-      emit('submit', e);
+      const e = makeEventPromiseLike(_e, validation);
+      emit("submit", e);
       if (!e.defaultPrevented) {
         validation.then(_ref2 => {
           let {
@@ -46,7 +44,7 @@ export const YForm = defineComponent({
     function onKeydown(e) {
       e.preventDefault();
       e.stopImmediatePropagation();
-      emit('keydown.enter', e);
+      emit("keydown.enter", e);
     }
     expose({
       ...form
@@ -57,7 +55,7 @@ export const YForm = defineComponent({
         "class": [NAME],
         "novalidate": true,
         "onSubmit": onSubmit,
-        "onKeydown": withKeys(onKeydown, ['enter'])
+        "onKeydown": withKeys(onKeydown, ["enter"])
       }, [slots.default?.()]);
     });
   }

package/lib/components/form/YForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"YForm.js","names":["ref","withKeys","useRender","createForm","pressFormPropsOptions","defineComponent","NAME","YForm","name","props","emits","val","submit","e","setup","_ref","emit","slots","expose","form","form$","formData","onSubmit","_e","validation","validate","then","bind","catch","finally","defaultPrevented","_ref2","valid","value","preventDefault","onKeydown","stopImmediatePropagation","_createVNode","default"],"sources":["../../../src/components/form/YForm.tsx"],"sourcesContent":["import { ref, withKeys } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport {\r\n  SubmitEventPromise,\r\n  createForm,\r\n  pressFormPropsOptions,\r\n} from '@/composables/form';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nconst NAME = 'y-form';\r\n\r\nexport const YForm = defineComponent({\r\n  name: 'YForm',\r\n  props: {\r\n    ...pressFormPropsOptions(),\r\n  },\r\n  emits: {\r\n    'update:modelValue': (val: boolean | null) => true,\r\n    submit: (e: SubmitEventPromise) => true,\r\n    'keydown.enter': (e: Event) => true,\r\n  },\r\n  setup(props, { emit, slots, expose }) {\r\n    const form = createForm(props);\r\n    const form$ = ref<HTMLFormElement>();\r\n    // TODO: naming formData from form composition\r\n    const formData = ref();\r\n\r\n    function onSubmit(_e: Event) {\r\n      const e = _e as SubmitEventPromise;\r\n\r\n      const validation = form.validate();\r\n      e.then = validation.then.bind(validation);\r\n      e.catch = validation.catch.bind(validation);\r\n      e.finally = validation.finally.bind(validation);\r\n\r\n      emit('submit', e);\r\n\r\n      if (!e.defaultPrevented) {\r\n        validation.then(({ valid }) => {\r\n          if (valid) {\r\n            form$.value?.submit();\r\n          }\r\n        });\r\n      }\r\n      e.preventDefault();\r\n    }\r\n\r\n    function onKeydown(e: Event) {\r\n      e.preventDefault();\r\n      e.stopImmediatePropagation();\r\n      emit('keydown.enter', e);\r\n    }\r\n\r\n    expose({\r\n      ...form,\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <form\r\n          ref={form$}\r\n          class={[NAME]}\r\n          novalidate\r\n          onSubmit={onSubmit}\r\n          onKeydown={withKeys(onKeydown, ['enter'])}\r\n        >\r\n          {slots.default?.()}\r\n        </form>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YForm = InstanceType<typeof YForm>;\r\n"],"mappings":";AAAA,SAASA,GAAG,EAAEC,QAAQ,QAAQ,KAAK;AAAC,SAE3BC,SAAS;AAAA,SAGhBC,UAAU,EACVC,qBAAqB;AAAA,SAEdC,eAAe;AAExB,MAAMC,IAAI,GAAG,QAAQ;AAErB,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACnCG,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACL,GAAGL,qBAAqB,CAAC;EAC3B,CAAC;EACDM,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAmB,IAAK,IAAI;IAClDC,MAAM,EAAGC,CAAqB,IAAK,IAAI;IACvC,eAAe,EAAGA,CAAQ,IAAK;EACjC,CAAC;EACDC,KAAKA,CAACL,KAAK,EAAAM,IAAA,EAA2B;IAAA,IAAzB;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAAH,IAAA;IAClC,MAAMI,IAAI,GAAGhB,UAAU,CAACM,KAAK,CAAC;IAC9B,MAAMW,KAAK,GAAGpB,GAAG,CAAkB,CAAC;IACpC;IACA,MAAMqB,QAAQ,GAAGrB,GAAG,CAAC,CAAC;IAEtB,SAASsB,QAAQA,CAACC,EAAS,EAAE;MAC3B,MAAMV,CAAC,GAAGU,EAAwB;MAElC,MAAMC,UAAU,GAAGL,IAAI,CAACM,QAAQ,CAAC,CAAC;MAClCZ,CAAC,CAACa,IAAI,GAAGF,UAAU,CAACE,IAAI,CAACC,IAAI,CAACH,UAAU,CAAC;MACzCX,CAAC,CAACe,KAAK,GAAGJ,UAAU,CAACI,KAAK,CAACD,IAAI,CAACH,UAAU,CAAC;MAC3CX,CAAC,CAACgB,OAAO,GAAGL,UAAU,CAACK,OAAO,CAACF,IAAI,CAACH,UAAU,CAAC;MAE/CR,IAAI,CAAC,QAAQ,EAAEH,CAAC,CAAC;MAEjB,IAAI,CAACA,CAAC,CAACiB,gBAAgB,EAAE;QACvBN,UAAU,CAACE,IAAI,CAACK,KAAA,IAAe;UAAA,IAAd;YAAEC;UAAM,CAAC,GAAAD,KAAA;UACxB,IAAIC,KAAK,EAAE;YACTZ,KAAK,CAACa,KAAK,EAAErB,MAAM,CAAC,CAAC;UACvB;QACF,CAAC,CAAC;MACJ;MACAC,CAAC,CAACqB,cAAc,CAAC,CAAC;IACpB;IAEA,SAASC,SAASA,CAACtB,CAAQ,EAAE;MAC3BA,CAAC,CAACqB,cAAc,CAAC,CAAC;MAClBrB,CAAC,CAACuB,wBAAwB,CAAC,CAAC;MAC5BpB,IAAI,CAAC,eAAe,EAAEH,CAAC,CAAC;IAC1B;IAEAK,MAAM,CAAC;MACL,GAAGC;IACL,CAAC,CAAC;IAEFjB,SAAS,CAAC,MAAM;MACd,OAAAmC,YAAA;QAAA,OAESjB,KAAK;QAAA,SACH,CAACd,IAAI,CAAC;QAAA;QAAA,YAEHgB,QAAQ;QAAA,aACPrB,QAAQ,CAACkC,SAAS,EAAE,CAAC,OAAO,CAAC;MAAC,IAExClB,KAAK,CAACqB,OAAO,GAAG,CAAC;IAGxB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YForm.js","names":["ref","withKeys","createVNode","_createVNode","useRender","createForm","pressFormPropsOptions","makeEventPromiseLike","defineComponent","NAME","YForm","name","props","emits","val","submit","e","setup","_ref","emit","slots","expose","form","form$","onSubmit","_e","validation","validate","defaultPrevented","then","_ref2","valid","value","preventDefault","onKeydown","stopImmediatePropagation","default"],"sources":["../../../src/components/form/YForm.tsx"],"sourcesContent":["import { ref, withKeys } from \"vue\";\r\n\r\nimport { useRender } from \"@/composables/component\";\r\nimport {\r\n\tcreateForm,\r\n\ttype FormValidationResult,\r\n\tpressFormPropsOptions,\r\n\ttype SubmitEventPromise,\r\n} from \"@/composables/form\";\r\nimport { makeEventPromiseLike } from \"@/util/common\";\r\nimport { defineComponent } from \"@/util/component\";\r\n\r\nconst NAME = \"y-form\";\r\n\r\nexport const YForm = defineComponent({\r\n\tname: \"YForm\",\r\n\tprops: {\r\n\t\t...pressFormPropsOptions(),\r\n\t},\r\n\temits: {\r\n\t\t\"update:modelValue\": (val: boolean | null) => true,\r\n\t\tsubmit: (e: SubmitEventPromise) => true,\r\n\t\t\"keydown.enter\": (e: Event) => true,\r\n\t},\r\n\tsetup(props, { emit, slots, expose }) {\r\n\t\tconst form = createForm(props);\r\n\t\tconst form$ = ref<HTMLFormElement>();\r\n\t\t// TODO: naming formData from form composition\r\n\t\t// const formData = ref();\r\n\r\n\t\tfunction onSubmit(_e: Event) {\r\n\t\t\tconst validation = form.validate();\r\n\t\t\tconst e: SubmitEventPromise = makeEventPromiseLike<\r\n\t\t\t\tSubmitEvent,\r\n\t\t\t\tFormValidationResult\r\n\t\t\t>(_e as SubmitEvent, validation);\r\n\r\n\t\t\temit(\"submit\", e);\r\n\r\n\t\t\tif (!e.defaultPrevented) {\r\n\t\t\t\tvalidation.then(({ valid }) => {\r\n\t\t\t\t\tif (valid) {\r\n\t\t\t\t\t\tform$.value?.submit();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\te.preventDefault();\r\n\t\t}\r\n\r\n\t\tfunction onKeydown(e: Event) {\r\n\t\t\te.preventDefault();\r\n\t\t\te.stopImmediatePropagation();\r\n\t\t\temit(\"keydown.enter\", e);\r\n\t\t}\r\n\r\n\t\texpose({\r\n\t\t\t...form,\r\n\t\t});\r\n\r\n\t\tuseRender(() => {\r\n\t\t\treturn (\r\n\t\t\t\t<form\r\n\t\t\t\t\tref={form$}\r\n\t\t\t\t\tclass={[NAME]}\r\n\t\t\t\t\tnovalidate\r\n\t\t\t\t\tonSubmit={onSubmit}\r\n\t\t\t\t\tonKeydown={withKeys(onKeydown, [\"enter\"])}\r\n\t\t\t\t>\r\n\t\t\t\t\t{slots.default?.()}\r\n\t\t\t\t</form>\r\n\t\t\t);\r\n\t\t});\r\n\t},\r\n});\r\n\r\nexport type YForm = InstanceType<typeof YForm>;\r\n"],"mappings":"AAAA,SAASA,GAAG,EAAEC,QAAQ,EAAAC,WAAA,IAAAC,YAAA,QAAQ,KAAK;AAAC,SAE3BC,SAAS;AAAA,SAEjBC,UAAU,EAEVC,qBAAqB;AAAA,SAGbC,oBAAoB;AAAA,SACpBC,eAAe;AAExB,MAAMC,IAAI,GAAG,QAAQ;AAErB,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACN,GAAGN,qBAAqB,CAAC;EAC1B,CAAC;EACDO,KAAK,EAAE;IACN,mBAAmB,EAAGC,GAAmB,IAAK,IAAI;IAClDC,MAAM,EAAGC,CAAqB,IAAK,IAAI;IACvC,eAAe,EAAGA,CAAQ,IAAK;EAChC,CAAC;EACDC,KAAKA,CAACL,KAAK,EAAAM,IAAA,EAA2B;IAAA,IAAzB;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAAH,IAAA;IACnC,MAAMI,IAAI,GAAGjB,UAAU,CAACO,KAAK,CAAC;IAC9B,MAAMW,KAAK,GAAGvB,GAAG,CAAkB,CAAC;IACpC;IACA;;IAEA,SAASwB,QAAQA,CAACC,EAAS,EAAE;MAC5B,MAAMC,UAAU,GAAGJ,IAAI,CAACK,QAAQ,CAAC,CAAC;MAClC,MAAMX,CAAqB,GAAGT,oBAAoB,CAGhDkB,EAAE,EAAiBC,UAAU,CAAC;MAEhCP,IAAI,CAAC,QAAQ,EAAEH,CAAC,CAAC;MAEjB,IAAI,CAACA,CAAC,CAACY,gBAAgB,EAAE;QACxBF,UAAU,CAACG,IAAI,CAACC,KAAA,IAAe;UAAA,IAAd;YAAEC;UAAM,CAAC,GAAAD,KAAA;UACzB,IAAIC,KAAK,EAAE;YACVR,KAAK,CAACS,KAAK,EAAEjB,MAAM,CAAC,CAAC;UACtB;QACD,CAAC,CAAC;MACH;MACAC,CAAC,CAACiB,cAAc,CAAC,CAAC;IACnB;IAEA,SAASC,SAASA,CAAClB,CAAQ,EAAE;MAC5BA,CAAC,CAACiB,cAAc,CAAC,CAAC;MAClBjB,CAAC,CAACmB,wBAAwB,CAAC,CAAC;MAC5BhB,IAAI,CAAC,eAAe,EAAEH,CAAC,CAAC;IACzB;IAEAK,MAAM,CAAC;MACN,GAAGC;IACJ,CAAC,CAAC;IAEFlB,SAAS,CAAC,MAAM;MACf,OAAAD,YAAA;QAAA,OAEOoB,KAAK;QAAA,SACH,CAACd,IAAI,CAAC;QAAA;QAAA,YAEHe,QAAQ;QAAA,aACPvB,QAAQ,CAACiC,SAAS,EAAE,CAAC,OAAO,CAAC;MAAC,IAExCd,KAAK,CAACgB,OAAO,GAAG,CAAC;IAGrB,CAAC,CAAC;EACH;AACD,CAAC,CAAC","ignoreList":[]}

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

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

package/lib/components/hover/YHover.js

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { ref, watch } from 'vue';
+import { ref, watch, Fragment as _Fragment, createVNode as _createVNode } from "vue";
 import { useModelDuplex } from "../../composables/communication.js";
 import { useRender } from "../../composables/component.js";
 import { useDelay } from "../../composables/timing.js";
@@ -18,26 +17,28 @@ export const pressYHoverPropsOptions = propsFactory({
     type: Number,
     default: 100
   }
-}, 'YHover');
+}, "YHover");
 export const YHover = defineComponent({
-  name: 'YHover',
+  name: "YHover",
   props: pressYHoverPropsOptions(),
-  emits: ['update:modelValue', 'hover'],
+  emits: ["update:modelValue", "hover"],
   setup(props, _ref) {
     let {
       slots,
       emit
     } = _ref;
-    const isHovering = useModelDuplex(props, 'modelValue');
+    const isHovering = useModelDuplex(props, "modelValue");
     const {
       startOpenDelay,
       startCloseDelay
     } = useDelay(props, value => {
-      !props.disabled && (isHovering.value = value);
+      if (!props.disabled) {
+        isHovering.value = value;
+      }
     });
     const defaultSlot = ref();
     watch(isHovering, neo => {
-      emit('hover', neo, defaultSlot);
+      emit("hover", neo, defaultSlot);
     });
     useRender(() => {
       defaultSlot.value = slots.default?.({

package/lib/components/hover/YHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"YHover.js","names":["ref","watch","useModelDuplex","useRender","useDelay","defineComponent","propsFactory","pressYHoverPropsOptions","disabled","Boolean","modelValue","type","default","undefined","openDelay","Number","closeDelay","YHover","name","props","emits","setup","_ref","slots","emit","isHovering","startOpenDelay","startCloseDelay","value","defaultSlot","neo","onMouseenter","onMouseleave","_createVNode","_Fragment"],"sources":["../../../src/components/hover/YHover.tsx"],"sourcesContent":["import { ref, watch } from 'vue';\n\nimport { useModelDuplex } from '@/composables/communication';\nimport { useRender } from '@/composables/component';\nimport { useDelay } from '@/composables/timing';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nexport const pressYHoverPropsOptions = propsFactory(\n  {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n    openDelay: {\n      type: Number,\n      default: 100,\n    },\n    closeDelay: {\n      type: Number,\n      default: 100,\n    },\n  },\n  'YHover',\n);\n\nexport const YHover = defineComponent({\n  name: 'YHover',\n  props: pressYHoverPropsOptions(),\n  emits: ['update:modelValue', 'hover'],\n  setup(props, { slots, emit }) {\n    const isHovering = useModelDuplex(props, 'modelValue');\n    const { startOpenDelay, startCloseDelay } = useDelay(\n      props,\n      (value: any) => {\n        !props.disabled && (isHovering.value = value);\n      },\n    );\n\n    const defaultSlot = ref<any>();\n\n    watch(isHovering, (neo) => {\n      emit('hover', neo, defaultSlot);\n    });\n\n    useRender(() => {\n      defaultSlot.value = slots.default?.({\n        isHovering: isHovering.value,\n        props: {\n          onMouseenter: () => startOpenDelay(),\n          onMouseleave: () => startCloseDelay(),\n        },\n      });\n      return <>{defaultSlot.value}</>;\n    });\n  },\n});\n\nexport type YHover = InstanceType<typeof YHover>;\n"],"mappings":";AAAA,SAASA,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAExBC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,QAAQ;AAAA,SACRC,eAAe,EAAEC,YAAY;AAEtC,OAAO,MAAMC,uBAAuB,GAAGD,YAAY,CACjD;EACEE,QAAQ,EAAEC,OAAO;EACjBC,UAAU,EAAE;IACVC,IAAI,EAAEF,OAAO;IACbG,OAAO,EAAEC;EACX,CAAC;EACDC,SAAS,EAAE;IACTH,IAAI,EAAEI,MAAM;IACZH,OAAO,EAAE;EACX,CAAC;EACDI,UAAU,EAAE;IACVL,IAAI,EAAEI,MAAM;IACZH,OAAO,EAAE;EACX;AACF,CAAC,EACD,QACF,CAAC;AAED,OAAO,MAAMK,MAAM,GAAGZ,eAAe,CAAC;EACpCa,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEZ,uBAAuB,CAAC,CAAC;EAChCa,KAAK,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC;EACrCC,KAAKA,CAACF,KAAK,EAAAG,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAMG,UAAU,GAAGvB,cAAc,CAACiB,KAAK,EAAE,YAAY,CAAC;IACtD,MAAM;MAAEO,cAAc;MAAEC;IAAgB,CAAC,GAAGvB,QAAQ,CAClDe,KAAK,EACJS,KAAU,IAAK;MACd,CAACT,KAAK,CAACX,QAAQ,KAAKiB,UAAU,CAACG,KAAK,GAAGA,KAAK,CAAC;IAC/C,CACF,CAAC;IAED,MAAMC,WAAW,GAAG7B,GAAG,CAAM,CAAC;IAE9BC,KAAK,CAACwB,UAAU,EAAGK,GAAG,IAAK;MACzBN,IAAI,CAAC,OAAO,EAAEM,GAAG,EAAED,WAAW,CAAC;IACjC,CAAC,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACd0B,WAAW,CAACD,KAAK,GAAGL,KAAK,CAACX,OAAO,GAAG;QAClCa,UAAU,EAAEA,UAAU,CAACG,KAAK;QAC5BT,KAAK,EAAE;UACLY,YAAY,EAAEA,CAAA,KAAML,cAAc,CAAC,CAAC;UACpCM,YAAY,EAAEA,CAAA,KAAML,eAAe,CAAC;QACtC;MACF,CAAC,CAAC;MACF,OAAAM,YAAA,CAAAC,SAAA,SAAUL,WAAW,CAACD,KAAK;IAC7B,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YHover.js","names":["ref","watch","Fragment","_Fragment","createVNode","_createVNode","useModelDuplex","useRender","useDelay","defineComponent","propsFactory","pressYHoverPropsOptions","disabled","Boolean","modelValue","type","default","undefined","openDelay","Number","closeDelay","YHover","name","props","emits","setup","_ref","slots","emit","isHovering","startOpenDelay","startCloseDelay","value","defaultSlot","neo","onMouseenter","onMouseleave"],"sources":["../../../src/components/hover/YHover.tsx"],"sourcesContent":["import { ref, watch } from \"vue\";\r\n\r\nimport { useModelDuplex } from \"@/composables/communication\";\r\nimport { useRender } from \"@/composables/component\";\r\nimport { useDelay } from \"@/composables/timing\";\r\nimport { defineComponent, propsFactory } from \"@/util/component\";\r\n\r\nexport const pressYHoverPropsOptions = propsFactory(\r\n\t{\r\n\t\tdisabled: Boolean,\r\n\t\tmodelValue: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: undefined,\r\n\t\t},\r\n\t\topenDelay: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 100,\r\n\t\t},\r\n\t\tcloseDelay: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 100,\r\n\t\t},\r\n\t},\r\n\t\"YHover\",\r\n);\r\n\r\nexport const YHover = defineComponent({\r\n\tname: \"YHover\",\r\n\tprops: pressYHoverPropsOptions(),\r\n\temits: [\"update:modelValue\", \"hover\"],\r\n\tsetup(props, { slots, emit }) {\r\n\t\tconst isHovering = useModelDuplex(props, \"modelValue\");\r\n\t\tconst { startOpenDelay, startCloseDelay } = useDelay(\r\n\t\t\tprops,\r\n\t\t\t(value: any) => {\r\n\t\t\t\tif (!props.disabled) {\r\n\t\t\t\t\tisHovering.value = value;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t);\r\n\r\n\t\tconst defaultSlot = ref<any>();\r\n\r\n\t\twatch(isHovering, (neo) => {\r\n\t\t\temit(\"hover\", neo, defaultSlot);\r\n\t\t});\r\n\r\n\t\tuseRender(() => {\r\n\t\t\tdefaultSlot.value = slots.default?.({\r\n\t\t\t\tisHovering: isHovering.value,\r\n\t\t\t\tprops: {\r\n\t\t\t\t\tonMouseenter: () => startOpenDelay(),\r\n\t\t\t\t\tonMouseleave: () => startCloseDelay(),\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\treturn <>{defaultSlot.value}</>;\r\n\t\t});\r\n\t},\r\n});\r\n\r\nexport type YHover = InstanceType<typeof YHover>;\r\n"],"mappings":"AAAA,SAASA,GAAG,EAAEC,KAAK,EAAAC,QAAA,IAAAC,SAAA,EAAAC,WAAA,IAAAC,YAAA,QAAQ,KAAK;AAAC,SAExBC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,QAAQ;AAAA,SACRC,eAAe,EAAEC,YAAY;AAEtC,OAAO,MAAMC,uBAAuB,GAAGD,YAAY,CAClD;EACCE,QAAQ,EAAEC,OAAO;EACjBC,UAAU,EAAE;IACXC,IAAI,EAAEF,OAAO;IACbG,OAAO,EAAEC;EACV,CAAC;EACDC,SAAS,EAAE;IACVH,IAAI,EAAEI,MAAM;IACZH,OAAO,EAAE;EACV,CAAC;EACDI,UAAU,EAAE;IACXL,IAAI,EAAEI,MAAM;IACZH,OAAO,EAAE;EACV;AACD,CAAC,EACD,QACD,CAAC;AAED,OAAO,MAAMK,MAAM,GAAGZ,eAAe,CAAC;EACrCa,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEZ,uBAAuB,CAAC,CAAC;EAChCa,KAAK,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC;EACrCC,KAAKA,CAACF,KAAK,EAAAG,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC3B,MAAMG,UAAU,GAAGvB,cAAc,CAACiB,KAAK,EAAE,YAAY,CAAC;IACtD,MAAM;MAAEO,cAAc;MAAEC;IAAgB,CAAC,GAAGvB,QAAQ,CACnDe,KAAK,EACJS,KAAU,IAAK;MACf,IAAI,CAACT,KAAK,CAACX,QAAQ,EAAE;QACpBiB,UAAU,CAACG,KAAK,GAAGA,KAAK;MACzB;IACD,CACD,CAAC;IAED,MAAMC,WAAW,GAAGjC,GAAG,CAAM,CAAC;IAE9BC,KAAK,CAAC4B,UAAU,EAAGK,GAAG,IAAK;MAC1BN,IAAI,CAAC,OAAO,EAAEM,GAAG,EAAED,WAAW,CAAC;IAChC,CAAC,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACf0B,WAAW,CAACD,KAAK,GAAGL,KAAK,CAACX,OAAO,GAAG;QACnCa,UAAU,EAAEA,UAAU,CAACG,KAAK;QAC5BT,KAAK,EAAE;UACNY,YAAY,EAAEA,CAAA,KAAML,cAAc,CAAC,CAAC;UACpCM,YAAY,EAAEA,CAAA,KAAML,eAAe,CAAC;QACrC;MACD,CAAC,CAAC;MACF,OAAA1B,YAAA,CAAAF,SAAA,SAAU8B,WAAW,CAACD,KAAK;IAC5B,CAAC,CAAC;EACH;AACD,CAAC,CAAC","ignoreList":[]}

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

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

package/lib/components/icon/YIcon.js

@@ -1,10 +1,8 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, ref } from 'vue';
+import { computed, ref, createVNode as _createVNode } from 'vue';
 import { useRender } from "../../composables/component.js";
 import { IconValue, useIcon } from "../../composables/icon.js";
 import { pressThemePropsOptions, useLocalTheme } from "../../composables/theme/index.js";
-import { defineComponent } from "../../util/component/index.js";
-import { propsFactory } from "../../util/component/index.js";
+import { defineComponent, propsFactory } from "../../util/component/index.js";
 import { toStyleSizeValue } from "../../util/ui.js";
 import "./YIcon.scss";
 export const pressYIconPropsOptions = propsFactory({

package/lib/components/icon/YIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"YIcon.js","names":["computed","ref","useRender","IconValue","useIcon","pressThemePropsOptions","useLocalTheme","defineComponent","propsFactory","toStyleSizeValue","pressYIconPropsOptions","color","String","gap","icon","tag","type","default","size","Number","class","Array","YIcon","name","props","setup","_ref","attrs","slots","iconCode","themeClasses","iconData","value","defaultSlot","filter","node","Text","children","_createVNode","component","onClick","fontSize","width","height","undefined"],"sources":["../../../src/components/icon/YIcon.tsx"],"sourcesContent":["import { type PropType, computed, ref } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { IconValue, useIcon } from '@/composables/icon';\r\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\r\nimport { defineComponent } from '@/util/component';\r\nimport { propsFactory } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport './YIcon.scss';\r\n\r\nexport const pressYIconPropsOptions = propsFactory(\r\n  {\r\n    color: String,\r\n    gap: String,\r\n    icon: IconValue,\r\n    tag: {\r\n      type: String,\r\n      default: 'i',\r\n    },\r\n    size: {\r\n      type: [String, Number],\r\n    },\r\n    class: [String, Array] as PropType<any>,\r\n    ...pressThemePropsOptions(),\r\n  },\r\n  'YIcon',\r\n);\r\n\r\nexport const YIcon = defineComponent({\r\n  name: 'YIcon',\r\n  props: pressYIconPropsOptions(),\r\n  setup(props, { attrs, slots }) {\r\n    const iconCode = ref<string>();\r\n\r\n    const { themeClasses } = useLocalTheme(props);\r\n    const { iconData } = useIcon(computed(() => iconCode.value || props.icon));\r\n\r\n    useRender(() => {\r\n      const defaultSlot = slots.default?.();\r\n      if (defaultSlot) {\r\n        iconCode.value = defaultSlot.filter(\r\n          (node) =>\r\n            node.type === Text &&\r\n            node.children &&\r\n            typeof node.children === 'string',\r\n        )[0]?.children as string;\r\n      }\r\n\r\n      return (\r\n        <iconData.value.component\r\n          tag={props.tag}\r\n          icon={iconData.value.icon}\r\n          class={[\r\n            'y-icon',\r\n            'notranslate',\r\n            themeClasses.value,\r\n            {\r\n              'y-icon--clickable': !!attrs.onClick,\r\n            },\r\n            props.class,\r\n          ]}\r\n          style={{\r\n            fontSize: toStyleSizeValue(props.size),\r\n            width: toStyleSizeValue(props.size),\r\n            height: toStyleSizeValue(props.size),\r\n          }}\r\n          role={attrs.onClick ? 'button' : undefined}\r\n          aria-hidden={!attrs.onClick}\r\n        >\r\n          {defaultSlot}\r\n        </iconData.value.component>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YIconIconProp = IconValue & Omit<PropType<YIcon['$props']>, 'icon'>;\r\n\r\nexport type YIcon = InstanceType<typeof YIcon>;\r\n"],"mappings":";AAAA,SAAwBA,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AAAC,SAE1CC,SAAS;AAAA,SACTC,SAAS,EAAEC,OAAO;AAAA,SAClBC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,eAAe;AAAA,SACfC,YAAY;AAAA,SACZC,gBAAgB;AAEzB;AAEA,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAChD;EACEG,KAAK,EAAEC,MAAM;EACbC,GAAG,EAAED,MAAM;EACXE,IAAI,EAAEX,SAAS;EACfY,GAAG,EAAE;IACHC,IAAI,EAAEJ,MAAM;IACZK,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJF,IAAI,EAAE,CAACJ,MAAM,EAAEO,MAAM;EACvB,CAAC;EACDC,KAAK,EAAE,CAACR,MAAM,EAAES,KAAK,CAAkB;EACvC,GAAGhB,sBAAsB,CAAC;AAC5B,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMiB,KAAK,GAAGf,eAAe,CAAC;EACnCgB,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEd,sBAAsB,CAAC,CAAC;EAC/Be,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAMG,QAAQ,GAAG5B,GAAG,CAAS,CAAC;IAE9B,MAAM;MAAE6B;IAAa,CAAC,GAAGxB,aAAa,CAACkB,KAAK,CAAC;IAC7C,MAAM;MAAEO;IAAS,CAAC,GAAG3B,OAAO,CAACJ,QAAQ,CAAC,MAAM6B,QAAQ,CAACG,KAAK,IAAIR,KAAK,CAACV,IAAI,CAAC,CAAC;IAE1EZ,SAAS,CAAC,MAAM;MACd,MAAM+B,WAAW,GAAGL,KAAK,CAACX,OAAO,GAAG,CAAC;MACrC,IAAIgB,WAAW,EAAE;QACfJ,QAAQ,CAACG,KAAK,GAAGC,WAAW,CAACC,MAAM,CAChCC,IAAI,IACHA,IAAI,CAACnB,IAAI,KAAKoB,IAAI,IAClBD,IAAI,CAACE,QAAQ,IACb,OAAOF,IAAI,CAACE,QAAQ,KAAK,QAC7B,CAAC,CAAC,CAAC,CAAC,EAAEA,QAAkB;MAC1B;MAEA,OAAAC,YAAA,CAAAP,QAAA,CAAAC,KAAA,CAAAO,SAAA;QAAA,OAESf,KAAK,CAACT,GAAG;QAAA,QACRgB,QAAQ,CAACC,KAAK,CAAClB,IAAI;QAAA,SAClB,CACL,QAAQ,EACR,aAAa,EACbgB,YAAY,CAACE,KAAK,EAClB;UACE,mBAAmB,EAAE,CAAC,CAACL,KAAK,CAACa;QAC/B,CAAC,EACDhB,KAAK,CAACJ,KAAK,CACZ;QAAA,SACM;UACLqB,QAAQ,EAAEhC,gBAAgB,CAACe,KAAK,CAACN,IAAI,CAAC;UACtCwB,KAAK,EAAEjC,gBAAgB,CAACe,KAAK,CAACN,IAAI,CAAC;UACnCyB,MAAM,EAAElC,gBAAgB,CAACe,KAAK,CAACN,IAAI;QACrC,CAAC;QAAA,QACKS,KAAK,CAACa,OAAO,GAAG,QAAQ,GAAGI,SAAS;QAAA,eAC7B,CAACjB,KAAK,CAACa;MAAO;QAAAvB,OAAA,EAAAA,CAAA,MAE1BgB,WAAW;MAAA;IAGlB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIcon.js","names":["computed","ref","createVNode","_createVNode","useRender","IconValue","useIcon","pressThemePropsOptions","useLocalTheme","defineComponent","propsFactory","toStyleSizeValue","pressYIconPropsOptions","color","String","gap","icon","tag","type","default","size","Number","class","Array","YIcon","name","props","setup","_ref","attrs","slots","iconCode","themeClasses","iconData","value","defaultSlot","filter","node","Text","children","component","onClick","fontSize","width","height","undefined"],"sources":["../../../src/components/icon/YIcon.tsx"],"sourcesContent":["import { computed, type PropType, ref } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { IconValue, useIcon } from '@/composables/icon';\r\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\r\nimport { defineComponent, propsFactory } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport './YIcon.scss';\r\n\r\nexport const pressYIconPropsOptions = propsFactory(\r\n  {\r\n    color: String,\r\n    gap: String,\r\n    icon: IconValue,\r\n    tag: {\r\n      type: String,\r\n      default: 'i',\r\n    },\r\n    size: {\r\n      type: [String, Number],\r\n    },\r\n    class: [String, Array] as PropType<string | string[] | Record<string, any>[]>,\r\n    ...pressThemePropsOptions(),\r\n  },\r\n  'YIcon',\r\n);\r\n\r\nexport const YIcon = defineComponent({\r\n  name: 'YIcon',\r\n  props: pressYIconPropsOptions(),\r\n  setup(props, { attrs, slots }) {\r\n    const iconCode = ref<string>();\r\n\r\n    const { themeClasses } = useLocalTheme(props);\r\n    const { iconData } = useIcon(computed(() => iconCode.value || props.icon));\r\n\r\n    useRender(() => {\r\n      const defaultSlot = slots.default?.();\r\n      if (defaultSlot) {\r\n        iconCode.value = defaultSlot.filter(\r\n          (node) =>\r\n            node.type === Text &&\r\n            node.children &&\r\n            typeof node.children === 'string',\r\n        )[0]?.children as string;\r\n      }\r\n\r\n      return (\r\n        <iconData.value.component\r\n          tag={props.tag}\r\n          icon={iconData.value.icon}\r\n          class={[\r\n            'y-icon',\r\n            'notranslate',\r\n            themeClasses.value,\r\n            {\r\n              'y-icon--clickable': !!attrs.onClick,\r\n            },\r\n            props.class,\r\n          ]}\r\n          style={{\r\n            fontSize: toStyleSizeValue(props.size),\r\n            width: toStyleSizeValue(props.size),\r\n            height: toStyleSizeValue(props.size),\r\n          }}\r\n          role={attrs.onClick ? 'button' : undefined}\r\n          aria-hidden={!attrs.onClick}\r\n        >\r\n          {defaultSlot}\r\n        </iconData.value.component>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YIconIconProp = IconValue & Omit<PropType<YIcon['$props']>, 'icon'>;\r\n\r\nexport type YIcon = InstanceType<typeof YIcon>;\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAiBC,GAAG,EAAAC,WAAA,IAAAC,YAAA,QAAQ,KAAK;AAAC,SAE1CC,SAAS;AAAA,SACTC,SAAS,EAAEC,OAAO;AAAA,SAClBC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,eAAe,EAAEC,YAAY;AAAA,SAC7BC,gBAAgB;AAEzB;AAEA,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAChD;EACEG,KAAK,EAAEC,MAAM;EACbC,GAAG,EAAED,MAAM;EACXE,IAAI,EAAEX,SAAS;EACfY,GAAG,EAAE;IACHC,IAAI,EAAEJ,MAAM;IACZK,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJF,IAAI,EAAE,CAACJ,MAAM,EAAEO,MAAM;EACvB,CAAC;EACDC,KAAK,EAAE,CAACR,MAAM,EAAES,KAAK,CAAwD;EAC7E,GAAGhB,sBAAsB,CAAC;AAC5B,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMiB,KAAK,GAAGf,eAAe,CAAC;EACnCgB,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEd,sBAAsB,CAAC,CAAC;EAC/Be,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAMG,QAAQ,GAAG9B,GAAG,CAAS,CAAC;IAE9B,MAAM;MAAE+B;IAAa,CAAC,GAAGxB,aAAa,CAACkB,KAAK,CAAC;IAC7C,MAAM;MAAEO;IAAS,CAAC,GAAG3B,OAAO,CAACN,QAAQ,CAAC,MAAM+B,QAAQ,CAACG,KAAK,IAAIR,KAAK,CAACV,IAAI,CAAC,CAAC;IAE1EZ,SAAS,CAAC,MAAM;MACd,MAAM+B,WAAW,GAAGL,KAAK,CAACX,OAAO,GAAG,CAAC;MACrC,IAAIgB,WAAW,EAAE;QACfJ,QAAQ,CAACG,KAAK,GAAGC,WAAW,CAACC,MAAM,CAChCC,IAAI,IACHA,IAAI,CAACnB,IAAI,KAAKoB,IAAI,IAClBD,IAAI,CAACE,QAAQ,IACb,OAAOF,IAAI,CAACE,QAAQ,KAAK,QAC7B,CAAC,CAAC,CAAC,CAAC,EAAEA,QAAkB;MAC1B;MAEA,OAAApC,YAAA,CAAA8B,QAAA,CAAAC,KAAA,CAAAM,SAAA;QAAA,OAESd,KAAK,CAACT,GAAG;QAAA,QACRgB,QAAQ,CAACC,KAAK,CAAClB,IAAI;QAAA,SAClB,CACL,QAAQ,EACR,aAAa,EACbgB,YAAY,CAACE,KAAK,EAClB;UACE,mBAAmB,EAAE,CAAC,CAACL,KAAK,CAACY;QAC/B,CAAC,EACDf,KAAK,CAACJ,KAAK,CACZ;QAAA,SACM;UACLoB,QAAQ,EAAE/B,gBAAgB,CAACe,KAAK,CAACN,IAAI,CAAC;UACtCuB,KAAK,EAAEhC,gBAAgB,CAACe,KAAK,CAACN,IAAI,CAAC;UACnCwB,MAAM,EAAEjC,gBAAgB,CAACe,KAAK,CAACN,IAAI;QACrC,CAAC;QAAA,QACKS,KAAK,CAACY,OAAO,GAAG,QAAQ,GAAGI,SAAS;QAAA,eAC7B,CAAChB,KAAK,CAACY;MAAO;QAAAtB,OAAA,EAAAA,CAAA,MAE1BgB,WAAW;MAAA;IAGlB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}

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

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

package/lib/components/icons/YIconCheckbox.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "../../util/component/index.js";
 import "./YIconCheckbox.scss";
 export const YIconCheckbox = defineComponent({
-  name: 'YIconCheckbox',
+  name: "YIconCheckbox",
   props: {
     checked: Boolean,
     indeterminate: Boolean,
@@ -10,10 +10,11 @@ export const YIconCheckbox = defineComponent({
   },
   render() {
     return _createVNode("svg", {
-      "class": ['y-icon-checkbox', {
-        'y-icon-checkbox--checked': this.checked,
-        'y-icon-checkbox--indeterminate': this.indeterminate,
-        'y-icon-checkbox--disabled': this.disabled
+      "role": "presentation",
+      "class": ["y-icon-checkbox", {
+        "y-icon-checkbox--checked": this.checked,
+        "y-icon-checkbox--indeterminate": this.indeterminate,
+        "y-icon-checkbox--disabled": this.disabled
       }],
       "xmlns": "http://www.w3.org/2000/svg",
       "width": "24",
@@ -25,7 +26,7 @@ export const YIconCheckbox = defineComponent({
     }, null), _createVNode("path", {
       "class": "y-icon-checkbox__checkmark-path",
       "fill": "none",
-      "d": this.indeterminate ? 'M5.73,11.91 11.1,11.91 17.79,11.91' : 'M5.73,11.91 11.1,16.28 17.79,7.59'
+      "d": this.indeterminate ? "M5.73,11.91 11.1,11.91 17.79,11.91" : "M5.73,11.91 11.1,16.28 17.79,7.59"
     }, null)]);
   }
 });

package/lib/components/icons/YIconCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"YIconCheckbox.js","names":["defineComponent","YIconCheckbox","name","props","checked","Boolean","indeterminate","disabled","render","_createVNode"],"sources":["../../../src/components/icons/YIconCheckbox.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\r\n\r\nimport './YIconCheckbox.scss';\r\n\r\nexport const YIconCheckbox = defineComponent({\r\n  name: 'YIconCheckbox',\r\n  props: {\r\n    checked: Boolean,\r\n    indeterminate: Boolean,\r\n    disabled: Boolean,\r\n  },\r\n  render() {\r\n    return (\r\n      <svg\r\n        class={[\r\n          'y-icon-checkbox',\r\n          {\r\n            'y-icon-checkbox--checked': this.checked,\r\n            'y-icon-checkbox--indeterminate': this.indeterminate,\r\n            'y-icon-checkbox--disabled': this.disabled,\r\n          },\r\n        ]}\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n      >\r\n        <path\r\n          class=\"y-icon-checkbox__border-path\"\r\n          d=\"M 15.525 21.825 H 8.325 C 4.851 21.825 2.025 18.999 2.025 15.525 V 8.325 C 2.025 4.851 4.851 2.025 8.325 2.025 H 15.525 C 18.999 2.025 21.825 4.851 21.825 8.325 V 15.525 C 21.825 18.999 18.999 21.825 15.525 21.825 Z\"\r\n        />\r\n        <path\r\n          class=\"y-icon-checkbox__checkmark-path\"\r\n          fill=\"none\"\r\n          d={\r\n            this.indeterminate\r\n              ? 'M5.73,11.91 11.1,11.91 17.79,11.91'\r\n              : 'M5.73,11.91 11.1,16.28 17.79,7.59'\r\n          }\r\n        ></path>\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAASA,eAAe;AAExB;AAEA,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,OAAO,EAAEC,OAAO;IAChBC,aAAa,EAAED,OAAO;IACtBE,QAAQ,EAAEF;EACZ,CAAC;EACDG,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA,SAEW,CACL,iBAAiB,EACjB;QACE,0BAA0B,EAAE,IAAI,CAACL,OAAO;QACxC,gCAAgC,EAAE,IAAI,CAACE,aAAa;QACpD,2BAA2B,EAAE,IAAI,CAACC;MACpC,CAAC,CACF;MAAA;MAAA;MAAA;MAAA;IAAA,IAAAE,YAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA,KAcG,IAAI,CAACH,aAAa,GACd,oCAAoC,GACpC;IAAmC;EAKjD;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconCheckbox.js","names":["defineComponent","YIconCheckbox","name","props","checked","Boolean","indeterminate","disabled","render","_createVNode"],"sources":["../../../src/components/icons/YIconCheckbox.tsx"],"sourcesContent":["import { defineComponent } from \"@/util/component\";\r\n\r\nimport \"./YIconCheckbox.scss\";\r\n\r\nexport const YIconCheckbox = defineComponent({\r\n\tname: \"YIconCheckbox\",\r\n\tprops: {\r\n\t\tchecked: Boolean,\r\n\t\tindeterminate: Boolean,\r\n\t\tdisabled: Boolean,\r\n\t},\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<svg\r\n        role=\"presentation\"\r\n\t\t\t\tclass={[\r\n\t\t\t\t\t\"y-icon-checkbox\",\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"y-icon-checkbox--checked\": this.checked,\r\n\t\t\t\t\t\t\"y-icon-checkbox--indeterminate\": this.indeterminate,\r\n\t\t\t\t\t\t\"y-icon-checkbox--disabled\": this.disabled,\r\n\t\t\t\t\t},\r\n\t\t\t\t]}\r\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\twidth=\"24\"\r\n\t\t\t\theight=\"24\"\r\n\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t>\r\n\t\t\t\t<path\r\n\t\t\t\t\tclass=\"y-icon-checkbox__border-path\"\r\n\t\t\t\t\td=\"M 15.525 21.825 H 8.325 C 4.851 21.825 2.025 18.999 2.025 15.525 V 8.325 C 2.025 4.851 4.851 2.025 8.325 2.025 H 15.525 C 18.999 2.025 21.825 4.851 21.825 8.325 V 15.525 C 21.825 18.999 18.999 21.825 15.525 21.825 Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\tclass=\"y-icon-checkbox__checkmark-path\"\r\n\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\td={\r\n\t\t\t\t\t\tthis.indeterminate\r\n\t\t\t\t\t\t\t? \"M5.73,11.91 11.1,11.91 17.79,11.91\"\r\n\t\t\t\t\t\t\t: \"M5.73,11.91 11.1,16.28 17.79,7.59\"\r\n\t\t\t\t\t}\r\n\t\t\t\t></path>\r\n\t\t\t</svg>\r\n\t\t);\r\n\t},\r\n});\r\n"],"mappings":";SAASA,eAAe;AAExB;AAEA,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC5CE,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACNC,OAAO,EAAEC,OAAO;IAChBC,aAAa,EAAED,OAAO;IACtBE,QAAQ,EAAEF;EACX,CAAC;EACDG,MAAMA,CAAA,EAAG;IACR,OAAAC,YAAA;MAAA;MAAA,SAGS,CACN,iBAAiB,EACjB;QACC,0BAA0B,EAAE,IAAI,CAACL,OAAO;QACxC,gCAAgC,EAAE,IAAI,CAACE,aAAa;QACpD,2BAA2B,EAAE,IAAI,CAACC;MACnC,CAAC,CACD;MAAA;MAAA;MAAA;MAAA;IAAA,IAAAE,YAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA,KAcC,IAAI,CAACH,aAAa,GACf,oCAAoC,GACpC;IAAmC;EAK3C;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/components/icons/YIconCheckbox.scss

@@ -1,11 +1,12 @@
 .y-icon-checkbox {
   --y-icon-checkbox__color: var(--y-theme-primary-rgb);
-  --y-icon-checkbox__border-color: 180, 180, 180;
+  --y-icon-checkbox__on-color: var(--y-theme-on-primary-rgb, (255,255,255));
+  --y-icon-checkbox__border-color: 180,180,180;
   position: relative;
 
   &__checkmark-path {
     fill: none;
-    stroke: #ffffff;
+    stroke: rgb(var(--y-icon-checkbox__on-color));
     stroke-width: 2px;
     stroke-dashoffset: 29.7833385;
     stroke-dasharray: 29.7833385;
@@ -35,16 +36,14 @@
 
   &--indeterminate & {
     &__checkmark-path {
+      stroke: rgb(var(--y-icon-checkbox__border-color));
       d: path('M5.73,11.91 11.1,11.91 17.79,11.91');
-      stroke: #ffffff;
       stroke-width: 2;
       stroke-dashoffset: 0;
       transition: 0.2s cubic-bezier(0.56, 0.14, 0.49, 0.88);
     }
 
     &__border-path {
-      fill: rgb(var(--y-icon-checkbox__color));
-      stroke: rgba(var(--y-icon-checkbox__color), 0.8);
       transition: fill 200ms ease-in;
     }
   }

package/lib/components/icons/YIconClear.js

@@ -1,9 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "../../util/component/index.js";
 export const YIconClear = defineComponent({
-  name: 'YIconClear',
+  name: "YIconClear",
   setup() {
     return () => _createVNode("svg", {
+      "role": "presentation",
       "viewBox": "0 0 16 16",
       "xmlns": "http://www.w3.org/2000/svg"
     }, [_createVNode("path", {

package/lib/components/icons/YIconClear.js.map

@@ -1 +1 @@
-{"version":3,"file":"YIconClear.js","names":["defineComponent","YIconClear","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconClear.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\r\n\r\nexport const YIconClear = defineComponent({\r\n  name: 'YIconClear',\r\n  setup() {\r\n    return () => (\r\n      <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path\r\n          d=\"m8 1.5c-3.5839 0-6.5 2.9161-6.5 6.5 0 3.5839 2.9161 6.5 6.5 6.5 3.5839 0 6.5-2.9161 6.5-6.5 0-3.5839-2.9161-6.5-6.5-6.5zm-2 4a.5.5 0 01.35352.14648l1.6465 1.6465 1.6465-1.6465a.5.5 0 01.35352-.14648.5.5 0 01.35352.14648.5.5 0 010 .70703l-1.6465 1.6465 1.6465 1.6465a.5.5 0 010 .70703.5.5 0 01-.70703 0l-1.6465-1.6465-1.6465 1.6465a.5.5 0 01-.70703 0 .5.5 0 010-.70703l1.6465-1.6465-1.6465-1.6465a.5.5 0 010-.70703.5.5 0 01.35352-.14648z\"\r\n          fill=\"currentColor\"\r\n          stroke-miterlimit=\"10\"\r\n        />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAAC;EACxCE,IAAI,EAAE,YAAY;EAClBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;IAAA,UAQN;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconClear.js","names":["defineComponent","YIconClear","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconClear.tsx"],"sourcesContent":["import { defineComponent } from \"@/util/component\";\r\n\r\nexport const YIconClear = defineComponent({\r\n\tname: \"YIconClear\",\r\n\tsetup() {\r\n\t\treturn () => (\r\n\t\t\t<svg\r\n\t\t\t\trole=\"presentation\"\r\n\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"m8 1.5c-3.5839 0-6.5 2.9161-6.5 6.5 0 3.5839 2.9161 6.5 6.5 6.5 3.5839 0 6.5-2.9161 6.5-6.5 0-3.5839-2.9161-6.5-6.5-6.5zm-2 4a.5.5 0 01.35352.14648l1.6465 1.6465 1.6465-1.6465a.5.5 0 01.35352-.14648.5.5 0 01.35352.14648.5.5 0 010 .70703l-1.6465 1.6465 1.6465 1.6465a.5.5 0 010 .70703.5.5 0 01-.70703 0l-1.6465-1.6465-1.6465 1.6465a.5.5 0 01-.70703 0 .5.5 0 010-.70703l1.6465-1.6465-1.6465-1.6465a.5.5 0 010-.70703.5.5 0 01.35352-.14648z\"\r\n\t\t\t\t\tfill=\"currentColor\"\r\n\t\t\t\t\tstroke-miterlimit=\"10\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t);\r\n\t},\r\n});\r\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,YAAY;EAClBC,KAAKA,CAAA,EAAG;IACP,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;IAAA,UAYN;EACF;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/components/icons/YIconDropdown.js

@@ -1,9 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "../../util/component/index.js";
 export const YIconDropdown = defineComponent({
-  name: 'YIconDropdown',
+  name: "YIconDropdown",
   setup() {
     return () => _createVNode("svg", {
+      "role": "presentation",
       "version": "1.1",
       "viewBox": "0 0 24 24",
       "xmlns": "http://www.w3.org/2000/svg"

package/lib/components/icons/YIconDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"YIconDropdown.js","names":["defineComponent","YIconDropdown","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconDropdown.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\r\n\r\nexport const YIconDropdown = defineComponent({\r\n  name: 'YIconDropdown',\r\n  setup() {\r\n    return () => (\r\n      <svg version=\"1.1\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path d=\"M7,10L12,15L17,10H7Z\" fill=\"currentColor\" />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eAAe;EACrBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;IAAA,UAIN;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconDropdown.js","names":["defineComponent","YIconDropdown","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconDropdown.tsx"],"sourcesContent":["import { defineComponent } from \"@/util/component\";\r\n\r\nexport const YIconDropdown = defineComponent({\r\n\tname: \"YIconDropdown\",\r\n\tsetup() {\r\n\t\treturn () => (\r\n\t\t\t<svg\r\n\t\t\t\trole=\"presentation\"\r\n\t\t\t\tversion=\"1.1\"\r\n\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t>\r\n\t\t\t\t<path d=\"M7,10L12,15L17,10H7Z\" fill=\"currentColor\" />\r\n\t\t\t</svg>\r\n\t\t);\r\n\t},\r\n});\r\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC5CE,IAAI,EAAE,eAAe;EACrBC,KAAKA,CAAA,EAAG;IACP,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;IAAA,UASN;EACF;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/components/icons/YIconExpand.js

@@ -4,6 +4,7 @@ export const YIconExpand = defineComponent({
   name: 'YIconExpand',
   setup() {
     return () => _createVNode("svg", {
+      "role": "presentation",
       "version": "1.1",
       "viewBox": "0 0 32 32",
       "xmlns": "http://www.w3.org/2000/svg"

package/lib/components/icons/YIconExpand.js.map

@@ -1 +1 @@
-{"version":3,"file":"YIconExpand.js","names":["defineComponent","YIconExpand","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconExpand.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\r\n\r\nexport const YIconExpand = defineComponent({\r\n  name: 'YIconExpand',\r\n  setup() {\r\n    return () => (\r\n      <svg version=\"1.1\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path\r\n          d=\"m9.6086 5.7953 13.557 10.269-13.557 10.141\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"4.1024\"\r\n        />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAWN;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconExpand.js","names":["defineComponent","YIconExpand","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconExpand.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\r\n\r\nexport const YIconExpand = defineComponent({\r\n  name: 'YIconExpand',\r\n  setup() {\r\n    return () => (\r\n      <svg role=\"presentation\" version=\"1.1\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path\r\n          d=\"m9.6086 5.7953 13.557 10.269-13.557 10.141\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"4.1024\"\r\n        />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAWN;EACH;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/icons/YIconPageControl.js

@@ -1,21 +1,22 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "../../util/component/index.js";
 export const PageControlPaths = {
-  next: 'm12.18 23.585 7.6399-7.5489-7.4693-7.622',
-  prev: 'm19.82 23.585-7.6399-7.5489 7.4693-7.622',
-  last: 'm10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659',
-  first: 'm21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659'
+  next: "m12.18 23.585 7.6399-7.5489-7.4693-7.622",
+  prev: "m19.82 23.585-7.6399-7.5489 7.4693-7.622",
+  last: "m10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659",
+  first: "m21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659"
 };
 export const YIconPageControl = defineComponent({
-  name: 'YIconPageControl',
+  name: "YIconPageControl",
   props: {
     type: {
       type: String,
-      default: 'next'
+      default: "next"
     }
   },
   render() {
     return _createVNode("svg", {
+      "role": "presentation",
       "version": "1.1",
       "viewBox": "0 0 32 32",
       "xmlns": "http://www.w3.org/2000/svg"

package/lib/components/icons/YIconPageControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"YIconPageControl.js","names":["defineComponent","PageControlPaths","next","prev","last","first","YIconPageControl","name","props","type","String","default","render","_createVNode","$props"],"sources":["../../../src/components/icons/YIconPageControl.tsx"],"sourcesContent":["import { type PropType } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const PageControlPaths = {\r\n  next: 'm12.18 23.585 7.6399-7.5489-7.4693-7.622',\r\n  prev: 'm19.82 23.585-7.6399-7.5489 7.4693-7.622',\r\n  last: 'm10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659',\r\n  first:\r\n    'm21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659',\r\n};\r\n\r\nexport const YIconPageControl = defineComponent({\r\n  name: 'YIconPageControl',\r\n  props: {\r\n    type: {\r\n      type: String as PropType<'next' | 'prev' | 'first' | 'last'>,\r\n      default: 'next',\r\n    },\r\n  },\r\n  render() {\r\n    return (\r\n      <svg version=\"1.1\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path\r\n          d={\r\n            this.$props.type in PageControlPaths\r\n              ? PageControlPaths[this.$props.type]\r\n              : PageControlPaths.next\r\n          }\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"3\"\r\n        />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAESA,eAAe;AAExB,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,wEAAwE;EAC9EC,KAAK,EACH;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGN,eAAe,CAAC;EAC9CO,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJA,IAAI,EAAEC,MAAsD;MAC5DC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA,KAIQ,IAAI,CAACC,MAAM,CAACL,IAAI,IAAIR,gBAAgB,GAChCA,gBAAgB,CAAC,IAAI,CAACa,MAAM,CAACL,IAAI,CAAC,GAClCR,gBAAgB,CAACC,IAAI;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAUnC;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconPageControl.js","names":["defineComponent","PageControlPaths","next","prev","last","first","YIconPageControl","name","props","type","String","default","render","_createVNode","$props"],"sources":["../../../src/components/icons/YIconPageControl.tsx"],"sourcesContent":["import type { PropType } from \"vue\";\r\n\r\nimport { defineComponent } from \"@/util/component\";\r\n\r\nexport const PageControlPaths = {\r\n\tnext: \"m12.18 23.585 7.6399-7.5489-7.4693-7.622\",\r\n\tprev: \"m19.82 23.585-7.6399-7.5489 7.4693-7.622\",\r\n\tlast: \"m10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659\",\r\n\tfirst:\r\n\t\t\"m21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659\",\r\n};\r\n\r\nexport const YIconPageControl = defineComponent({\r\n\tname: \"YIconPageControl\",\r\n\tprops: {\r\n\t\ttype: {\r\n\t\t\ttype: String as PropType<\"next\" | \"prev\" | \"first\" | \"last\">,\r\n\t\t\tdefault: \"next\",\r\n\t\t},\r\n\t},\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<svg\r\n\t\t\t\trole=\"presentation\"\r\n\t\t\t\tversion=\"1.1\"\r\n\t\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t>\r\n\t\t\t\t<path\r\n\t\t\t\t\td={\r\n\t\t\t\t\t\tthis.$props.type in PageControlPaths\r\n\t\t\t\t\t\t\t? PageControlPaths[this.$props.type]\r\n\t\t\t\t\t\t\t: PageControlPaths.next\r\n\t\t\t\t\t}\r\n\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\tstroke-width=\"3\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t);\r\n\t},\r\n});\r\n"],"mappings":";SAESA,eAAe;AAExB,OAAO,MAAMC,gBAAgB,GAAG;EAC/BC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,wEAAwE;EAC9EC,KAAK,EACJ;AACF,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGN,eAAe,CAAC;EAC/CO,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE;IACNC,IAAI,EAAE;MACLA,IAAI,EAAEC,MAAsD;MAC5DC,OAAO,EAAE;IACV;EACD,CAAC;EACDC,MAAMA,CAAA,EAAG;IACR,OAAAC,YAAA;MAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA,KASI,IAAI,CAACC,MAAM,CAACL,IAAI,IAAIR,gBAAgB,GACjCA,gBAAgB,CAAC,IAAI,CAACa,MAAM,CAACL,IAAI,CAAC,GAClCR,gBAAgB,CAACC,IAAI;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAU7B;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/components/icons/YIconSort.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "../../util/component/index.js";
 import "./YIconSort.scss";
 export const YIconSort = defineComponent({
-  name: 'YIconSort',
+  name: "YIconSort",
   props: {
     direction: {
       type: String
@@ -13,15 +13,16 @@ export const YIconSort = defineComponent({
   },
   render() {
     return _createVNode("svg", {
+      "role": "presentation",
       "version": "1.1",
       "width": "16",
       "height": "16",
       "viewBox": "0 0 32 32",
       "xmlns": "http://www.w3.org/2000/svg",
-      "class": ['y-icon-sort', {
-        'y-icon-sort--disabled': this.disabled,
-        'y-icon-sort--asc': this.direction === 'asc',
-        'y-icon-sort--desc': this.direction === 'desc'
+      "class": ["y-icon-sort", {
+        "y-icon-sort--disabled": this.disabled,
+        "y-icon-sort--asc": this.direction === "asc",
+        "y-icon-sort--desc": this.direction === "desc"
       }]
     }, [_createVNode("path", {
       "d": "m8.4146 12.52 7.5489-7.6399 7.622 7.4693",

package/lib/components/icons/YIconSort.js.map

@@ -1 +1 @@
-{"version":3,"file":"YIconSort.js","names":["defineComponent","YIconSort","name","props","direction","type","String","disabled","Boolean","render","_createVNode"],"sources":["../../../src/components/icons/YIconSort.tsx"],"sourcesContent":["import { type PropType } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YIconSort.scss';\r\n\r\nexport const YIconSort = defineComponent({\r\n  name: 'YIconSort',\r\n  props: {\r\n    direction: {\r\n      type: String as PropType<'asc' | 'desc'>,\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n    },\r\n  },\r\n  render() {\r\n    return (\r\n      <svg\r\n        version=\"1.1\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 32 32\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        class={[\r\n          'y-icon-sort',\r\n          {\r\n            'y-icon-sort--disabled': this.disabled,\r\n            'y-icon-sort--asc': this.direction === 'asc',\r\n            'y-icon-sort--desc': this.direction === 'desc',\r\n          },\r\n        ]}\r\n      >\r\n        <path\r\n          d=\"m8.4146 12.52 7.5489-7.6399 7.622 7.4693\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"3\"\r\n          class=\"y-icon-sort__asc\"\r\n        />\r\n        <path\r\n          d=\"m8.4146 19.48 7.5489 7.6399 7.622-7.4693\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"3\"\r\n          class=\"y-icon-sort__desc\"\r\n        />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";SAESA,eAAe;AAExB;AAEA,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC;EACvCE,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;IACLC,SAAS,EAAE;MACTC,IAAI,EAAEC;IACR,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAEG;IACR;EACF,CAAC;EACDC,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA,SAOW,CACL,aAAa,EACb;QACE,uBAAuB,EAAE,IAAI,CAACH,QAAQ;QACtC,kBAAkB,EAAE,IAAI,CAACH,SAAS,KAAK,KAAK;QAC5C,mBAAmB,EAAE,IAAI,CAACA,SAAS,KAAK;MAC1C,CAAC;IACF,IAAAM,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAsBP;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconSort.js","names":["defineComponent","YIconSort","name","props","direction","type","String","disabled","Boolean","render","_createVNode"],"sources":["../../../src/components/icons/YIconSort.tsx"],"sourcesContent":["import type { PropType } from \"vue\";\r\n\r\nimport { defineComponent } from \"@/util/component\";\r\n\r\nimport \"./YIconSort.scss\";\r\n\r\nexport const YIconSort = defineComponent({\r\n\tname: \"YIconSort\",\r\n\tprops: {\r\n\t\tdirection: {\r\n\t\t\ttype: String as PropType<\"asc\" | \"desc\">,\r\n\t\t},\r\n\t\tdisabled: {\r\n\t\t\ttype: Boolean,\r\n\t\t},\r\n\t},\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<svg\r\n\t\t\t\trole=\"presentation\"\r\n\t\t\t\tversion=\"1.1\"\r\n\t\t\t\twidth=\"16\"\r\n\t\t\t\theight=\"16\"\r\n\t\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\tclass={[\r\n\t\t\t\t\t\"y-icon-sort\",\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t\"y-icon-sort--disabled\": this.disabled,\r\n\t\t\t\t\t\t\"y-icon-sort--asc\": this.direction === \"asc\",\r\n\t\t\t\t\t\t\"y-icon-sort--desc\": this.direction === \"desc\",\r\n\t\t\t\t\t},\r\n\t\t\t\t]}\r\n\t\t\t>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"m8.4146 12.52 7.5489-7.6399 7.622 7.4693\"\r\n\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\tstroke-width=\"3\"\r\n\t\t\t\t\tclass=\"y-icon-sort__asc\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"m8.4146 19.48 7.5489 7.6399 7.622-7.4693\"\r\n\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\tstroke-width=\"3\"\r\n\t\t\t\t\tclass=\"y-icon-sort__desc\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t);\r\n\t},\r\n});\r\n"],"mappings":";SAESA,eAAe;AAExB;AAEA,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC;EACxCE,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;IACNC,SAAS,EAAE;MACVC,IAAI,EAAEC;IACP,CAAC;IACDC,QAAQ,EAAE;MACTF,IAAI,EAAEG;IACP;EACD,CAAC;EACDC,MAAMA,CAAA,EAAG;IACR,OAAAC,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA,SAQS,CACN,aAAa,EACb;QACC,uBAAuB,EAAE,IAAI,CAACH,QAAQ;QACtC,kBAAkB,EAAE,IAAI,CAACH,SAAS,KAAK,KAAK;QAC5C,mBAAmB,EAAE,IAAI,CAACA,SAAS,KAAK;MACzC,CAAC;IACD,IAAAM,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAsBJ;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/components/icons/YIconSort.scss

@@ -8,6 +8,7 @@
     &__desc {
       opacity: 0.1;
     }
+
     &__asc {
       opacity: 0.8;
     }
@@ -17,6 +18,7 @@
     &__asc {
       opacity: 0.1;
     }
+
     &__desc {
       opacity: 0.8;
     }