yuyeon 0.1.0-rc.2 → 0.1.0-rc.20

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

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

package/lib/components/input/YInput.scss

@@ -21,8 +21,6 @@ $input-border-radius: variables.$border-radius-root !default;
   }
 
   &__stack {
-    display: flex;
-    flex-direction: column;
     height: 100%; // auto
     flex: 1;
     flex-wrap: wrap;
@@ -31,7 +29,7 @@ $input-border-radius: variables.$border-radius-root !default;
   }
 
   &__display {
-    display: flex;
+    display: inline-flex;
     position: relative;
     cursor: text;
     flex: 1 1 auto;
@@ -93,6 +91,7 @@ $input-border-radius: variables.$border-radius-root !default;
   }
 
   &__label {
+    display: block;
     color: var(--y-input-label-color);
     padding-bottom: 4px;
     font-weight: 500;

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":""}