@desource/phone-mask-vue 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @desource/phone-mask-vue
 
+## 0.2.1
+
+### Patch Changes
+
+- Nuxt: Improve install process of the package
+  Vue: Improve locale init of PhoneMask
+- Updated dependencies []:
+  - @desource/phone-mask@0.2.1
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -667,7 +667,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const usedLocale = vue.computed(() => {
       if (props.locale) return props.locale;
       if (typeof navigator !== "undefined") {
-        return navigator.language || navigator.userLanguage || "en";
+        return navigator.language || "en";
       }
       return "en";
     });
@@ -1106,7 +1106,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd4ff552"]]);
+const PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8e96716"]]);
 function getNavigatorLang() {
   if (typeof navigator !== "undefined") {
     return navigator.language || "";

package/dist/index.js

@@ -666,7 +666,7 @@ var lib = (function(exports, vue) {
       const usedLocale = vue.computed(() => {
         if (props.locale) return props.locale;
         if (typeof navigator !== "undefined") {
-          return navigator.language || navigator.userLanguage || "en";
+          return navigator.language || "en";
         }
         return "en";
       });
@@ -1105,7 +1105,7 @@ var lib = (function(exports, vue) {
     }
     return target;
   };
-  const PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd4ff552"]]);
+  const PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8e96716"]]);
   function getNavigatorLang() {
     if (typeof navigator !== "undefined") {
       return navigator.language || "";

package/dist/index.mjs

@@ -665,7 +665,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const usedLocale = computed(() => {
       if (props.locale) return props.locale;
       if (typeof navigator !== "undefined") {
-        return navigator.language || navigator.userLanguage || "en";
+        return navigator.language || "en";
       }
       return "en";
     });
@@ -1104,7 +1104,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd4ff552"]]);
+const PhoneInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8e96716"]]);
 function getNavigatorLang() {
   if (typeof navigator !== "undefined") {
     return navigator.language || "";

package/dist/phone-mask-vue.css

@@ -77,62 +77,62 @@
 .phone-input input:disabled,
 .phone-dropdown input:disabled {
   cursor: not-allowed;
-}.phone-input[data-v-cd4ff552],
-.phone-dropdown[data-v-cd4ff552] {
+}.phone-input[data-v-a8e96716],
+.phone-dropdown[data-v-a8e96716] {
   font-size: var(--pi-font-size);
   background: var(--pi-bg);
   color: var(--pi-fg);
   border-radius: var(--pi-radius);
   border: 1px solid var(--pi-border);
 }
-.phone-input[data-v-cd4ff552] {
+.phone-input[data-v-a8e96716] {
   position: relative;
   display: flex;
   align-items: stretch;
   width: 100%;
 }
-.phone-input[data-v-cd4ff552]:focus-within {
+.phone-input[data-v-a8e96716]:focus-within {
   outline: var(--pi-focus-ring);
 }
-.phone-input.is-incomplete[data-v-cd4ff552] {
+.phone-input.is-incomplete[data-v-a8e96716] {
   border-color: var(--pi-warning);
 }
-.phone-input.is-incomplete[data-v-cd4ff552]:focus-within {
+.phone-input.is-incomplete[data-v-a8e96716]:focus-within {
   outline: var(--pi-focus-ring-warning);
 }
-.phone-input.is-complete[data-v-cd4ff552] {
+.phone-input.is-complete[data-v-a8e96716] {
   border-color: var(--pi-success);
 }
-.phone-input.is-complete[data-v-cd4ff552]:focus-within {
+.phone-input.is-complete[data-v-a8e96716]:focus-within {
   outline: var(--pi-focus-ring-success);
 }
-.phone-input.is-disabled[data-v-cd4ff552] {
+.phone-input.is-disabled[data-v-a8e96716] {
   background: var(--pi-disabled-bg);
   color: var(--pi-disabled-fg);
 }
-.phone-input.is-readonly[data-v-cd4ff552] {
+.phone-input.is-readonly[data-v-a8e96716] {
   cursor: default;
 }
-.phone-input.size-compact[data-v-cd4ff552] {
+.phone-input.size-compact[data-v-a8e96716] {
   --pi-font-size: 14px;
   --pi-height: 36px;
   --pi-padding: 10px;
   --pi-actions-size: 24px;
 }
-.phone-input.size-large[data-v-cd4ff552] {
+.phone-input.size-large[data-v-a8e96716] {
   --pi-font-size: 18px;
   --pi-height: 52px;
   --pi-padding: 16px;
   --pi-actions-size: 32px;
 }
-.phone-input.is-unstyled[data-v-cd4ff552] {
+.phone-input.is-unstyled[data-v-a8e96716] {
   all: initial;
   display: block;
 }
-.pi-selector[data-v-cd4ff552] {
+.pi-selector[data-v-a8e96716] {
   flex-shrink: 0;
 }
-.pi-selector-btn[data-v-cd4ff552] {
+.pi-selector-btn[data-v-a8e96716] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -143,36 +143,36 @@
   border-radius: var(--pi-radius) 0 0 var(--pi-radius);
   transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.pi-selector-btn.no-dropdown[data-v-cd4ff552] {
+.pi-selector-btn.no-dropdown[data-v-a8e96716] {
   cursor: default;
 }
-.pi-selector-btn[data-v-cd4ff552]:focus-visible {
+.pi-selector-btn[data-v-a8e96716]:focus-visible {
   border-color: var(--pi-border-focus);
   outline: none;
 }
-.pi-selector-btn:disabled > .pi-flag[data-v-cd4ff552] {
+.pi-selector-btn:disabled > .pi-flag[data-v-a8e96716] {
   opacity: 0.5;
 }
-.pi-flag[data-v-cd4ff552] {
+.pi-flag[data-v-a8e96716] {
   font-size: 1.25em;
   line-height: 1;
   display: inline-flex;
 }
-.pi-chevron[data-v-cd4ff552] {
+.pi-chevron[data-v-a8e96716] {
   margin-left: 2px;
   color: var(--pi-muted);
   transition: transform 200ms ease;
 }
-.pi-chevron.is-open[data-v-cd4ff552] {
+.pi-chevron.is-open[data-v-a8e96716] {
   transform: rotate(180deg);
 }
-.pi-input-wrap[data-v-cd4ff552] {
+.pi-input-wrap[data-v-a8e96716] {
   flex: 1;
   position: relative;
   display: flex;
   align-items: center;
 }
-.pi-input[data-v-cd4ff552] {
+.pi-input[data-v-a8e96716] {
   flex: 1;
   width: 100%;
   padding-left: var(--pi-padding);
@@ -181,14 +181,14 @@
   border-radius: 0 var(--pi-radius) var(--pi-radius) 0;
   transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.pi-input[data-v-cd4ff552]:hover:not(:disabled):not(:read-only) {
+.pi-input[data-v-a8e96716]:hover:not(:disabled):not(:read-only) {
   border-color: var(--pi-border-hover);
 }
-.pi-input[data-v-cd4ff552]:focus {
+.pi-input[data-v-a8e96716]:focus {
   border-color: var(--pi-border-focus);
   position: relative;
 }
-.pi-actions[data-v-cd4ff552] {
+.pi-actions[data-v-a8e96716] {
   position: absolute;
   right: 2px;
   top: 50%;
@@ -197,7 +197,7 @@
   align-items: center;
   gap: 2px;
 }
-.pi-btn[data-v-cd4ff552] {
+.pi-btn[data-v-a8e96716] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -209,36 +209,36 @@
   border-radius: 9999px;
   transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.pi-btn[data-v-cd4ff552]:hover {
+.pi-btn[data-v-a8e96716]:hover {
   background: var(--pi-disabled-bg);
   color: var(--pi-fg);
 }
-.pi-btn[data-v-cd4ff552]:active:not(:disabled) {
+.pi-btn[data-v-a8e96716]:active:not(:disabled) {
   transform: scale(0.95);
 }
-.pi-btn[data-v-cd4ff552]:focus {
+.pi-btn[data-v-a8e96716]:focus {
   outline: 1px solid var(--pi-border-focus);
   outline-offset: -1px;
 }
-.pi-btn.is-copied[data-v-cd4ff552] {
+.pi-btn.is-copied[data-v-a8e96716] {
   color: var(--pi-success);
   border-color: var(--pi-success);
 }
-.pi-btn svg[data-v-cd4ff552] {
+.pi-btn svg[data-v-a8e96716] {
   flex-shrink: 0;
 }
-.phone-dropdown[data-v-cd4ff552] {
+.phone-dropdown[data-v-a8e96716] {
   position: absolute;
   z-index: 9999;
   max-width: 400px;
   box-shadow: var(--pi-shadow-lg);
   overflow: hidden;
 }
-.pi-search-wrap[data-v-cd4ff552] {
+.pi-search-wrap[data-v-a8e96716] {
   padding: 8px;
   border-bottom: 1px solid var(--pi-border);
 }
-.pi-search[data-v-cd4ff552] {
+.pi-search[data-v-a8e96716] {
   width: 100%;
   padding: 8px 12px;
   font-size: 0.875em;
@@ -247,30 +247,30 @@
   background: var(--pi-bg);
   transition: border-color 150ms ease;
 }
-.pi-search[data-v-cd4ff552]:focus {
+.pi-search[data-v-a8e96716]:focus {
   border-color: var(--pi-border-focus);
 }
-.pi-options[data-v-cd4ff552] {
+.pi-options[data-v-a8e96716] {
   max-height: 300px;
   overflow-y: auto;
   padding: 4px 0;
   margin: 0;
   list-style: none;
 }
-.pi-options[data-v-cd4ff552]::-webkit-scrollbar {
+.pi-options[data-v-a8e96716]::-webkit-scrollbar {
   width: 8px;
 }
-.pi-options[data-v-cd4ff552]::-webkit-scrollbar-track {
+.pi-options[data-v-a8e96716]::-webkit-scrollbar-track {
   background: transparent;
 }
-.pi-options[data-v-cd4ff552]::-webkit-scrollbar-thumb {
+.pi-options[data-v-a8e96716]::-webkit-scrollbar-thumb {
   background: var(--pi-border);
   border-radius: 4px;
 }
-.pi-options[data-v-cd4ff552]::-webkit-scrollbar-thumb:hover {
+.pi-options[data-v-a8e96716]::-webkit-scrollbar-thumb:hover {
   background: var(--pi-border-hover);
 }
-.pi-option[data-v-cd4ff552] {
+.pi-option[data-v-a8e96716] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -278,57 +278,57 @@
   cursor: pointer;
   transition: background-color 100ms ease;
 }
-.pi-option[data-v-cd4ff552]:hover, .pi-option.is-focused[data-v-cd4ff552] {
+.pi-option[data-v-a8e96716]:hover, .pi-option.is-focused[data-v-a8e96716] {
   background: var(--pi-disabled-bg);
 }
-.pi-option.is-selected[data-v-cd4ff552] {
+.pi-option.is-selected[data-v-a8e96716] {
   background: var(--pi-border);
   font-weight: 500;
 }
-.pi-opt-name[data-v-cd4ff552] {
+.pi-opt-name[data-v-a8e96716] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.pi-opt-code[data-v-cd4ff552] {
+.pi-opt-code[data-v-a8e96716] {
   color: var(--pi-muted);
   font-size: 0.875em;
 }
-.pi-empty[data-v-cd4ff552] {
+.pi-empty[data-v-a8e96716] {
   padding: 12px;
   text-align: center;
   color: var(--pi-muted);
   font-size: 0.875em;
 }
-.fade-enter-active[data-v-cd4ff552],
-.fade-leave-active[data-v-cd4ff552] {
+.fade-enter-active[data-v-a8e96716],
+.fade-leave-active[data-v-a8e96716] {
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.fade-enter-from[data-v-cd4ff552],
-.fade-leave-to[data-v-cd4ff552] {
+.fade-enter-from[data-v-a8e96716],
+.fade-leave-to[data-v-a8e96716] {
   opacity: 0;
   transform: translateY(-50%) translateX(8px);
 }
-.fade-scale-enter-active[data-v-cd4ff552],
-.fade-scale-leave-active[data-v-cd4ff552] {
+.fade-scale-enter-active[data-v-a8e96716],
+.fade-scale-leave-active[data-v-a8e96716] {
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.fade-scale-enter-from[data-v-cd4ff552],
-.fade-scale-leave-to[data-v-cd4ff552] {
+.fade-scale-enter-from[data-v-a8e96716],
+.fade-scale-leave-to[data-v-a8e96716] {
   opacity: 0;
   transform: scale(0.8);
 }
-.dropdown-enter-active[data-v-cd4ff552],
-.dropdown-leave-active[data-v-cd4ff552] {
+.dropdown-enter-active[data-v-a8e96716],
+.dropdown-leave-active[data-v-a8e96716] {
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.dropdown-enter-from[data-v-cd4ff552],
-.dropdown-leave-to[data-v-cd4ff552] {
+.dropdown-enter-from[data-v-a8e96716],
+.dropdown-leave-to[data-v-a8e96716] {
   opacity: 0;
   transform: translateY(-8px);
 }
-.sr-only[data-v-cd4ff552] {
+.sr-only[data-v-a8e96716] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -340,21 +340,21 @@
   border: 0;
 }
 @media (max-width: 480px) {
-.phone-input[data-v-cd4ff552] {
+.phone-input[data-v-a8e96716] {
     --pi-padding: 8px;
     --pi-actions-size: 24px;
 }
-.size-compact[data-v-cd4ff552] {
+.size-compact[data-v-a8e96716] {
     --pi-actions-size: 20px;
 }
-.phone-dropdown[data-v-cd4ff552] {
+.phone-dropdown[data-v-a8e96716] {
     left: 0;
     right: 0;
     max-width: none;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-[data-v-cd4ff552] {
+[data-v-a8e96716] {
     animation-duration: 0.01ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.01ms !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@desource/phone-mask-vue",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "🔌 Vue 3 component & directive for international phone number masking. Powered by @desource/phone-mask with Google libphonenumber sync.",
   "keywords": [
     "vue",
@@ -53,7 +53,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@desource/phone-mask": "0.2.0"
+    "@desource/phone-mask": "0.2.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",