yuyeon 0.3.1-rc.6 → 0.3.1

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

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

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

@@ -0,0 +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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"}

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

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

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

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

package/lib/components/form/YForm.js

@@ -0,0 +1,65 @@
+import { createVNode as _createVNode } from "vue";
+import { ref, withKeys } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { createForm, pressFormPropsOptions } from "../../composables/form.js";
+import { defineComponent } from "../../util/component/index.js";
+const NAME = 'y-form';
+export const YForm = defineComponent({
+  name: 'YForm',
+  props: {
+    ...pressFormPropsOptions()
+  },
+  emits: {
+    'update:modelValue': val => true,
+    submit: e => true,
+    'keydown.enter': e => true
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots,
+      expose
+    } = _ref;
+    const form = createForm(props);
+    const form$ = ref();
+    // TODO: naming formData from form composition
+    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);
+      if (!e.defaultPrevented) {
+        validation.then(_ref2 => {
+          let {
+            valid
+          } = _ref2;
+          if (valid) {
+            form$.value?.submit();
+          }
+        });
+      }
+      e.preventDefault();
+    }
+    function onKeydown(e) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      emit('keydown.enter', e);
+    }
+    expose({
+      ...form
+    });
+    useRender(() => {
+      return _createVNode("form", {
+        "ref": form$,
+        "class": [NAME],
+        "novalidate": true,
+        "onSubmit": onSubmit,
+        "onKeydown": withKeys(onKeydown, ['enter'])
+      }, [slots.default?.()]);
+    });
+  }
+});
+//# sourceMappingURL=YForm.js.map

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

@@ -0,0 +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"}

package/lib/components/form/index.js

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

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

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

package/lib/components/hover/YHover.js

@@ -0,0 +1,54 @@
+import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { ref, watch } from 'vue';
+import { useModelDuplex } from "../../composables/communication.js";
+import { useRender } from "../../composables/component.js";
+import { useDelay } from "../../composables/timing.js";
+import { defineComponent, propsFactory } from "../../util/component/index.js";
+export const pressYHoverPropsOptions = propsFactory({
+  disabled: Boolean,
+  modelValue: {
+    type: Boolean,
+    default: undefined
+  },
+  openDelay: {
+    type: Number,
+    default: 100
+  },
+  closeDelay: {
+    type: Number,
+    default: 100
+  }
+}, 'YHover');
+export const YHover = defineComponent({
+  name: 'YHover',
+  props: pressYHoverPropsOptions(),
+  emits: ['update:modelValue', 'hover'],
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const isHovering = useModelDuplex(props, 'modelValue');
+    const {
+      startOpenDelay,
+      startCloseDelay
+    } = useDelay(props, value => {
+      !props.disabled && (isHovering.value = value);
+    });
+    const defaultSlot = ref();
+    watch(isHovering, neo => {
+      emit('hover', neo, defaultSlot);
+    });
+    useRender(() => {
+      defaultSlot.value = slots.default?.({
+        isHovering: isHovering.value,
+        props: {
+          onMouseenter: () => startOpenDelay(),
+          onMouseleave: () => startCloseDelay()
+        }
+      });
+      return _createVNode(_Fragment, null, [defaultSlot.value]);
+    });
+  }
+});
+//# sourceMappingURL=YHover.js.map

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

@@ -0,0 +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"}

package/lib/components/hover/index.js

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

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

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

package/lib/components/icon/YIcon.js

@@ -0,0 +1,63 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, ref } 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 { toStyleSizeValue } from "../../util/ui.js";
+import "./YIcon.scss";
+export const pressYIconPropsOptions = propsFactory({
+  color: String,
+  gap: String,
+  icon: IconValue,
+  tag: {
+    type: String,
+    default: 'i'
+  },
+  size: {
+    type: [String, Number]
+  },
+  class: [String, Array],
+  ...pressThemePropsOptions()
+}, 'YIcon');
+export const YIcon = defineComponent({
+  name: 'YIcon',
+  props: pressYIconPropsOptions(),
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const iconCode = ref();
+    const {
+      themeClasses
+    } = useLocalTheme(props);
+    const {
+      iconData
+    } = useIcon(computed(() => iconCode.value || props.icon));
+    useRender(() => {
+      const defaultSlot = slots.default?.();
+      if (defaultSlot) {
+        iconCode.value = defaultSlot.filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
+      }
+      return _createVNode(iconData.value.component, {
+        "tag": props.tag,
+        "icon": iconData.value.icon,
+        "class": ['y-icon', 'notranslate', themeClasses.value, {
+          'y-icon--clickable': !!attrs.onClick
+        }, props.class],
+        "style": {
+          fontSize: toStyleSizeValue(props.size),
+          width: toStyleSizeValue(props.size),
+          height: toStyleSizeValue(props.size)
+        },
+        "role": attrs.onClick ? 'button' : undefined,
+        "aria-hidden": !attrs.onClick
+      }, {
+        default: () => [defaultSlot]
+      });
+    });
+  }
+});
+//# sourceMappingURL=YIcon.js.map

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

@@ -0,0 +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"}

package/lib/components/icon/index.js

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

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

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

package/lib/components/icons/YIconCheckbox.js

@@ -0,0 +1,32 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "../../util/component/index.js";
+import "./YIconCheckbox.scss";
+export const YIconCheckbox = defineComponent({
+  name: 'YIconCheckbox',
+  props: {
+    checked: Boolean,
+    indeterminate: Boolean,
+    disabled: Boolean
+  },
+  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
+      }],
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24"
+    }, [_createVNode("path", {
+      "class": "y-icon-checkbox__border-path",
+      "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"
+    }, 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'
+    }, null)]);
+  }
+});
+//# sourceMappingURL=YIconCheckbox.js.map

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

@@ -0,0 +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"}

package/lib/components/icons/YIconClear.js

@@ -0,0 +1,16 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "../../util/component/index.js";
+export const YIconClear = defineComponent({
+  name: 'YIconClear',
+  setup() {
+    return () => _createVNode("svg", {
+      "viewBox": "0 0 16 16",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }, [_createVNode("path", {
+      "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",
+      "fill": "currentColor",
+      "stroke-miterlimit": "10"
+    }, null)]);
+  }
+});
+//# sourceMappingURL=YIconClear.js.map

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

@@ -0,0 +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"}

package/lib/components/icons/YIconDropdown.js

@@ -0,0 +1,16 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "../../util/component/index.js";
+export const YIconDropdown = defineComponent({
+  name: 'YIconDropdown',
+  setup() {
+    return () => _createVNode("svg", {
+      "version": "1.1",
+      "viewBox": "0 0 24 24",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }, [_createVNode("path", {
+      "d": "M7,10L12,15L17,10H7Z",
+      "fill": "currentColor"
+    }, null)]);
+  }
+});
+//# sourceMappingURL=YIconDropdown.js.map

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

@@ -0,0 +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"}

package/lib/components/icons/YIconExpand.js

@@ -0,0 +1,20 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "../../util/component/index.js";
+export const YIconExpand = defineComponent({
+  name: 'YIconExpand',
+  setup() {
+    return () => _createVNode("svg", {
+      "version": "1.1",
+      "viewBox": "0 0 32 32",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }, [_createVNode("path", {
+      "d": "m9.6086 5.7953 13.557 10.269-13.557 10.141",
+      "fill": "none",
+      "stroke": "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "4.1024"
+    }, null)]);
+  }
+});
+//# sourceMappingURL=YIconExpand.js.map

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

@@ -0,0 +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"}