yuyeon 0.1.0-rc.18 → 0.1.0-rc.19

package/lib/components/index.mjs

@@ -31,4 +31,5 @@ export * from "./date-picker/index.mjs";
 export * from "./icon/index.mjs";
 export * from "./badge/index.mjs";
 export * from "./text-ellipsis/index.mjs";
+export * from "./ip-field/index.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './app';\nexport * from './button';\nexport * from './input';\nexport * from './field-input';\nexport * from './textarea';\nexport * from './form';\nexport * from './progress-bar';\nexport * from './card';\nexport * from './chip';\nexport * from './switch';\nexport * from './layer';\nexport * from './dialog';\nexport * from './snackbar';\nexport * from './tooltip';\nexport * from './transitions';\nexport * from './panel';\nexport * from './tree-view';\nexport * from './list';\nexport * from './icons';\nexport * from './table';\nexport * from './menu';\nexport * from './checkbox';\nexport * from './pagination';\nexport * from './loading';\nexport * from './dropdown';\nexport * from './select';\nexport * from './tab';\nexport * from './alert';\nexport * from './divider';\nexport * from './date-picker';\nexport * from './icon';\nexport * from './badge';\nexport * from './text-ellipsis';\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './app';\nexport * from './button';\nexport * from './input';\nexport * from './field-input';\nexport * from './textarea';\nexport * from './form';\nexport * from './progress-bar';\nexport * from './card';\nexport * from './chip';\nexport * from './switch';\nexport * from './layer';\nexport * from './dialog';\nexport * from './snackbar';\nexport * from './tooltip';\nexport * from './transitions';\nexport * from './panel';\nexport * from './tree-view';\nexport * from './list';\nexport * from './icons';\nexport * from './table';\nexport * from './menu';\nexport * from './checkbox';\nexport * from './pagination';\nexport * from './loading';\nexport * from './dropdown';\nexport * from './select';\nexport * from './tab';\nexport * from './alert';\nexport * from './divider';\nexport * from './date-picker';\nexport * from './icon';\nexport * from './badge';\nexport * from './text-ellipsis';\nexport * from './ip-field';\n"],"mappings":""}

package/lib/components/ip-field/YIpField.scss

