yuyeon 0.3.1-rc.0 → 0.3.1-rc.4

package/lib/components/input/YInput.scss

@@ -1,258 +1,258 @@
-@use '../../styles/variables';
-
-$input-border-radius: variables.$border-radius-root !default;
-
-.y-input {
-  font-size: 14px;
-  flex: 1 1 auto;
-  display: flex;
-  align-items: flex-start;
-  letter-spacing: normal;
-  text-align: left;
-
-  --y-input-focused-color: var(--y-theme-primary);
-  --y-input-label-color: var(--y-theme-on-surface-variant);
-
-  &__prepend,
-  &__append {
-    height: 100%;
-  }
-
-  &__stack {
-    height: 100%; // auto
-    flex: 1;
-    flex-wrap: wrap;
-    min-width: 0;
-    width: 100%;
-  }
-
-  &__display {
-    display: inline-flex;
-    position: relative;
-    cursor: text;
-    flex: 1 1 auto;
-    border-radius: $input-border-radius;
-    width: 100%;
-  }
-
-  &__plate {
-    position: absolute;
-    inset: 0;
-    border-bottom: 1px solid transparent;
-    contain: paint;
-    border-radius: $input-border-radius;
-    outline: 0 solid rgba(0, 0, 0, 0);
-    transition: 140ms ease;
-  }
-
-  &__value {
-    position: relative;
-    flex: 1 0 auto;
-    padding: 0.5rem 0.875rem;
-    display: flex;
-    align-items: center;
-    line-height: 1em;
-  }
-
-  &__helper-text {
-    font-size: 14px;
-    font-weight: 320;
-    color: #444;
-  }
-
-  @keyframes label-float {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-      transform: translateY(-26px) scale(0.94);
-    }
-  }
-
-  @keyframes label-sink {
-    0% {
-      opacity: 1;
-      transform: translateY(-26px) scale(0.74);
-    }
-    30% {
-      opacity: 0;
-    }
-    80% {
-      opacity: 0;
-      transform: translateY(-8px) scale(1);
-    }
-    100% {
-      opacity: 1;
-      transform: translateY(0) scale(1);
-    }
-  }
-
-  &__label {
-    display: block;
-    color: var(--y-input-label-color);
-    padding-bottom: 4px;
-    font-weight: 500;
-  }
-
-  &__floating-label {
-    position: absolute;
-    max-width: 90%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    pointer-events: none;
-    padding-bottom: unset;
-    left: 0;
-    top: 6px;
-    transform-origin: left center;
-
-    &--floated {
-      animation: label-float 200ms ease-in-out forwards;
-    }
-
-    &:not(&--floated) {
-      animation: label-sink 200ms linear;
-    }
-  }
-
-  &__leading {
-    position: relative;
-    display: inline-flex;
-    margin-top: 10px;
-    padding-right: 4px;
-    align-self: flex-start;
-
-    > * {
-      width: 24px;
-      height: 24px;
-      user-select: none;
-    }
-  }
-
-  &__required-mark {
-    color: var(--y-theme-error);
-  }
-
-  &__trailing {
-    position: relative;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &--labeled {
-    padding-top: 12px;
-    margin-top: 4px;
-  }
-
-  &--filled {
-    --y-input-default-filled: 242, 242, 242;
-    --y-input-filled-opacity: 0.04;
-    --y-input-filled-opacity-hover: 0.08;
-
-    .y-input {
-      &__prepend {
-        padding-left: 12px;
-      }
-      //
-      &__plate {
-        background: rgba(
-          var(--y-theme-on-surface-rgb, var(--y-input-default-filled)),
-          var(--y-input-filled-opacity)
-        );
-      }
-
-      &__display:hover {
-        --y-input-filled-opacity: var(--y-input-filled-opacity-hover);
-      }
-    }
-  }
-
-  &--outlined {
-    --y-input-outlined-opacity: 0.64;
-    --y-input-outlined-opacity-hover: 0.87;
-
-    .y-input__plate {
-      border: 1px solid
-        rgba(var(--y-theme-outline-rgb), var(--y-input-outlined-opacity));
-      box-sizing: border-box;
-      inset: 0;
-
-      &:before {
-        top: 0;
-        height: 100%;
-        background: transparent;
-        border-radius: inherit;
-      }
-    }
-
-    &:not(.y-input--disabled) .y-input__display:hover {
-      --y-input-outlined-opacity: var(--y-input-outlined-opacity-hover);
-    }
-  }
-
-  &--ceramic {
-    .y-input__plate {
-      border: 1px solid #e4e4e4;
-      box-sizing: border-box;
-      inset: 0;
-      border-top-color: transparent;
-      border-left-width: 0;
-      border-right-width: 0;
-      box-shadow:
-        1px 2px 8px -1px rgb(0 0 0 / 12%),
-        -1px -1px 2px 1px rgba(0, 0, 0, 0.04),
-        inset 1px 1px 8px -4px rgb(0 0 0 / 11%);
-      outline: 0 solid rgba(0, 0, 0, 0);
-    }
-
-    .y-input__plate:before {
-      inset: -1px;
-      height: 100%;
-      background: transparent;
-      border-radius: inherit;
-    }
-  }
-
-  &--focused {
-    .y-input__value {
-      outline: none;
-    }
-
-    .y-input__plate {
-      outline: 1px solid rgba(var(--y-theme-primary, #4f97dc), 0.1);
-      border-color: var(--y-input-focused-color);
-    }
-
-    .y-input__leading {
-      color: currentColor;
-    }
-
-    &.y-input--outlined {
-      //
-    }
-  }
-
-  &--error {
-    &.y-input--outlined {
-      .y-input__plate {
-        border-color: var(--y-palette-negative) !important;
-      }
-    }
-    .y-input__helper-text {
-      color: var(--y-palette-negative);
-    }
-  }
-
-  &--success {
-    &.y-input--outlined {
-      .y-input__plate {
-        border-color: var(--y-palette-positive) !important;
-      }
-    }
-    .y-input__helper-text {
-      color: var(--y-palette-positive);
-    }
-  }
-}
+@use '../../styles/variables';
+
+$input-border-radius: variables.$border-radius-root !default;
+
+.y-input {
+  font-size: 14px;
+  flex: 1 1 auto;
+  display: flex;
+  align-items: flex-start;
+  letter-spacing: normal;
+  text-align: left;
+
+  --y-input-focused-color: var(--y-theme-primary);
+  --y-input-label-color: var(--y-theme-on-surface-variant);
+
+  &__prepend,
+  &__append {
+    height: 100%;
+  }
+
+  &__stack {
+    height: 100%; // auto
+    flex: 1;
+    flex-wrap: wrap;
+    min-width: 0;
+    width: 100%;
+  }
+
+  &__display {
+    display: inline-flex;
+    position: relative;
+    cursor: text;
+    flex: 1 1 auto;
+    border-radius: $input-border-radius;
+    width: 100%;
+  }
+
+  &__plate {
+    position: absolute;
+    inset: 0;
+    border-bottom: 1px solid transparent;
+    contain: paint;
+    border-radius: $input-border-radius;
+    outline: 0 solid rgba(0, 0, 0, 0);
+    transition: 140ms ease;
+  }
+
+  &__value {
+    position: relative;
+    flex: 1 0 auto;
+    padding: 0.5rem 0.875rem;
+    display: flex;
+    align-items: center;
+    line-height: 1em;
+  }
+
+  &__helper-text {
+    font-size: 14px;
+    font-weight: 320;
+    color: #444;
+  }
+
+  @keyframes label-float {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(-26px) scale(0.94);
+    }
+  }
+
+  @keyframes label-sink {
+    0% {
+      opacity: 1;
+      transform: translateY(-26px) scale(0.74);
+    }
+    30% {
+      opacity: 0;
+    }
+    80% {
+      opacity: 0;
+      transform: translateY(-8px) scale(1);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+
+  &__label {
+    display: block;
+    color: var(--y-input-label-color);
+    padding-bottom: 4px;
+    font-weight: 500;
+  }
+
+  &__floating-label {
+    position: absolute;
+    max-width: 90%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    pointer-events: none;
+    padding-bottom: unset;
+    left: 0;
+    top: 6px;
+    transform-origin: left center;
+
+    &--floated {
+      animation: label-float 200ms ease-in-out forwards;
+    }
+
+    &:not(&--floated) {
+      animation: label-sink 200ms linear;
+    }
+  }
+
+  &__leading {
+    position: relative;
+    display: inline-flex;
+    margin-top: 10px;
+    padding-right: 4px;
+    align-self: flex-start;
+
+    > * {
+      width: 24px;
+      height: 24px;
+      user-select: none;
+    }
+  }
+
+  &__required-mark {
+    color: var(--y-theme-error);
+  }
+
+  &__trailing {
+    position: relative;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  &--labeled {
+    padding-top: 12px;
+    margin-top: 4px;
+  }
+
+  &--filled {
+    --y-input-default-filled: 242, 242, 242;
+    --y-input-filled-opacity: 0.04;
+    --y-input-filled-opacity-hover: 0.08;
+
+    .y-input {
+      &__prepend {
+        padding-left: 12px;
+      }
+      //
+      &__plate {
+        background: rgba(
+          var(--y-theme-on-surface-rgb, var(--y-input-default-filled)),
+          var(--y-input-filled-opacity)
+        );
+      }
+
+      &__display:hover {
+        --y-input-filled-opacity: var(--y-input-filled-opacity-hover);
+      }
+    }
+  }
+
+  &--outlined {
+    --y-input-outlined-opacity: 0.64;
+    --y-input-outlined-opacity-hover: 0.87;
+
+    .y-input__plate {
+      border: 1px solid
+        rgba(var(--y-theme-outline-rgb), var(--y-input-outlined-opacity));
+      box-sizing: border-box;
+      inset: 0;
+
+      &:before {
+        top: 0;
+        height: 100%;
+        background: transparent;
+        border-radius: inherit;
+      }
+    }
+
+    &:not(.y-input--disabled) .y-input__display:hover {
+      --y-input-outlined-opacity: var(--y-input-outlined-opacity-hover);
+    }
+  }
+
+  &--ceramic {
+    .y-input__plate {
+      border: 1px solid #e4e4e4;
+      box-sizing: border-box;
+      inset: 0;
+      border-top-color: transparent;
+      border-left-width: 0;
+      border-right-width: 0;
+      box-shadow:
+        1px 2px 8px -1px rgb(0 0 0 / 12%),
+        -1px -1px 2px 1px rgba(0, 0, 0, 0.04),
+        inset 1px 1px 8px -4px rgb(0 0 0 / 11%);
+      outline: 0 solid rgba(0, 0, 0, 0);
+    }
+
+    .y-input__plate:before {
+      inset: -1px;
+      height: 100%;
+      background: transparent;
+      border-radius: inherit;
+    }
+  }
+
+  &--focused {
+    .y-input__value {
+      outline: none;
+    }
+
+    .y-input__plate {
+      outline: 1px solid rgba(var(--y-theme-primary, #4f97dc), 0.1);
+      border-color: var(--y-input-focused-color);
+    }
+
+    .y-input__leading {
+      color: currentColor;
+    }
+
+    &.y-input--outlined {
+      //
+    }
+  }
+
+  &--error {
+    &.y-input--outlined {
+      .y-input__plate {
+        border-color: var(--y-palette-negative) !important;
+      }
+    }
+    .y-input__helper-text {
+      color: var(--y-palette-negative);
+    }
+  }
+
+  &--success {
+    &.y-input--outlined {
+      .y-input__plate {
+        border-color: var(--y-palette-positive) !important;
+      }
+    }
+    .y-input__helper-text {
+      color: var(--y-palette-positive);
+    }
+  }
+}

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

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