@ozdao/martyrs 0.2.551 → 0.2.553

package/dist/martyrs/src/components/FieldPhone/FieldPhone.vue.cjs

@@ -1,597 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const clickOutside = require("./click-outside.cjs");
-const allCountries = require("./all-countries.cjs");
-;/* empty css                  */
-const parsePhoneNumber = require("../../../node_modules/.pnpm/libphonenumber-js@1.12.4/node_modules/libphonenumber-js/min/exports/parsePhoneNumber.cjs");
-const _hoisted_1 = ["tabindex"];
-const _hoisted_2 = { class: "flex-nowrap flex flex-v-center p-regular vti__selection" };
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = ["placeholder", "disabled", "size"];
-const _hoisted_5 = ["onClick", "onMousemove"];
-const _hoisted_6 = ["innerHTML"];
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = ["type", "autocomplete", "autofocus", "disabled", "id", "maxlength", "name", "placeholder", "readonly", "required", "tabindex"];
-const _hoisted_9 = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin invalid-feedback"
-};
-const _sfc_main = {
-  __name: "FieldPhone",
-  props: {
-    modelValue: { type: String, default: "" },
-    badClass: { type: [String, Array, Object], default: "" },
-    goodClass: { type: [String, Array, Object], default: "" },
-    badStyle: { type: [String, Array, Object], default: "" },
-    goodStyle: { type: [String, Array, Object], default: "" },
-    badInputClass: { type: [String, Array, Object], default: "" },
-    goodInputClass: { type: [String, Array, Object], default: "" },
-    badInputStyle: { type: [String, Array, Object], default: "" },
-    goodInputStyle: { type: [String, Array, Object], default: "" },
-    allCountries: { type: Array, default: () => allCountries.default },
-    autoFormat: { type: Boolean, default: true },
-    validation: { type: [Boolean, Object], default: false },
-    customValidate: { type: [Boolean, RegExp], default: false },
-    defaultCountry: { type: String, default: "" },
-    disabled: { type: Boolean, default: false },
-    autoDefaultCountry: { type: Boolean, default: true },
-    ignoredCountries: { type: Array, default: () => [] },
-    invalidMsg: { type: String, default: "" },
-    mode: { type: String, default: "auto" },
-    onlyCountries: { type: Array, default: () => [] },
-    preferredCountries: { type: Array, default: () => [] },
-    validCharactersOnly: { type: Boolean, default: false },
-    rootClass: { type: [String, Array, Object], default: "" },
-    inputClass: { type: [String, Array, Object], default: "" },
-    rootStyle: { type: [String, Array, Object], default: "" },
-    dropdownStyle: { type: [String, Array, Object], default: "" },
-    listStyle: { type: [String, Array, Object], default: "" },
-    inputStyle: { type: [String, Array, Object], default: "" },
-    inputId: { type: [String, Array, Object], default: "" },
-    Placeholder: { type: [String, Object, Function], default: "" },
-    dropdownOptions: {
-      type: Object,
-      default: () => ({
-        showDialCodeInList: true,
-        showDialCodeInSelection: false,
-        showFlags: true,
-        tabindex: 0
-      })
-    },
-    inputOptions: {
-      type: Object,
-      default: () => ({
-        autocomplete: "on",
-        autofocus: false,
-        id: "",
-        maxlength: 25,
-        name: "telephone",
-        placeholder: "Enter a phone number",
-        readonly: false,
-        required: false,
-        tabindex: 0,
-        type: "tel",
-        styleClasses: ""
-      })
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "change",
-    "validate",
-    "country-changed",
-    "open",
-    "close",
-    "blur",
-    "focus",
-    "enter",
-    "space"
-  ],
-  setup(__props, { emit: __emit }) {
-    let vClickOutside = clickOutside.default;
-    const props = __props;
-    const emits = __emit;
-    const phone = vue.ref(props.modelValue || "");
-    const activeCountryCode = vue.ref("");
-    const dialCodeInput = vue.ref("");
-    const dialCodeFilter = vue.ref("");
-    const open = vue.ref(false);
-    const finishMounted = vue.ref(false);
-    const selectedIndex = vue.ref(null);
-    const typeToFindInput = vue.ref("");
-    const typeToFindTimer = vue.ref(null);
-    const dropdownOpenDirection = vue.ref("below");
-    const parsedPlaceholder = vue.ref(props.Placeholder !== "" ? props.Placeholder : props.inputOptions.placeholder);
-    const rootElement = vue.ref(null);
-    const list = vue.ref(null);
-    const input = vue.ref(null);
-    vue.onMounted(() => {
-      if (props.modelValue) {
-        phone.value = props.modelValue;
-      }
-      cleanInvalidCharacters();
-      initializeCountry().then(() => {
-        if (!phone.value && props.inputOptions?.showDialCode && activeCountryCode.value) {
-          phone.value = `+${activeCountryCode.value}`;
-        }
-        if (activeCountry.value && props.dropdownOptions.showDialCodeInSelection) {
-          dialCodeInput.value = `+${activeCountry.value.dialCode}`;
-        }
-        emits("validate", phoneObject.value);
-      }).catch(console.error).then(() => {
-        finishMounted.value = true;
-      });
-    });
-    const activeCountry = vue.computed(() => {
-      return findCountry(activeCountryCode.value);
-    });
-    const activeCountryFlag = vue.computed(() => {
-      return activeCountry.value ? activeCountry.value.flag : null;
-    });
-    const parsedMode = vue.computed(() => {
-      if (props.mode === "auto") {
-        if (!phone.value || phone.value[0] !== "+") {
-          return "national";
-        }
-        return "international";
-      }
-      if (!["international", "national"].includes(props.mode)) {
-        console.error('Invalid value of prop "mode"');
-        return "international";
-      }
-      return props.mode;
-    });
-    const filteredCountries = vue.computed(() => {
-      let countries = props.allCountries;
-      if (props.onlyCountries && props.onlyCountries.length) {
-        countries = countries.filter(
-          ({ iso2 }) => props.onlyCountries.includes(iso2.toUpperCase())
-        );
-      } else if (props.ignoredCountries && props.ignoredCountries.length) {
-        countries = countries.filter(
-          ({ iso2 }) => !props.ignoredCountries.includes(iso2.toUpperCase()) && !props.ignoredCountries.includes(iso2.toLowerCase())
-        );
-      }
-      if (dialCodeFilter.value) {
-        const filterValue = dialCodeFilter.value.replace("+", "");
-        countries = countries.filter(
-          (country) => country.dialCode.startsWith(filterValue)
-        );
-      }
-      return countries;
-    });
-    const filteredAndSortedCountries = vue.computed(() => {
-      const preferredCountries = getCountries(props.preferredCountries).filter((country) => {
-        if (!dialCodeFilter.value) return true;
-        const filterValue = dialCodeFilter.value.replace("+", "");
-        return country.dialCode.startsWith(filterValue);
-      }).map((country) => ({ ...country, preferred: true }));
-      return [...preferredCountries, ...filteredCountries.value];
-    });
-    const phoneObject = vue.computed(() => {
-      let result = {};
-      if (phone.value?.[0] === "+") {
-        result = parsePhoneNumber.parsePhoneNumber(phone.value) || {};
-      } else {
-        result = parsePhoneNumber.parsePhoneNumber(phone.value, activeCountryCode.value) || {};
-      }
-      const { metadata, ...phoneDetails } = result;
-      let valid = result.isValid?.();
-      let formatted = phone.value;
-      if (valid) {
-        formatted = result.format?.(parsedMode.value.toUpperCase(), { nationalPrefix: false });
-      }
-      if (result.country && (props.ignoredCountries.length || props.onlyCountries.length)) {
-        if (!findCountry(result.country)) {
-          valid = false;
-          result = { ...result, country: null };
-        }
-      }
-      return {
-        ...phoneDetails,
-        countryCode: result.country,
-        valid,
-        country: activeCountry.value,
-        formatted
-      };
-    });
-    const classes = vue.computed(() => {
-      return phoneObject.value.valid === true ? props.goodClass : phoneObject.value.valid === false ? props.badClass : void 0;
-    });
-    const styles = vue.computed(() => {
-      return phoneObject.value.valid === true ? props.goodStyle : phoneObject.value.valid === false ? props.badStyle : void 0;
-    });
-    const Iclasses = vue.computed(() => {
-      return phoneObject.value.valid === true ? props.goodInputClass : phoneObject.value.valid === false ? props.badInputClass : void 0;
-    });
-    const Istyles = vue.computed(() => {
-      return phoneObject.value.valid === true ? props.goodInputStyle : phoneObject.value.valid === false ? props.badInputStyle : void 0;
-    });
-    vue.watch(activeCountry, (newValue, oldValue) => {
-      if (!newValue && oldValue?.iso2) {
-        activeCountryCode.value = oldValue.iso2;
-        return;
-      }
-      if (newValue?.iso2) {
-        emits("country-changed", newValue);
-        resetPlaceholder();
-        dialCodeInput.value = `+${newValue.dialCode}`;
-      }
-    });
-    vue.watch(() => phoneObject.value.countryCode, (newValue) => {
-      activeCountryCode.value = newValue;
-    });
-    vue.watch(() => phoneObject.value.valid, () => {
-      emits("validate", phoneObject.value);
-    });
-    vue.watch(() => phoneObject.value.formatted, (newValue) => {
-      if (!props.autoFormat || props.customValidate) {
-        return;
-      }
-      emitInput(newValue);
-      vue.nextTick(() => {
-        if (newValue && !props.modelValue) {
-          phone.value = newValue;
-        }
-      });
-    });
-    vue.watch(() => props.inputOptions.placeholder, () => {
-      resetPlaceholder();
-    });
-    vue.watch(() => props.modelValue, (newValue, oldValue) => {
-      if (!testCharacters()) {
-        vue.nextTick(() => {
-          phone.value = oldValue;
-          onInput();
-        });
-      } else {
-        phone.value = newValue;
-      }
-    });
-    vue.watch(open, (isDropdownOpened) => {
-      if (isDropdownOpened) {
-        setDropdownPosition();
-        emits("open");
-      } else {
-        emits("close");
-      }
-    });
-    function onDialCodeInput() {
-      if (!dialCodeInput.value.startsWith("+")) {
-        dialCodeInput.value = "+" + dialCodeInput.value.replace(/^\+*/, "");
-      }
-      dialCodeInput.value = dialCodeInput.value.replace(/[^\+\d]/g, "");
-      const plusCount = (dialCodeInput.value.match(/\+/g) || []).length;
-      if (plusCount > 1) {
-        dialCodeInput.value = "+" + dialCodeInput.value.replace(/\+/g, "");
-      }
-      dialCodeFilter.value = dialCodeInput.value;
-      open.value = true;
-      const exactMatch = filteredCountries.value.find(
-        (country) => `+${country.dialCode}` === dialCodeInput.value
-      );
-      if (exactMatch && filteredAndSortedCountries.value.length === 1) {
-        choose(exactMatch);
-      }
-    }
-    function onDialCodeBlur() {
-      setTimeout(() => {
-        if (!dialCodeInput.value && activeCountry.value) {
-          dialCodeInput.value = `+${activeCountry.value.dialCode}`;
-        }
-      }, 200);
-    }
-    function openDropdown() {
-      if (!props.disabled) {
-        open.value = true;
-      }
-    }
-    function setCaretPosition(ctrl, pos) {
-      if (ctrl.setSelectionRange) {
-        ctrl.focus();
-        ctrl.setSelectionRange(pos, pos);
-      } else if (ctrl.createTextRange) {
-        const range = ctrl.createTextRange();
-        range.collapse(true);
-        range.moveEnd("character", pos);
-        range.moveStart("character", pos);
-        range.select();
-      }
-    }
-    function resetPlaceholder() {
-      parsedPlaceholder.value = props.inputOptions.placeholder;
-    }
-    function initializeCountry() {
-      return new Promise((resolve) => {
-        if (phone.value?.[0] === "+") {
-          resolve();
-          return;
-        }
-        if (props.defaultCountry) {
-          choose(props.defaultCountry);
-          resolve();
-          return;
-        }
-        const fallbackCountry = props.preferredCountries[0] || filteredCountries.value[0];
-        if (props.autoDefaultCountry) {
-          fetch("https://ip2c.org/s").then((response) => response.text()).then((response) => {
-            const result = (response || "").toString();
-            if (!result || result[0] !== "1") {
-              throw new Error("unable to fetch the country");
-            }
-            return result.substr(2, 2);
-          }).then((res) => {
-            choose(res || activeCountryCode.value);
-          }).catch((error) => {
-            console.warn(error);
-            choose(fallbackCountry);
-          }).finally(() => {
-            resolve();
-          });
-        } else {
-          choose(fallbackCountry);
-          resolve();
-        }
-      });
-    }
-    function getCountries(list2 = []) {
-      return list2.map((countryCode) => findCountry(countryCode)).filter(Boolean);
-    }
-    function findCountry(iso = "") {
-      return filteredCountries.value.find((country) => country.iso2 === iso.toUpperCase());
-    }
-    function getItemClass(index, iso2) {
-      const highlighted = selectedIndex.value === index;
-      const lastPreferred = index === props.preferredCountries.length - 1;
-      const preferred = props.preferredCountries.some((c) => c.toUpperCase() === iso2);
-      return { highlighted, "last-preferred": lastPreferred, preferred };
-    }
-    function choose(country) {
-      let parsedCountry = typeof country === "string" ? findCountry(country) : country;
-      if (!parsedCountry) return;
-      if (phone.value?.[0] === "+" && parsedCountry.iso2 && phoneObject.value.nationalNumber) {
-        activeCountryCode.value = parsedCountry.iso2;
-        phone.value = parsePhoneNumber.parsePhoneNumber(
-          phoneObject.value.nationalNumber,
-          parsedCountry.iso2
-        ).formatInternational();
-      } else {
-        activeCountryCode.value = parsedCountry.iso2;
-      }
-      dialCodeInput.value = `+${parsedCountry.dialCode}`;
-      dialCodeFilter.value = "";
-      open.value = false;
-      vue.nextTick(() => {
-        if (input.value) {
-          input.value.focus();
-        }
-      });
-      emitInput(phone.value);
-    }
-    function cleanInvalidCharacters() {
-      const currentPhone = phone.value;
-      if (props.validCharactersOnly) {
-        const results = phone.value.match(/[()\-+0-9\s]*/g);
-        phone.value = results.join("");
-      }
-      if (props.customValidate && props.customValidate instanceof RegExp) {
-        const results = phone.value.match(props.customValidate);
-        phone.value = results ? results.join("") : "";
-      }
-      if (currentPhone !== phone.value) {
-        emitInput(phone.value);
-      }
-    }
-    function testCharacters() {
-      if (props.validCharactersOnly) {
-        const result = /^[()\-+0-9\s]*$/.test(phone.value);
-        if (!result) return false;
-      }
-      if (props.customValidate) {
-        return testCustomValidate();
-      }
-      return true;
-    }
-    function testCustomValidate() {
-      return props.customValidate instanceof RegExp ? props.customValidate.test(phone.value) : false;
-    }
-    function onInput() {
-      input.value.setCustomValidity(phoneObject.valid ? "" : props.invalidMsg);
-      emitInput(phone.value);
-    }
-    function emitInput(value) {
-      emits("update:modelValue", value);
-      if (phoneObject.value.valid) {
-        emits("change", phoneObject.value.number);
-        emits("country", phoneObject.value.number);
-      } else {
-        emits("country", null);
-      }
-    }
-    function onBlur() {
-      emits("blur");
-    }
-    function onFocus() {
-      setCaretPosition(input.value, phone.value.length);
-      emits("focus");
-    }
-    function onEnter() {
-      emits("enter");
-    }
-    function onSpace() {
-      emits("space");
-    }
-    function clickedOutside() {
-      open.value = false;
-      dialCodeFilter.value = "";
-    }
-    function keyboardNav(e) {
-      if (e.keyCode === 40) {
-        e.preventDefault();
-        open.value = true;
-        selectedIndex.value = selectedIndex.value === null ? 0 : Math.min(filteredAndSortedCountries.value.length - 1, selectedIndex.value + 1);
-        vue.nextTick(() => {
-          const selEle = list.value.children[selectedIndex.value];
-          if (selEle.offsetTop + selEle.clientHeight > list.value.scrollTop + list.value.clientHeight) {
-            list.value.scrollTop = selEle.offsetTop - list.value.clientHeight + selEle.clientHeight;
-          }
-        });
-      } else if (e.keyCode === 38) {
-        e.preventDefault();
-        open.value = true;
-        selectedIndex.value = selectedIndex.value === null ? filteredAndSortedCountries.value.length - 1 : Math.max(0, selectedIndex.value - 1);
-        vue.nextTick(() => {
-          const selEle = list.value.children[selectedIndex.value];
-          if (selEle.offsetTop < list.value.scrollTop) {
-            list.value.scrollTop = selEle.offsetTop;
-          }
-        });
-      } else if (e.keyCode === 13) {
-        e.preventDefault();
-        if (selectedIndex.value !== null) {
-          choose(filteredAndSortedCountries.value[selectedIndex.value]);
-        }
-      } else {
-        if (e.target.classList.contains("vti__country-code-input")) return;
-        typeToFindInput.value += e.key;
-        clearTimeout(typeToFindTimer);
-        typeToFindTimer = setTimeout(() => {
-          typeToFindInput.value = "";
-        }, 700);
-        vue.nextTick(() => {
-          const typedCountryI = filteredAndSortedCountries.value.slice(props.preferredCountries.length).findIndex((c) => c.name.toLowerCase().startsWith(typeToFindInput.value));
-          if (typedCountryI >= 0) {
-            selectedIndex.value = props.preferredCountries.length + typedCountryI;
-            const selEle = list.value.children[selectedIndex.value];
-            const needToScroll = selEle.offsetTop < list.value.scrollTop || selEle.offsetTop + selEle.clientHeight > list.value.scrollTop + list.value.clientHeight;
-            if (needToScroll) {
-              list.value.scrollTop = selEle.offsetTop - list.value.clientHeight / 2;
-            }
-          }
-        });
-      }
-    }
-    function reset() {
-      selectedIndex.value = filteredAndSortedCountries.value.map((c) => c.iso2).indexOf(activeCountryCode.value);
-      open.value = false;
-    }
-    function setDropdownPosition() {
-      const spaceBelow = window.innerHeight - rootElement.value.getBoundingClientRect().bottom;
-      const hasEnoughSpaceBelow = spaceBelow > 200;
-      dropdownOpenDirection.value = hasEnoughSpaceBelow ? "below" : "above";
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([[
-            __props.rootClass,
-            classes.value,
-            _ctx.$attrs.class,
-            { "bg-fourth-nano": __props.validation },
-            { disabled: __props.disabled }
-          ], "field-wrapper vue3-reactive-tel-input"]),
-          style: vue.normalizeStyle([__props.rootStyle, styles.value]),
-          ref_key: "rootElement",
-          ref: rootElement
-        }, [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            class: vue.normalizeClass([["vti__dropdown", { open: open.value }], "br-solid br-black-transp-10 br-1px radius-thin"]),
-            style: vue.normalizeStyle([__props.dropdownStyle]),
-            tabindex: __props.dropdownOptions.tabindex,
-            onKeydown: vue.withKeys(reset, ["esc"])
-          }, [
-            vue.createElementVNode("span", _hoisted_2, [
-              __props.dropdownOptions.showFlags ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                innerHTML: activeCountryFlag.value,
-                class: "mn-r-nano"
-              }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
-              __props.dropdownOptions.showDialCodeInSelection ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                key: 1,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialCodeInput.value = $event),
-                onInput: onDialCodeInput,
-                onFocus: openDropdown,
-                onBlur: onDialCodeBlur,
-                onKeydown: keyboardNav,
-                type: "text",
-                class: "vti__country-code-input",
-                placeholder: `+${activeCountry.value?.dialCode || ""}`,
-                disabled: __props.disabled,
-                size: Math.max((dialCodeInput.value?.length || 0) + 1, 3),
-                maxlength: "5"
-              }, null, 40, _hoisted_4)), [
-                [vue.vModelText, dialCodeInput.value]
-              ]) : vue.createCommentVNode("", true)
-            ]),
-            vue.withDirectives(vue.createElementVNode("ul", {
-              ref_key: "list",
-              ref: list,
-              class: vue.normalizeClass(["bs-black radius-small vti__dropdown-list", dropdownOpenDirection.value]),
-              style: vue.normalizeStyle([__props.listStyle])
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredAndSortedCountries.value, (pb, index) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  class: vue.normalizeClass(["flex-nowrap flex w-max", ["vti__dropdown-item", getItemClass(index, pb.iso2)]]),
-                  key: pb.iso2 + (pb.preferred ? "-preferred" : ""),
-                  onClick: ($event) => choose(pb),
-                  onMousemove: ($event) => selectedIndex.value = index
-                }, [
-                  __props.dropdownOptions.showFlags ? (vue.openBlock(), vue.createElementBlock("span", {
-                    key: 0,
-                    innerHTML: pb.flag,
-                    class: "mn-r-thin"
-                  }, null, 8, _hoisted_6)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("strong", null, vue.toDisplayString(pb.name), 1),
-                  __props.dropdownOptions.showDialCodeInList ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, " +" + vue.toDisplayString(pb.dialCode), 1)) : vue.createCommentVNode("", true)
-                ], 42, _hoisted_5);
-              }), 128))
-            ], 6), [
-              [vue.vShow, open.value]
-            ])
-          ], 46, _hoisted_1)), [
-            [vue.unref(vClickOutside), clickedOutside]
-          ]),
-          vue.withDirectives(vue.createElementVNode("input", {
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => phone.value = $event),
-            inputmode: "numeric",
-            pattern: "\\d*",
-            ref_key: "input",
-            ref: input,
-            type: __props.inputOptions.type,
-            autocomplete: __props.inputOptions.autocomplete,
-            autofocus: __props.inputOptions.autofocus,
-            class: vue.normalizeClass(["vti__input", __props.inputOptions.styleClasses, __props.inputClass, Iclasses.value]),
-            style: vue.normalizeStyle([__props.inputStyle, Istyles.value]),
-            disabled: __props.disabled,
-            id: __props.inputId !== "" ? __props.inputId : __props.inputOptions.id,
-            maxlength: __props.inputOptions.maxlength,
-            name: __props.inputId !== "" ? __props.inputId : __props.inputOptions.name,
-            placeholder: parsedPlaceholder.value,
-            readonly: __props.inputOptions.readonly,
-            required: __props.inputOptions.required,
-            tabindex: __props.inputOptions.tabindex,
-            onBlur,
-            onFocus,
-            onInput,
-            onKeyup: [
-              vue.withKeys(onEnter, ["enter"]),
-              vue.withKeys(onSpace, ["space"])
-            ]
-          }, null, 46, _hoisted_8), [
-            [vue.vModelDynamic, phone.value]
-          ]),
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 6),
-        vue.createVNode(vue.Transition, { name: "fade" }, {
-          default: vue.withCtx(() => [
-            __props.validation ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, " * " + vue.toDisplayString(__props.validation.message), 1)) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=FieldPhone.vue.cjs.map

package/dist/martyrs/src/components/FieldPhone/FieldPhone.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldPhone.vue.cjs","sources":["../../../../../src/components/FieldPhone/FieldPhone.vue"],"sourcesContent":["<template>\n  <div \n    :class=\"[\n      rootClass, \n      classes,\n      $attrs.class, \n      { 'bg-fourth-nano': validation }, \n      { disabled: disabled }\n    ]\" \n    :style=\"[rootStyle, styles]\" \n    ref=\"rootElement\"\n    class=\"field-wrapper vue3-reactive-tel-input\"\n  >\n    <div\n      v-click-outside=\"clickedOutside\"\n      :class=\"['vti__dropdown', { open: open }]\"\n      :style=\"[dropdownStyle]\"\n      :tabindex=\"dropdownOptions.tabindex\"\n      @keydown.esc=\"reset\"\n      class=\"br-solid br-black-transp-10 br-1px radius-thin\"\n    >\n      <span class=\"flex-nowrap flex flex-v-center p-regular vti__selection\">\n        <span v-if=\"dropdownOptions.showFlags\" v-html=\"activeCountryFlag\" class=\"mn-r-nano\" />\n        \n        <!-- Новый инпут для ввода кода страны -->\n        <input\n          v-if=\"dropdownOptions.showDialCodeInSelection\"\n          v-model=\"dialCodeInput\"\n          @input=\"onDialCodeInput\"\n          @focus=\"openDropdown\"\n          @blur=\"onDialCodeBlur\"\n          @keydown=\"keyboardNav\"\n          type=\"text\"\n          class=\"vti__country-code-input\"\n          :placeholder=\"`+${activeCountry?.dialCode || ''}`\"\n          :disabled=\"disabled\"\n          :size=\"Math.max((dialCodeInput?.length || 0) + 1, 3)\"\n          maxlength=\"5\"\n        />\n\n      </span>\n      \n      <ul \n        ref=\"list\" \n        class=\"bs-black radius-small vti__dropdown-list\"\n        v-show=\"open\" \n        :class=\"dropdownOpenDirection\"\n        :style=\"[listStyle]\"\n      >\n        <li\n          v-for=\"(pb, index) in filteredAndSortedCountries\"\n          class=\"flex-nowrap flex w-max\"\n          :class=\"['vti__dropdown-item', getItemClass(index, pb.iso2)]\"\n          :key=\"pb.iso2 + (pb.preferred ? '-preferred' : '')\"\n          @click=\"choose(pb)\"\n          @mousemove=\"selectedIndex = index\"\n        >\n          <span v-if=\"dropdownOptions.showFlags\" v-html=\"pb.flag\" class=\"mn-r-thin\"/>\n          <strong>{{ pb.name }}</strong>\n          <span v-if=\"dropdownOptions.showDialCodeInList\"> +{{ pb.dialCode }} </span>\n        </li>\n      </ul>\n    </div>\n    \n    <input\n      v-model=\"phone\"\n      inputmode=\"numeric\" \n      pattern=\"\\d*\"\n      ref=\"input\"\n      :type=\"inputOptions.type\"\n      :autocomplete=\"inputOptions.autocomplete\"\n      :autofocus=\"inputOptions.autofocus\"\n      :class=\"['vti__input', inputOptions.styleClasses, inputClass, Iclasses]\"\n      :style=\"[inputStyle, Istyles]\"\n      :disabled=\"disabled\"\n      :id=\"inputId !== '' ? inputId : inputOptions.id\"\n      :maxlength=\"inputOptions.maxlength\"\n      :name=\"inputId !== '' ? inputId : inputOptions.name\"\n      :placeholder=\"parsedPlaceholder\"\n      :readonly=\"inputOptions.readonly\"\n      :required=\"inputOptions.required\"\n      :tabindex=\"inputOptions.tabindex\"\n      @blur=\"onBlur\"\n      @focus=\"onFocus\"\n      @input=\"onInput\"\n      @keyup.enter=\"onEnter\"\n      @keyup.space=\"onSpace\"\n    />\n    <slot></slot>\n  </div>\n  \n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<script setup>\n  import { ref, reactive, watch, computed, onMounted, nextTick } from 'vue';\n  import { parsePhoneNumberFromString } from 'libphonenumber-js';\n\n  import clickOutside from './click-outside.js';\n  import allCountries from './all-countries.js';\n\n  let vClickOutside = clickOutside\n\n  const props = defineProps({\n    modelValue: { type: String, default: '' },\n    badClass: { type: [String, Array, Object], default: '' },\n    goodClass: { type: [String, Array, Object], default: '' },\n    badStyle: { type: [String, Array, Object], default: '' },\n    goodStyle: { type: [String, Array, Object], default: '' },\n    badInputClass: { type: [String, Array, Object], default: '' },\n    goodInputClass: { type: [String, Array, Object], default: '' },\n    badInputStyle: { type: [String, Array, Object], default: '' },\n    goodInputStyle: { type: [String, Array, Object], default: '' },\n    allCountries: { type: Array, default: () => allCountries },\n    autoFormat: { type: Boolean, default: true },\n    validation: { type: [Boolean, Object], default: false },\n    customValidate: { type: [Boolean, RegExp], default: false },\n    defaultCountry: { type: String, default: '' },\n    disabled: { type: Boolean, default: false },\n    autoDefaultCountry: { type: Boolean, default: true },\n    ignoredCountries: { type: Array, default: () => [] },\n    invalidMsg: { type: String, default: '' },\n    mode: { type: String, default: 'auto' },\n    onlyCountries: { type: Array, default: () => [] },\n    preferredCountries: { type: Array, default: () => [] },\n    validCharactersOnly: { type: Boolean, default: false },\n    rootClass: { type: [String, Array, Object], default: '' },\n    inputClass: { type: [String, Array, Object], default: '' },\n    rootStyle: { type: [String, Array, Object], default: '' },\n    dropdownStyle: { type: [String, Array, Object], default: '' },\n    listStyle: { type: [String, Array, Object], default: '' },\n    inputStyle: { type: [String, Array, Object], default: '' },\n    inputId: { type: [String, Array, Object], default: '' },\n    Placeholder: { type: [String, Object, Function], default: '' },\n    dropdownOptions: { \n      type: Object, \n      default: () => ({\n        showDialCodeInList: true,\n        showDialCodeInSelection: false,\n        showFlags: true,\n        tabindex: 0\n      })\n    },\n    inputOptions: { \n      type: Object, \n      default: () => ({ \n        autocomplete: 'on',\n        autofocus: false,\n        id: '',\n        maxlength: 25,\n        name: 'telephone',\n        placeholder: 'Enter a phone number',\n        readonly: false,\n        required: false,\n        tabindex: 0,\n        type: 'tel',\n        styleClasses: ''\n      })\n    },\n  });\n\n  const emits = defineEmits([\n    'update:modelValue', \n    'change',\n    'validate', \n    'country-changed', \n    'open', \n    'close', \n    'blur', \n    'focus', \n    'enter', \n    'space'\n  ]);\n\n  // Reactive data\n  const phone = ref(props.modelValue || '');\n  const activeCountryCode = ref('');\n  const dialCodeInput = ref('');\n  const dialCodeFilter = ref('');\n  const open = ref(false);\n  const finishMounted = ref(false);\n  const selectedIndex = ref(null);\n  const typeToFindInput = ref('');\n  const typeToFindTimer = ref(null);\n  const dropdownOpenDirection = ref('below');\n  const parsedPlaceholder = ref(props.Placeholder !== '' ? props.Placeholder : props.inputOptions.placeholder);\n\n  // Element refs\n  const rootElement = ref(null);\n  const list = ref(null);\n  const input = ref(null);\n\n  // Lifecycle hooks\n  onMounted(() => {\n    if (props.modelValue) {\n      phone.value = props.modelValue;\n    }\n\n    cleanInvalidCharacters();\n\n    initializeCountry()\n      .then(() => {\n        if (!phone.value && props.inputOptions?.showDialCode && activeCountryCode.value) {\n          phone.value = `+${activeCountryCode.value}`;\n        }\n        \n        // Инициализируем dialCodeInput\n        if (activeCountry.value && props.dropdownOptions.showDialCodeInSelection) {\n          dialCodeInput.value = `+${activeCountry.value.dialCode}`;\n        }\n        \n        emits('validate', phoneObject.value);\n      })\n      .catch(console.error)\n      .then(() => {\n        finishMounted.value = true;\n      });\n  });\n\n  // Computed properties\n  const activeCountry = computed(() => {\n    return findCountry(activeCountryCode.value);\n  });\n\n  const activeCountryFlag = computed(() => {\n    return activeCountry.value ? activeCountry.value.flag : null;\n  });\n\n  const parsedMode = computed(() => {\n    if (props.mode === 'auto') {\n      if (!phone.value || phone.value[0] !== '+') {\n        return 'national';\n      }\n      return 'international';\n    }\n    if (!['international', 'national'].includes(props.mode)) {\n      console.error('Invalid value of prop \"mode\"');\n      return 'international';\n    }\n    return props.mode;\n  });\n\n  const filteredCountries = computed(() => {\n    let countries = props.allCountries;\n\n    // Фильтрация по onlyCountries/ignoredCountries\n    if (props.onlyCountries && props.onlyCountries.length) {\n      countries = countries.filter(({ iso2 }) => \n        props.onlyCountries.includes(iso2.toUpperCase())\n      );\n    } else if (props.ignoredCountries && props.ignoredCountries.length) {\n      countries = countries.filter(({ iso2 }) =>\n        !props.ignoredCountries.includes(iso2.toUpperCase()) && \n        !props.ignoredCountries.includes(iso2.toLowerCase())\n      );\n    }\n\n    // Фильтрация по введенному коду страны\n    if (dialCodeFilter.value) {\n      const filterValue = dialCodeFilter.value.replace('+', '');\n      countries = countries.filter(country => \n        country.dialCode.startsWith(filterValue)\n      );\n    }\n\n    return countries;\n  });\n\n  const filteredAndSortedCountries = computed(() => {\n    const preferredCountries = getCountries(props.preferredCountries)\n      .filter(country => {\n        if (!dialCodeFilter.value) return true;\n        const filterValue = dialCodeFilter.value.replace('+', '');\n        return country.dialCode.startsWith(filterValue);\n      })\n      .map(country => ({ ...country, preferred: true }));\n\n    return [...preferredCountries, ...filteredCountries.value];\n  });\n\n  const phoneObject = computed(() => {\n    let result = {};\n\n    if (phone.value?.[0] === '+') {\n      result = parsePhoneNumberFromString(phone.value) || {};\n    } else {\n      result = parsePhoneNumberFromString(phone.value, activeCountryCode.value) || {};\n    }\n\n    const { metadata, ...phoneDetails } = result;\n\n    let valid = result.isValid?.();\n    let formatted = phone.value;\n\n    if (valid) {\n      formatted = result.format?.(parsedMode.value.toUpperCase(), { nationalPrefix: false });\n    }\n\n    if (result.country && (props.ignoredCountries.length || props.onlyCountries.length)) {\n      if (!findCountry(result.country)) {\n        valid = false;\n        result = { ...result, country: null };\n      }\n    }\n\n    return {\n      ...phoneDetails,\n      countryCode: result.country,\n      valid,\n      country: activeCountry.value,\n      formatted,\n    };\n  });\n\n  const classes = computed(() => {\n    return phoneObject.value.valid === true ? props.goodClass : \n           phoneObject.value.valid === false ? props.badClass : undefined;\n  });\n\n  const styles = computed(() => {\n    return phoneObject.value.valid === true ? props.goodStyle : \n           phoneObject.value.valid === false ? props.badStyle : undefined;\n  });\n\n  const Iclasses = computed(() => {\n    return phoneObject.value.valid === true ? props.goodInputClass : \n           phoneObject.value.valid === false ? props.badInputClass : undefined;\n  });\n\n  const Istyles = computed(() => {\n    return phoneObject.value.valid === true ? props.goodInputStyle : \n           phoneObject.value.valid === false ? props.badInputStyle : undefined;\n  });\n\n  // Watchers\n  watch(activeCountry, (newValue, oldValue) => {\n    if (!newValue && oldValue?.iso2) {\n      activeCountryCode.value = oldValue.iso2;\n      return;\n    }\n    if (newValue?.iso2) {\n      emits('country-changed', newValue);\n      resetPlaceholder();\n      // Обновляем dialCodeInput при смене страны\n      dialCodeInput.value = `+${newValue.dialCode}`;\n    }\n  });\n\n  watch(() => phoneObject.value.countryCode, (newValue) => {\n    activeCountryCode.value = newValue;\n  });\n\n  watch(() => phoneObject.value.valid, () => {\n    emits('validate', phoneObject.value);\n  });\n\n  watch(() => phoneObject.value.formatted, (newValue) => {\n    if (!props.autoFormat || props.customValidate) {\n      return;\n    }\n    emitInput(newValue);\n\n    nextTick(() => {\n      if (newValue && !props.modelValue) {\n        phone.value = newValue;\n      }\n    });\n  });\n\n  watch(() => props.inputOptions.placeholder, () => {\n    resetPlaceholder();\n  });\n\n  watch(() => props.modelValue, (newValue, oldValue) => {\n    if (!testCharacters()) {\n      nextTick(() => {\n        phone.value = oldValue;\n        onInput();\n      });\n    } else {\n      phone.value = newValue;\n    }\n  });\n\n  watch(open, (isDropdownOpened) => {\n    if (isDropdownOpened) {\n      setDropdownPosition();\n      emits('open');\n    } else {\n      emits('close');\n    }\n  });\n\n  // Methods\n  function onDialCodeInput() {\n    // Убеждаемся, что символ + всегда есть в начале\n    if (!dialCodeInput.value.startsWith('+')) {\n      dialCodeInput.value = '+' + dialCodeInput.value.replace(/^\\+*/, '');\n    }\n    \n    // Разрешаем только + и цифры\n    dialCodeInput.value = dialCodeInput.value.replace(/[^\\+\\d]/g, '');\n    \n    // Убеждаемся что + только в начале\n    const plusCount = (dialCodeInput.value.match(/\\+/g) || []).length;\n    if (plusCount > 1) {\n      dialCodeInput.value = '+' + dialCodeInput.value.replace(/\\+/g, '');\n    }\n    \n    dialCodeFilter.value = dialCodeInput.value;\n    open.value = true;\n    \n    // Автовыбор страны если код точно совпадает\n    const exactMatch = filteredCountries.value.find(country => \n      `+${country.dialCode}` === dialCodeInput.value\n    );\n    \n    if (exactMatch && filteredAndSortedCountries.value.length === 1) {\n      choose(exactMatch);\n    }\n  }\n\n  function onDialCodeBlur() {\n    setTimeout(() => {\n      if (!dialCodeInput.value && activeCountry.value) {\n        dialCodeInput.value = `+${activeCountry.value.dialCode}`;\n      }\n    }, 200);\n  }\n\n  function openDropdown() {\n    if (!props.disabled) {\n      open.value = true;\n    }\n  }\n\n  function setCaretPosition(ctrl, pos) {\n    if (ctrl.setSelectionRange) {\n      ctrl.focus();\n      ctrl.setSelectionRange(pos, pos);\n    } else if (ctrl.createTextRange) {\n      const range = ctrl.createTextRange();\n      range.collapse(true);\n      range.moveEnd('character', pos);\n      range.moveStart('character', pos);\n      range.select();\n    }\n  }\n\n  function resetPlaceholder() {\n    parsedPlaceholder.value = props.inputOptions.placeholder;\n  }\n\n  function initializeCountry() {\n    return new Promise((resolve) => {\n      if (phone.value?.[0] === '+') { \n        resolve(); \n        return; \n      }\n      \n      if (props.defaultCountry) { \n        choose(props.defaultCountry); \n        resolve(); \n        return; \n      }\n      \n      const fallbackCountry = props.preferredCountries[0] || filteredCountries.value[0];\n      \n      if (props.autoDefaultCountry) {\n        fetch('https://ip2c.org/s')\n          .then((response) => response.text())\n          .then((response) => {\n            const result = (response || '').toString();\n            if (!result || result[0] !== '1') {\n              throw new Error('unable to fetch the country');\n            }\n            return result.substr(2, 2);\n          })\n          .then((res) => { \n            choose(res || activeCountryCode.value); \n          })\n          .catch((error) => { \n            console.warn(error); \n            choose(fallbackCountry); \n          })\n          .finally(() => { \n            resolve(); \n          });\n      } else {\n        choose(fallbackCountry);\n        resolve();\n      }\n    });\n  }\n\n  function getCountries(list = []) {\n    return list.map((countryCode) => findCountry(countryCode)).filter(Boolean);\n  }\n\n  function findCountry(iso = '') {\n    return filteredCountries.value.find((country) => country.iso2 === iso.toUpperCase());\n  }\n\n  function getItemClass(index, iso2) {\n    const highlighted = selectedIndex.value === index;\n    const lastPreferred = index === props.preferredCountries.length - 1;\n    const preferred = props.preferredCountries.some((c) => c.toUpperCase() === iso2);\n    return { highlighted, 'last-preferred': lastPreferred, preferred };\n  }\n\n  function choose(country) {\n    let parsedCountry = typeof country === 'string' ? findCountry(country) : country;\n    if (!parsedCountry) return;\n    \n    if (phone.value?.[0] === '+' && parsedCountry.iso2 && phoneObject.value.nationalNumber) {\n      activeCountryCode.value = parsedCountry.iso2;\n      phone.value = parsePhoneNumberFromString(\n        phoneObject.value.nationalNumber, \n        parsedCountry.iso2\n      ).formatInternational();\n    } else {\n      activeCountryCode.value = parsedCountry.iso2;\n    }\n\n    dialCodeInput.value = `+${parsedCountry.dialCode}`;\n    dialCodeFilter.value = '';\n    \n    // Закрываем дропдаун\n    open.value = false;\n    \n    // Переводим фокус на основной инпут\n    nextTick(() => {\n      if (input.value) {\n        input.value.focus();\n      }\n    });\n    \n    emitInput(phone.value);\n  }\n\n  function cleanInvalidCharacters() {\n    const currentPhone = phone.value;\n\n    if (props.validCharactersOnly) {\n      const results = phone.value.match(/[()\\-+0-9\\s]*/g);\n      phone.value = results.join('');\n    }\n\n    if (props.customValidate && props.customValidate instanceof RegExp) {\n      const results = phone.value.match(props.customValidate);\n      phone.value = results ? results.join('') : '';\n    }\n\n    if (currentPhone !== phone.value) {\n      emitInput(phone.value);\n    }\n  }\n\n  function testCharacters() {\n    if (props.validCharactersOnly) {\n      const result = /^[()\\-+0-9\\s]*$/.test(phone.value);\n      if (!result) return false;\n    }\n    if (props.customValidate) {\n      return testCustomValidate();\n    }\n    return true;\n  }\n\n  function testCustomValidate() {\n    return props.customValidate instanceof RegExp ? props.customValidate.test(phone.value) : false;\n  }\n\n  function onInput() {\n    input.value.setCustomValidity(phoneObject.valid ? '' : props.invalidMsg);\n    emitInput(phone.value);\n  }\n\n  function emitInput(value) {\n    emits('update:modelValue', value);\n\n    if (phoneObject.value.valid) { \n      emits('change', phoneObject.value.number);\n      emits('country', phoneObject.value.number);\n    } else {\n      emits('country', null);\n    }\n  }\n\n  function onBlur() {\n    emits('blur');\n  }\n\n  function onFocus() {\n    setCaretPosition(input.value, phone.value.length);\n    emits('focus');\n  }\n\n  function onEnter() {\n    emits('enter');\n  }\n\n  function onSpace() {\n    emits('space');\n  }\n\n  function focus() {\n    input.value.focus();\n  }\n\n  function toggleDropdown() {\n    if (props.disabled) return;\n    open.value = !open.value;\n  }\n\n  function clickedOutside() {\n    open.value = false;\n    dialCodeFilter.value = '';\n  }\n\n  function keyboardNav(e) {\n    if (e.keyCode === 40) { // down arrow\n      e.preventDefault();\n      open.value = true;\n      selectedIndex.value = selectedIndex.value === null ? 0 : \n        Math.min(filteredAndSortedCountries.value.length - 1, selectedIndex.value + 1);\n      nextTick(() => {\n        const selEle = list.value.children[selectedIndex.value];\n        if (selEle.offsetTop + selEle.clientHeight > list.value.scrollTop + list.value.clientHeight) {\n          list.value.scrollTop = selEle.offsetTop - list.value.clientHeight + selEle.clientHeight;\n        }\n      });\n    } else if (e.keyCode === 38) { // up arrow\n      e.preventDefault();\n      open.value = true;\n      selectedIndex.value = selectedIndex.value === null ? \n        filteredAndSortedCountries.value.length - 1 : Math.max(0, selectedIndex.value - 1);\n      nextTick(() => {\n        const selEle = list.value.children[selectedIndex.value];\n        if (selEle.offsetTop < list.value.scrollTop) {\n          list.value.scrollTop = selEle.offsetTop;\n        }\n      });\n    } else if (e.keyCode === 13) { // enter key\n      e.preventDefault();\n      if (selectedIndex.value !== null) {\n        choose(filteredAndSortedCountries.value[selectedIndex.value]);\n      }\n    } else { \n      // Поиск по названию страны\n      if (e.target.classList.contains('vti__country-code-input')) return;\n      \n      typeToFindInput.value += e.key;\n      clearTimeout(typeToFindTimer);\n      typeToFindTimer = setTimeout(() => {\n        typeToFindInput.value = '';\n      }, 700);\n      \n      nextTick(() => {\n        const typedCountryI = filteredAndSortedCountries.value\n          .slice(props.preferredCountries.length)\n          .findIndex((c) => c.name.toLowerCase().startsWith(typeToFindInput.value));\n        if (typedCountryI >= 0) {\n          selectedIndex.value = props.preferredCountries.length + typedCountryI;\n          const selEle = list.value.children[selectedIndex.value];\n          const needToScroll = selEle.offsetTop < list.value.scrollTop || \n            selEle.offsetTop + selEle.clientHeight > list.value.scrollTop + list.value.clientHeight;\n          if (needToScroll) {\n            list.value.scrollTop = selEle.offsetTop - list.value.clientHeight / 2;\n          }\n        }\n      });\n    }\n  }\n\n  function reset() {\n    selectedIndex.value = filteredAndSortedCountries.value\n      .map(c => c.iso2).indexOf(activeCountryCode.value);\n    open.value = false;\n  }\n\n  function setDropdownPosition() {\n    const spaceBelow = window.innerHeight - rootElement.value.getBoundingClientRect().bottom;\n    const hasEnoughSpaceBelow = spaceBelow > 200;\n    dropdownOpenDirection.value = hasEnoughSpaceBelow ? 'below' : 'above';\n  }\n</script>\n\n<style lang=\"scss\">\n.vue3-reactive-tel-input {\n  display: flex;\n}\n\n.vue3-reactive-tel-input.disabled .dropdown,\n.vue3-reactive-tel-input.disabled .selection,\n.vue3-reactive-tel-input.disabled input {\n  cursor: no-drop;\n}\n\n.vti__dropdown {\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n  justify-content: center;\n  position: relative;\n  padding: 0.5rem;\n  cursor: pointer;\n}\n\n.vti__dropdown.show {\n  max-height: 300px;\n  overflow: scroll;\n}\n\n.vti__dropdown-list {\n  z-index: 1;\n  padding: 0;\n  margin: 0;\n  text-align: left;\n  list-style: none;\n  max-height: 200px;\n  overflow-y: scroll;\n  position: absolute;\n  left: -1px;\n  background-color: #fff;\n  width: fit-content;\n}\n\n.vti__dropdown-list.below {\n  top: 33px;\n}\n\n.vti__dropdown-list.above {\n  top: auto;\n  bottom: 100%;\n}\n\n.vti__dropdown-item {\n  cursor: pointer;\n  padding: 4px 15px;\n}\n\n.vti__dropdown-item.highlighted {\n  background-color: #f0f0f0;\n}\n\n.vti__dropdown-item.last-preferred {\n  border-bottom: 1px solid #cacaca;\n}\n\n.vti__input {\n  color: inherit;\n  border: none;\n  border-radius: 0 2px 2px 0;\n  width: 100%;\n  outline: 0;\n  padding-left: 7px;\n}\n\n.vti__country-code-input {\n  max-width: 70px;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-size: inherit;\n  color: inherit;\n  text-align: center;\n}\n</style>"],"names":["clickOutside","ref","onMounted","computed","parsePhoneNumberFromString","watch","nextTick","list"],"mappings":"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"}