@@ -0,0 +1,74 @@
+.y-ip-field {
+  font-size: 1rem;
+  max-width: 12.8em;
+  color: var(--y-theme-on-background);
+
+  &.y-input--rounded .y-input__plate {
+    border-radius: calc(var(--display-height) / 2);
+  }
+
+  &--text {
+    color: inherit;
+    pointer-events: none;
+
+    input {
+      color: inherit;
+    }
+  }
+
+  .y-input {
+    &__display {
+      cursor: default;
+    }
+  }
+
+  &.y-input--error {
+    input {
+      color: inherit;
+    }
+  }
+
+  &__field {
+    flex: 1 1;
+    min-width: 0;
+    display: flex;
+    position: relative;
+    padding: 2px 16px;
+  }
+
+  &__part {
+    flex: 1 1;
+    display: flex;
+    align-items: center;
+    outline: none;
+
+    &-input {
+      position: relative;
+      flex: 1 1;
+      width: 2em;
+      text-align: center;
+      padding: 4px 0;
+      color: var(--y-theme-on-background);
+
+      &:focus {
+        outline: none;
+      }
+
+      &--fixed {
+        opacity: 0.4;
+      }
+    }
+  }
+
+  &__part-delimiter {
+    flex: 0 0 auto;
+    font-size: inherit;
+    padding: 0 0.2em;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .y-input__leading {
+    padding-right: 0;
+  }
+}

package/lib/components/ip-field/YIpv4Field.mjs

@@ -0,0 +1,297 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { computed, defineComponent, mergeProps, nextTick, reactive, ref, toRef, watch } from 'vue';
+import { useModelDuplex } from "../../composables/communication.mjs";
+import { useRender } from "../../composables/component.mjs";
+import { chooseProps } from "../../util/vue-component.mjs";
+import { YInput, pressYInputPropsOptions } from "../input/index.mjs";
+import "./YIpField.scss";
+const INHERIT_NAME = 'y-ip-field';
+const NAME = 'y-ipv4-field';
+const IP_PART_REGEX = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+export const YIpv4Field = defineComponent({
+  name: NAME,
+  props: {
+    fixedUntil: Number,
+    text: Boolean,
+    subnet: Boolean,
+    autoFillSubnet: [Boolean, Number, String],
+    ...pressYInputPropsOptions()
+  },
+  emits: {
+    'update:modelValue': _v => true,
+    tab: _id => true,
+    focus: () => true,
+    blur: () => true
+  },
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const field$ = ref();
+    const yInput$ = ref();
+    const input$ = ref([]);
+    const model = useModelDuplex(props);
+    const parts = reactive({
+      0: '',
+      1: '',
+      2: '',
+      3: '',
+      4: ''
+    });
+    //
+    const lazyParts = reactive({
+      0: '',
+      1: '',
+      2: '',
+      3: '',
+      4: ''
+    });
+    const isFocused = ref(false);
+    const fieldFocused = ref([]);
+
+    /// Events
+    function testSubnetRange(value) {
+      return !/[^0-9]/.test(value) && Number(value) < 33 && Number(value) > -1;
+    }
+    function onInput(id, event) {
+      const target = event.target;
+      const neoValue = target?.value || '';
+      const oldValue = lazyParts[id];
+      const pass = id < 4 ? IP_PART_REGEX.test(neoValue) : testSubnetRange(neoValue);
+      const neo = neoValue !== '' ? Number(neoValue).toString() : '';
+      parts[id] = neo;
+      if (!pass && neoValue !== '') {
+        nextChange(id, oldValue);
+      } else {
+        if (neoValue.length > 2) {
+          focusNextPart(id);
+        }
+        lazyParts[id] = neo;
+        emitInput();
+      }
+    }
+    function onFocus(id, _event) {
+      isFocused.value = true;
+      fieldFocused.value.push(id);
+    }
+    function onBlur(id, _event) {
+      isFocused.value = false;
+      nextTick(() => {
+        setTimeout(() => {
+          fieldFocused.value.forEach((value, index) => {
+            if (value === id) {
+              fieldFocused.value.splice(index, 1);
+            }
+          });
+        });
+      });
+    }
+    function onChange(_id, _event) {
+      //
+      // const changed = [id, event];
+    }
+    function onKeydown(id, event) {
+      const $target = event.target;
+      if (event.key === 'Backspace' && event.target && $target.value === '') {
+        focusPrevPart(id);
+      }
+      if (event.key === 'ArrowRight' || event.key === 'ArrowDown' && !event.shiftKey) {
+        if ($target.selectionStart !== null && $target.value.length <= $target.selectionStart) {
+          if (id === 3) {
+            event.preventDefault();
+            emit('tab');
+            return;
+          } else {
+            event.preventDefault();
+            focusNextPart(id);
+            return;
+          }
+        }
+      }
+      if (event.key === 'ArrowLeft' || event.key === 'ArrowUp' && !event.shiftKey) {
+        if ($target.selectionStart !== null && $target.selectionStart === 0) {
+          if (id === 0) {
+            event.preventDefault();
+            emit('tab', -1);
+            return;
+          } else {
+            event.preventDefault();
+            focusPrevPart(id);
+            return;
+          }
+        }
+      }
+      if ((event.key === 'Tab' && !event.shiftKey && $target.value !== '' || event.key === 'Enter' || event.key === '.') && props.onTab && id === 3) {
+        event.preventDefault();
+        emit('tab', 3);
+      }
+    }
+    function onKeyup(id, event) {
+      if (event.key === '.') {
+        focusNextPart(id);
+      }
+    }
+    function putParts(neo) {
+      if (typeof neo === 'string') {
+        let tempParts = [];
+        if (neo.lastIndexOf('/') > -1) {
+          const sub = neo.substring(neo.lastIndexOf('/') + 1, neo.length);
+          if (props.subnet && testSubnetRange(sub)) {
+            parts[4] = sub;
+          }
+          tempParts = neo.substring(0, neo.lastIndexOf('/')).split('.');
+        } else {
+          tempParts = neo.split('.');
+        }
+        if (tempParts.length > 2) {
+          for (let index = 0; index < 4; index += 1) {
+            const part = tempParts[index];
+            if (part !== undefined && IP_PART_REGEX.test(part)) {
+              parts[index] = part;
+            } else {
+              parts[index] = '';
+            }
+          }
+          emitInput();
+        }
+      }
+    }
+    function onPaste(event) {
+      const content = (event.clipboardData || window.clipboardData).getData('text');
+      if (isNaN(Number(content))) {
+        event.preventDefault();
+        putParts(content);
+      }
+    }
+    function whenBlur() {
+      if (props.autoFillSubnet && parts[0] && parts[1] && parts[2] && parts[3] && !parts[4]) {
+        if (typeof props.autoFillSubnet === 'boolean') {
+          parts[4] = '32';
+        } else {
+          parts[4] = props.autoFillSubnet.toString();
+        }
+        emitInput();
+      }
+    }
+
+    /// Actions
+    function nextChange(id, value) {
+      nextTick(() => {
+        parts[id] = value;
+        emitInput();
+      });
+    }
+    function focusNextPart(currentId) {
+      const nextId = currentId + 1;
+      if (nextId < 4) {
+        const $input = input$.value[nextId];
+        $input.focus();
+        $input.selectionStart = 0;
+      }
+    }
+    function focusPrevPart(currentId) {
+      const prevId = currentId - 1;
+      if (prevId > -1) {
+        const $input = input$.value[prevId];
+        $input.focus();
+        $input.selectionStart = $input.value.length + 1;
+      }
+    }
+    function emitInput() {
+      model.value = joinParts();
+    }
+    function joinParts() {
+      if (parts[0] === '' && parts[1] === '' && parts[2] === '' && parts[3] === '') {
+        return '';
+      }
+      return `${parts[0]}.${parts[1]}.${parts[2]}.${parts[3]}${props.subnet ? '/' + parts[4] : ''}`;
+    }
+    const focused = computed(() => {
+      return fieldFocused.value.length > 0;
+    });
+    watch(model, neo => {
+      if (neo === '') {
+        for (let index = 0; index < 5; index += 1) {
+          parts[index] = '';
+          lazyParts[index] = '';
+        }
+        return;
+      } else {
+        putParts(neo);
+      }
+    }, {
+      immediate: true
+    });
+    watch(focused, neo => {
+      if (!neo) {
+        whenBlur();
+      }
+    });
+    watch(isFocused, neo => {
+      if (neo) {
+        emit('focus');
+      } else {
+        emit('blur');
+      }
+    });
+    useRender(() => {
+      input$.value = [];
+      return _createVNode(YInput, _mergeProps({
+        "ref": yInput$,
+        "class": [NAME, INHERIT_NAME, {
+          [`${INHERIT_NAME}--text`]: props.text
+        }]
+      }, chooseProps(props, YInput.props)), {
+        leading: function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return slots.leading?.(...args);
+        },
+        default: defaultProps => {
+          return _createVNode("div", _mergeProps({
+            "class": [`${INHERIT_NAME}__field`]
+          }, mergeProps({
+            'data-id': defaultProps.attrId
+          }), {
+            "ref": field$
+          }), [[0, 1, 2, 3, 4].map(id => {
+            const inputValue = toRef(parts, id);
+            return (!props.subnet && id < 4 || props.subnet) && [_createVNode("div", {
+              "class": [`${INHERIT_NAME}__part`]
+            }, [_createVNode("input", {
+              "ref": el => input$.value.push(el),
+              "id": `${defaultProps.attrId}__part--${id}`,
+              "value": inputValue.value,
+              "class": [`${INHERIT_NAME}__part-input`],
+              "readonly": props.readonly || props.loading,
+              "disabled": props.disabled,
+              "autocomplete": "false",
+              "maxlength": id === 4 ? 2 : 3,
+              "onInput": $event => onInput(id, $event),
+              "onFocus": $event => onFocus(id, $event),
+              "onBlur": $event => onBlur(id, $event),
+              "onChange": $event => onChange(id, $event),
+              "onKeydown": $event => onKeydown(id, $event),
+              "onKeyup": $event => onKeyup(id, $event),
+              "onPaste": onPaste
+            }, null)]), id !== 4 && (!props.subnet && id < 3 || props.subnet) && _createVNode("div", {
+              "class": [`${INHERIT_NAME}__part`]
+            }, [id < 3 ? '.' : '/'])];
+          })]);
+        },
+        trailing: function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          return slots.trailing?.(...args);
+        },
+        label: slots.label && (() => slots.label?.()),
+        'helper-text': slots['helper-text'] && (() => slots['helper-text']?.())
+      });
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=YIpv4Field.mjs.map

package/lib/components/ip-field/YIpv4Field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YIpv4Field.mjs","names":["computed","defineComponent","mergeProps","nextTick","reactive","ref","toRef","watch","useModelDuplex","useRender","chooseProps","YInput","pressYInputPropsOptions","INHERIT_NAME","NAME","IP_PART_REGEX","YIpv4Field","name","props","fixedUntil","Number","text","Boolean","subnet","autoFillSubnet","String","emits","_v","tab","_id","focus","blur","setup","_ref","slots","emit","field$","yInput$","input$","model","parts","lazyParts","isFocused","fieldFocused","testSubnetRange","value","test","onInput","id","event","target","neoValue","oldValue","pass","neo","toString","nextChange","length","focusNextPart","emitInput","onFocus","_event","push","onBlur","setTimeout","forEach","index","splice","onChange","onKeydown","$target","key","focusPrevPart","shiftKey","selectionStart","preventDefault","onTab","onKeyup","putParts","tempParts","lastIndexOf","sub","substring","split","part","undefined","onPaste","content","clipboardData","window","getData","isNaN","whenBlur","currentId","nextId","$input","prevId","joinParts","focused","immediate","_createVNode","_mergeProps","leading","_len","arguments","args","Array","_key","default","defaultProps","attrId","map","inputValue","el","readonly","loading","disabled","$event","trailing","_len2","_key2","label"],"sources":["../../../src/components/ip-field/YIpv4Field.tsx"],"sourcesContent":["import {\n  PropType,\n  computed,\n  defineComponent,\n  mergeProps,\n  nextTick,\n  reactive,\n  ref,\n  toRef,\n  watch,\n} from 'vue';\n\nimport { useModelDuplex } from '../../composables/communication';\nimport { useRender } from '../../composables/component';\nimport { chooseProps } from '../../util/vue-component';\nimport { YInput, pressYInputPropsOptions } from '../input';\n\nimport './YIpField.scss';\n\nconst INHERIT_NAME = 'y-ip-field';\nconst NAME = 'y-ipv4-field';\nconst IP_PART_REGEX = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;\n\ntype PartId = 0 | 1 | 2 | 3 | 4;\n\nexport const YIpv4Field = defineComponent({\n  name: NAME,\n  props: {\n    fixedUntil: Number as PropType<0 | 1 | 2 | 3>,\n    text: Boolean as PropType<boolean>,\n    subnet: Boolean as PropType<boolean>,\n    autoFillSubnet: [Boolean, Number, String] as PropType<\n      boolean | number | string\n    >,\n    ...pressYInputPropsOptions(),\n  },\n  emits: {\n    'update:modelValue': (_v: string) => true,\n    tab: (_id?: number) => true,\n    focus: () => true,\n    blur: () => true,\n  },\n  setup(props, { slots, emit }) {\n    const field$ = ref();\n    const yInput$ = ref();\n    const input$ = ref<any[]>([]);\n\n    const model = useModelDuplex(props);\n\n    const parts = reactive<Record<PartId, any>>({\n      0: '',\n      1: '',\n      2: '',\n      3: '',\n      4: '',\n    });\n    //\n    const lazyParts = reactive({\n      0: '',\n      1: '',\n      2: '',\n      3: '',\n      4: '',\n    });\n\n    const isFocused = ref(false);\n    const fieldFocused = ref<number[]>([]);\n\n    /// Events\n    function testSubnetRange(value: string) {\n      return !/[^0-9]/.test(value) && Number(value) < 33 && Number(value) > -1;\n    }\n\n    function onInput(id: PartId, event: Event) {\n      const target = event.target as HTMLInputElement | null;\n      const neoValue = target?.value || '';\n      const oldValue = lazyParts[id];\n      const pass =\n        id < 4 ? IP_PART_REGEX.test(neoValue) : testSubnetRange(neoValue);\n      const neo = neoValue !== '' ? Number(neoValue).toString() : '';\n      parts[id] = neo;\n      if (!pass && neoValue !== '') {\n        nextChange(id, oldValue);\n      } else {\n        if (neoValue.length > 2) {\n          focusNextPart(id);\n        }\n        lazyParts[id] = neo;\n        emitInput();\n      }\n    }\n\n    function onFocus(id: PartId, _event: FocusEvent) {\n      isFocused.value = true;\n      fieldFocused.value.push(id);\n    }\n\n    function onBlur(id: PartId, _event: FocusEvent) {\n      isFocused.value = false;\n      nextTick(() => {\n        setTimeout(() => {\n          fieldFocused.value.forEach((value, index) => {\n            if (value === id) {\n              fieldFocused.value.splice(index, 1);\n            }\n          });\n        });\n      });\n    }\n\n    function onChange(_id: PartId, _event: Event) {\n      //\n      // const changed = [id, event];\n    }\n\n    function onKeydown(id: PartId, event: KeyboardEvent) {\n      const $target = event.target as HTMLInputElement;\n      if (event.key === 'Backspace' && event.target && $target.value === '') {\n        focusPrevPart(id);\n      }\n      if (\n        event.key === 'ArrowRight' ||\n        (event.key === 'ArrowDown' && !event.shiftKey)\n      ) {\n        if (\n          $target.selectionStart !== null &&\n          $target.value.length <= $target.selectionStart\n        ) {\n          if (id === 3) {\n            event.preventDefault();\n            emit('tab');\n            return;\n          } else {\n            event.preventDefault();\n            focusNextPart(id);\n            return;\n          }\n        }\n      }\n      if (\n        event.key === 'ArrowLeft' ||\n        (event.key === 'ArrowUp' && !event.shiftKey)\n      ) {\n        if ($target.selectionStart !== null && $target.selectionStart === 0) {\n          if (id === 0) {\n            event.preventDefault();\n            emit('tab', -1);\n            return;\n          } else {\n            event.preventDefault();\n            focusPrevPart(id);\n            return;\n          }\n        }\n      }\n      if (\n        ((event.key === 'Tab' && !event.shiftKey && $target.value !== '') ||\n          event.key === 'Enter' ||\n          event.key === '.') &&\n        props.onTab &&\n        id === 3\n      ) {\n        event.preventDefault();\n        emit('tab', 3);\n      }\n    }\n\n    function onKeyup(id: PartId, event: KeyboardEvent) {\n      if (event.key === '.') {\n        focusNextPart(id);\n      }\n    }\n\n    function putParts(neo: string | undefined) {\n      if (typeof neo === 'string') {\n        let tempParts: string[] = [];\n        if (neo.lastIndexOf('/') > -1) {\n          const sub = neo.substring(neo.lastIndexOf('/') + 1, neo.length);\n          if (props.subnet && testSubnetRange(sub)) {\n            parts[4] = sub;\n          }\n          tempParts = neo.substring(0, neo.lastIndexOf('/')).split('.');\n        } else {\n          tempParts = neo.split('.');\n        }\n        if (tempParts.length > 2) {\n          for (let index = 0; index < 4; index += 1) {\n            const part = tempParts[index];\n            if (part !== undefined && IP_PART_REGEX.test(part)) {\n              parts[index as PartId] = part;\n            } else {\n              parts[index as PartId] = '';\n            }\n          }\n          emitInput();\n        }\n      }\n    }\n\n    function onPaste(event: ClipboardEvent) {\n      const content = (\n        event.clipboardData || (window as any).clipboardData\n      ).getData('text');\n      if (isNaN(Number(content))) {\n        event.preventDefault();\n        putParts(content);\n      }\n    }\n\n    function whenBlur() {\n      if (\n        props.autoFillSubnet &&\n        parts[0] &&\n        parts[1] &&\n        parts[2] &&\n        parts[3] &&\n        !parts[4]\n      ) {\n        if (typeof props.autoFillSubnet === 'boolean') {\n          parts[4] = '32';\n        } else {\n          parts[4] = props.autoFillSubnet.toString();\n        }\n        emitInput();\n      }\n    }\n\n    /// Actions\n    function nextChange(id: PartId, value: any) {\n      nextTick(() => {\n        parts[id] = value;\n        emitInput();\n      });\n    }\n\n    function focusNextPart(currentId: PartId) {\n      const nextId = currentId + 1;\n      if (nextId < 4) {\n        const $input = input$.value[nextId] as HTMLInputElement;\n        $input.focus();\n        $input.selectionStart = 0;\n      }\n    }\n\n    function focusPrevPart(currentId: PartId) {\n      const prevId = currentId - 1;\n      if (prevId > -1) {\n        const $input = input$.value[prevId] as HTMLInputElement;\n        $input.focus();\n        $input.selectionStart = $input.value.length + 1;\n      }\n    }\n\n    function emitInput() {\n      model.value = joinParts();\n    }\n\n    function joinParts(): string {\n      if (\n        parts[0] === '' &&\n        parts[1] === '' &&\n        parts[2] === '' &&\n        parts[3] === ''\n      ) {\n        return '';\n      }\n      return `${parts[0]}.${parts[1]}.${parts[2]}.${parts[3]}${\n        props.subnet ? '/' + parts[4] : ''\n      }`;\n    }\n\n    const focused = computed(() => {\n      return fieldFocused.value.length > 0;\n    });\n\n    watch(\n      model,\n      (neo: string | undefined) => {\n        if (neo === '') {\n          for (let index = 0; index < 5; index += 1) {\n            parts[index as PartId] = '';\n            lazyParts[index as PartId] = '';\n          }\n          return;\n        } else {\n          putParts(neo);\n        }\n      },\n      { immediate: true },\n    );\n\n    watch(focused, (neo: boolean) => {\n      if (!neo) {\n        whenBlur();\n      }\n    });\n\n    watch(isFocused, (neo: boolean) => {\n      if (neo) {\n        emit('focus');\n      } else {\n        emit('blur');\n      }\n    });\n\n    useRender(() => {\n      input$.value = [];\n      return (\n        <YInput\n          ref={yInput$}\n          class={[\n            NAME,\n            INHERIT_NAME,\n            { [`${INHERIT_NAME}--text`]: props.text },\n          ]}\n          {...chooseProps(props, YInput.props)}\n        >\n          {{\n            leading: (...args: any[]) => slots.leading?.(...args),\n            default: (defaultProps: any) => {\n              return (\n                <div\n                  class={[`${INHERIT_NAME}__field`]}\n                  {...mergeProps({ 'data-id': defaultProps.attrId })}\n                  ref={field$}\n                >\n                  {([0, 1, 2, 3, 4] as PartId[]).map((id) => {\n                    const inputValue = toRef(parts, id);\n                    return (\n                      ((!props.subnet && id < 4) || props.subnet) && [\n                        <div class={[`${INHERIT_NAME}__part`]}>\n                          <input\n                            ref={(el) => input$.value.push(el)}\n                            id={`${defaultProps.attrId}__part--${id}`}\n                            value={inputValue.value}\n                            class={[`${INHERIT_NAME}__part-input`]}\n                            readonly={props.readonly || props.loading}\n                            disabled={props.disabled}\n                            autocomplete=\"false\"\n                            maxlength={id === 4 ? 2 : 3}\n                            onInput={($event) => onInput(id, $event)}\n                            onFocus={($event) => onFocus(id, $event)}\n                            onBlur={($event) => onBlur(id, $event)}\n                            onChange={($event) => onChange(id, $event)}\n                            onKeydown={($event) => onKeydown(id, $event)}\n                            onKeyup={($event) => onKeyup(id, $event)}\n                            onPaste={onPaste}\n                          />\n                        </div>,\n                        id !== 4 &&\n                          ((!props.subnet && id < 3) || props.subnet) && (\n                            <div class={[`${INHERIT_NAME}__part`]}>\n                              {id < 3 ? '.' : '/'}\n                            </div>\n                          ),\n                      ]\n                    );\n                  })}\n                </div>\n              );\n            },\n            trailing: (...args: any[]) => slots.trailing?.(...args),\n            label: slots.label && (() => slots.label?.()),\n            'helper-text':\n              slots['helper-text'] && (() => slots['helper-text']?.()),\n          }}\n        </YInput>\n      );\n    });\n\n    return {};\n  },\n});\n\nexport type YIpv4Field = InstanceType<typeof YIpv4Field>;\n"],"mappings":"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"}

package/lib/components/ip-field/index.mjs

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

package/lib/components/ip-field/index.mjs.map

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

package/lib/components/list/YListItem.mjs

@@ -21,6 +21,7 @@ export const YListItem = defineComponent({
   emits: {
     click: e => true
   },
+  slots: Object,
   setup(props, _ref) {
     let {
       slots,

package/lib/components/list/YListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YListItem.mjs","names":["computed","defineComponent","useRender","pressThemePropsOptions","useLocalTheme","propsFactory","pressYListItemProps","tag","type","String","default","onClick","Function","disabled","Boolean","YListItem","name","props","emits","click","e","setup","_ref","slots","emit","themeClasses","clickable","ElTag","_createVNode","value","leading","trailing"],"sources":["../../../src/components/list/YListItem.tsx"],"sourcesContent":["import { computed, defineComponent } from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\nimport { propsFactory } from '../../util/vue-component';\n\nimport './YListItem.scss';\n\nexport const pressYListItemProps = propsFactory(\n  {\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    onClick: Function,\n    disabled: Boolean,\n    ...pressThemePropsOptions(),\n  },\n  'YListItem',\n);\n\nexport const YListItem = defineComponent({\n  name: 'YListItem',\n  props: {\n    ...pressYListItemProps(),\n  },\n  emits: {\n    click: (e: MouseEvent) => true,\n  },\n  setup(props, { slots, emit }) {\n    const { themeClasses } = useLocalTheme(props);\n\n    function onClick(e: MouseEvent) {\n      emit('click', e);\n    }\n\n    const clickable = computed(() => {\n      return !props.disabled && !!props.onClick;\n    });\n\n    useRender(() => {\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\n      return (\n        <ElTag\n          class={[\n            'y-list-item',\n            { 'y-list-item--pointer': clickable.value },\n            themeClasses.value,\n          ]}\n          onClick={onClick}\n        >\n          {slots.leading && (\n            <div class={'y-list-item__leading'}>{slots.leading()}</div>\n          )}\n          <div class={'y-list-item__content'}>{slots.default?.()}</div>\n          {slots.trailing && (\n            <div class={'y-list-item__trailing'}>{slots.trailing()}</div>\n          )}\n        </ElTag>\n      );\n    });\n  },\n});\n\nexport type YListItem = InstanceType<typeof YListItem>;\n"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,eAAe,QAAQ,KAAK;AAAC,SAEvCC,SAAS;AAAA,SACTC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,YAAY;AAErB;AAEA,OAAO,MAAMC,mBAAmB,GAAGD,YAAY,CAC7C;EACEE,GAAG,EAAE;IACHC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,OAAO,EAAEC,QAAQ;EACjBC,QAAQ,EAAEC,OAAO;EACjB,GAAGX,sBAAsB,CAAC;AAC5B,CAAC,EACD,WACF,CAAC;AAED,OAAO,MAAMY,SAAS,GAAGd,eAAe,CAAC;EACvCe,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;IACL,GAAGX,mBAAmB,CAAC;EACzB,CAAC;EACDY,KAAK,EAAE;IACLC,KAAK,EAAGC,CAAa,IAAK;EAC5B,CAAC;EACDC,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAM;MAAEG;IAAa,CAAC,GAAGrB,aAAa,CAACa,KAAK,CAAC;IAE7C,SAASN,OAAOA,CAACS,CAAa,EAAE;MAC9BI,IAAI,CAAC,OAAO,EAAEJ,CAAC,CAAC;IAClB;IAEA,MAAMM,SAAS,GAAG1B,QAAQ,CAAC,MAAM;MAC/B,OAAO,CAACiB,KAAK,CAACJ,QAAQ,IAAI,CAAC,CAACI,KAAK,CAACN,OAAO;IAC3C,CAAC,CAAC;IAEFT,SAAS,CAAC,MAAM;MACd,MAAMyB,KAAK,GAAGV,KAAK,CAACV,GAAkC;MACtD,OAAAqB,YAAA,CAAAD,KAAA;QAAA,SAEW,CACL,aAAa,EACb;UAAE,sBAAsB,EAAED,SAAS,CAACG;QAAM,CAAC,EAC3CJ,YAAY,CAACI,KAAK,CACnB;QAAA,WACQlB;MAAO;QAAAD,OAAA,EAAAA,CAAA,MAEfa,KAAK,CAACO,OAAO,IAAAF,YAAA;UAAA,SACA;QAAsB,IAAGL,KAAK,CAACO,OAAO,CAAC,CAAC,EACrD,EAAAF,YAAA;UAAA,SACW;QAAsB,IAAGL,KAAK,CAACb,OAAO,GAAG,CAAC,IACrDa,KAAK,CAACQ,QAAQ,IAAAH,YAAA;UAAA,SACD;QAAuB,IAAGL,KAAK,CAACQ,QAAQ,CAAC,CAAC,EACvD;MAAA;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YListItem.mjs","names":["computed","defineComponent","useRender","pressThemePropsOptions","useLocalTheme","propsFactory","pressYListItemProps","tag","type","String","default","onClick","Function","disabled","Boolean","YListItem","name","props","emits","click","e","slots","Object","setup","_ref","emit","themeClasses","clickable","ElTag","_createVNode","value","leading","trailing"],"sources":["../../../src/components/list/YListItem.tsx"],"sourcesContent":["import { SlotsType, computed, defineComponent } from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\nimport { propsFactory } from '../../util/vue-component';\n\nimport './YListItem.scss';\n\nexport const pressYListItemProps = propsFactory(\n  {\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    onClick: Function,\n    disabled: Boolean,\n    ...pressThemePropsOptions(),\n  },\n  'YListItem',\n);\n\nexport const YListItem = defineComponent({\n  name: 'YListItem',\n  props: {\n    ...pressYListItemProps(),\n  },\n  emits: {\n    click: (e: MouseEvent) => true,\n  },\n  slots: Object as SlotsType<{\n    default: any;\n    leading: any;\n    trailing: any;\n  }>,\n  setup(props, { slots, emit }) {\n    const { themeClasses } = useLocalTheme(props);\n\n    function onClick(e: MouseEvent) {\n      emit('click', e);\n    }\n\n    const clickable = computed(() => {\n      return !props.disabled && !!props.onClick;\n    });\n\n    useRender(() => {\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\n      return (\n        <ElTag\n          class={[\n            'y-list-item',\n            { 'y-list-item--pointer': clickable.value },\n            themeClasses.value,\n          ]}\n          onClick={onClick}\n        >\n          {slots.leading && (\n            <div class={'y-list-item__leading'}>{slots.leading()}</div>\n          )}\n          <div class={'y-list-item__content'}>{slots.default?.()}</div>\n          {slots.trailing && (\n            <div class={'y-list-item__trailing'}>{slots.trailing()}</div>\n          )}\n        </ElTag>\n      );\n    });\n  },\n});\n\nexport type YListItem = InstanceType<typeof YListItem>;\n"],"mappings":";AAAA,SAAoBA,QAAQ,EAAEC,eAAe,QAAQ,KAAK;AAAC,SAElDC,SAAS;AAAA,SACTC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,YAAY;AAErB;AAEA,OAAO,MAAMC,mBAAmB,GAAGD,YAAY,CAC7C;EACEE,GAAG,EAAE;IACHC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,OAAO,EAAEC,QAAQ;EACjBC,QAAQ,EAAEC,OAAO;EACjB,GAAGX,sBAAsB,CAAC;AAC5B,CAAC,EACD,WACF,CAAC;AAED,OAAO,MAAMY,SAAS,GAAGd,eAAe,CAAC;EACvCe,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;IACL,GAAGX,mBAAmB,CAAC;EACzB,CAAC;EACDY,KAAK,EAAE;IACLC,KAAK,EAAGC,CAAa,IAAK;EAC5B,CAAC;EACDC,KAAK,EAAEC,MAIL;EACFC,KAAKA,CAACN,KAAK,EAAAO,IAAA,EAAmB;IAAA,IAAjB;MAAEH,KAAK;MAAEI;IAAK,CAAC,GAAAD,IAAA;IAC1B,MAAM;MAAEE;IAAa,CAAC,GAAGtB,aAAa,CAACa,KAAK,CAAC;IAE7C,SAASN,OAAOA,CAACS,CAAa,EAAE;MAC9BK,IAAI,CAAC,OAAO,EAAEL,CAAC,CAAC;IAClB;IAEA,MAAMO,SAAS,GAAG3B,QAAQ,CAAC,MAAM;MAC/B,OAAO,CAACiB,KAAK,CAACJ,QAAQ,IAAI,CAAC,CAACI,KAAK,CAACN,OAAO;IAC3C,CAAC,CAAC;IAEFT,SAAS,CAAC,MAAM;MACd,MAAM0B,KAAK,GAAGX,KAAK,CAACV,GAAkC;MACtD,OAAAsB,YAAA,CAAAD,KAAA;QAAA,SAEW,CACL,aAAa,EACb;UAAE,sBAAsB,EAAED,SAAS,CAACG;QAAM,CAAC,EAC3CJ,YAAY,CAACI,KAAK,CACnB;QAAA,WACQnB;MAAO;QAAAD,OAAA,EAAAA,CAAA,MAEfW,KAAK,CAACU,OAAO,IAAAF,YAAA;UAAA,SACA;QAAsB,IAAGR,KAAK,CAACU,OAAO,CAAC,CAAC,EACrD,EAAAF,YAAA;UAAA,SACW;QAAsB,IAAGR,KAAK,CAACX,OAAO,GAAG,CAAC,IACrDW,KAAK,CAACW,QAAQ,IAAAH,YAAA;UAAA,SACD;QAAuB,IAAGR,KAAK,CAACW,QAAQ,CAAC,CAAC,EACvD;MAAA;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.1.0-rc.18",
+  "version": "0.1.0-rc.19",
   "keywords": [
     "UI Library",
     "Vue"