@vuetify/nightly 3.8.9-dev.2025-06-13 → 3.8.9-master.2025-06-12

package/lib/labs/VMaskInput/VMaskInput.js

@@ -1,67 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-// Components
-import { makeVTextFieldProps, VTextField } from "../../components/VTextField/VTextField.js"; // Composables
-import { forwardRefs } from "../../composables/forwardRefs.js";
-import { makeMaskProps, useMask } from "../../composables/mask.js";
-import { useProxiedModel } from "../../composables/proxiedModel.js"; // Utilities
-import { computed, onBeforeMount, ref } from 'vue';
-import { genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
-export const makeVMaskInputProps = propsFactory({
-  ...makeVTextFieldProps(),
-  ...makeMaskProps()
-}, 'VMaskInput');
-export const VMaskInput = genericComponent()({
-  name: 'VMaskInput',
-  props: makeVMaskInputProps(),
-  emits: {
-    'update:modelValue': val => true
-  },
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
-    const vTextFieldRef = ref();
-    const {
-      maskText,
-      updateRange,
-      unmaskText
-    } = useMask(props, vTextFieldRef);
-    const returnMaskedValue = computed(() => props.mask && props.returnMaskedValue);
-    const model = useProxiedModel(props, 'modelValue', undefined,
-    // Always display masked value in input when mask is applied
-    val => props.mask ? maskText(unmaskText(val)) : val, val => {
-      if (props.mask) {
-        const valueBeforeChange = unmaskText(model.value);
-        // E.g. mask is #-# and the input value is '2-23'
-        // model-value should be enforced to '2-2'
-        const enforcedMaskedValue = maskText(unmaskText(val));
-        const newUnmaskedValue = unmaskText(enforcedMaskedValue);
-        if (newUnmaskedValue === valueBeforeChange) {
-          vTextFieldRef.value.value = enforcedMaskedValue;
-        }
-        val = newUnmaskedValue;
-        updateRange();
-        return returnMaskedValue.value ? maskText(val) : val;
-      }
-      return val;
-    });
-    onBeforeMount(() => {
-      if (props.returnMaskedValue) {
-        emit('update:modelValue', model.value);
-      }
-    });
-    useRender(() => {
-      const textFieldProps = VTextField.filterProps(props);
-      return _createVNode(VTextField, _mergeProps(textFieldProps, {
-        "modelValue": model.value,
-        "onUpdate:modelValue": $event => model.value = $event,
-        "ref": vTextFieldRef
-      }), {
-        ...slots
-      });
-    });
-    return forwardRefs({}, vTextFieldRef);
-  }
-});
-//# sourceMappingURL=VMaskInput.js.map

package/lib/labs/VMaskInput/VMaskInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VMaskInput.js","names":["makeVTextFieldProps","VTextField","forwardRefs","makeMaskProps","useMask","useProxiedModel","computed","onBeforeMount","ref","genericComponent","propsFactory","useRender","makeVMaskInputProps","VMaskInput","name","props","emits","val","setup","_ref","slots","emit","vTextFieldRef","maskText","updateRange","unmaskText","returnMaskedValue","mask","model","undefined","valueBeforeChange","value","enforcedMaskedValue","newUnmaskedValue","textFieldProps","filterProps","_createVNode","_mergeProps","$event"],"sources":["../../../src/labs/VMaskInput/VMaskInput.tsx"],"sourcesContent":["// Components\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeMaskProps, useMask } from '@/composables/mask'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, onBeforeMount, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VTextFieldSlots } from '@/components/VTextField/VTextField'\n\nexport type VMaskInputSlots = VTextFieldSlots\n\nexport const makeVMaskInputProps = propsFactory({\n  ...makeVTextFieldProps(),\n  ...makeMaskProps(),\n}, 'VMaskInput')\n\nexport const VMaskInput = genericComponent<VMaskInputSlots>()({\n  name: 'VMaskInput',\n\n  props: makeVMaskInputProps(),\n\n  emits: {\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const vTextFieldRef = ref<VTextField>()\n\n    const { maskText, updateRange, unmaskText } = useMask(props, vTextFieldRef)\n    const returnMaskedValue = computed(() => props.mask && props.returnMaskedValue)\n\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      // Always display masked value in input when mask is applied\n      val => props.mask ? maskText(unmaskText(val)) : val,\n      val => {\n        if (props.mask) {\n          const valueBeforeChange = unmaskText(model.value)\n          // E.g. mask is #-# and the input value is '2-23'\n          // model-value should be enforced to '2-2'\n          const enforcedMaskedValue = maskText(unmaskText(val))\n          const newUnmaskedValue = unmaskText(enforcedMaskedValue)\n\n          if (newUnmaskedValue === valueBeforeChange) {\n            vTextFieldRef.value!.value = enforcedMaskedValue\n          }\n          val = newUnmaskedValue\n          updateRange()\n          return returnMaskedValue.value ? maskText(val) : val\n        }\n        return val\n      },\n    )\n\n    onBeforeMount(() => {\n      if (props.returnMaskedValue) {\n        emit('update:modelValue', model.value)\n      }\n    })\n\n    useRender(() => {\n      const textFieldProps = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          { ...textFieldProps }\n          v-model={ model.value }\n          ref={ vTextFieldRef }\n        >\n          {{ ...slots }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({}, vTextFieldRef)\n  },\n})\n\nexport type VMaskInput = InstanceType<typeof VMaskInput>\n"],"mappings":";AAAA;AAAA,SACSA,mBAAmB,EAAEC,UAAU,qDAExC;AAAA,SACSC,WAAW;AAAA,SACXC,aAAa,EAAEC,OAAO;AAAA,SACtBC,eAAe,6CAExB;AACA,SAASC,QAAQ,EAAEC,aAAa,EAAEC,GAAG,QAAQ,KAAK;AAAA,SACzCC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAKA,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9C,GAAGV,mBAAmB,CAAC,CAAC;EACxB,GAAGG,aAAa,CAAC;AACnB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMU,UAAU,GAAGJ,gBAAgB,CAAkB,CAAC,CAAC;EAC5DK,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEH,mBAAmB,CAAC,CAAC;EAE5BI,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAW,IAAK;EACxC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC3B,MAAMG,aAAa,GAAGd,GAAG,CAAa,CAAC;IAEvC,MAAM;MAAEe,QAAQ;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAGrB,OAAO,CAACW,KAAK,EAAEO,aAAa,CAAC;IAC3E,MAAMI,iBAAiB,GAAGpB,QAAQ,CAAC,MAAMS,KAAK,CAACY,IAAI,IAAIZ,KAAK,CAACW,iBAAiB,CAAC;IAE/E,MAAME,KAAK,GAAGvB,eAAe,CAC3BU,KAAK,EACL,YAAY,EACZc,SAAS;IACT;IACAZ,GAAG,IAAIF,KAAK,CAACY,IAAI,GAAGJ,QAAQ,CAACE,UAAU,CAACR,GAAG,CAAC,CAAC,GAAGA,GAAG,EACnDA,GAAG,IAAI;MACL,IAAIF,KAAK,CAACY,IAAI,EAAE;QACd,MAAMG,iBAAiB,GAAGL,UAAU,CAACG,KAAK,CAACG,KAAK,CAAC;QACjD;QACA;QACA,MAAMC,mBAAmB,GAAGT,QAAQ,CAACE,UAAU,CAACR,GAAG,CAAC,CAAC;QACrD,MAAMgB,gBAAgB,GAAGR,UAAU,CAACO,mBAAmB,CAAC;QAExD,IAAIC,gBAAgB,KAAKH,iBAAiB,EAAE;UAC1CR,aAAa,CAACS,KAAK,CAAEA,KAAK,GAAGC,mBAAmB;QAClD;QACAf,GAAG,GAAGgB,gBAAgB;QACtBT,WAAW,CAAC,CAAC;QACb,OAAOE,iBAAiB,CAACK,KAAK,GAAGR,QAAQ,CAACN,GAAG,CAAC,GAAGA,GAAG;MACtD;MACA,OAAOA,GAAG;IACZ,CACF,CAAC;IAEDV,aAAa,CAAC,MAAM;MAClB,IAAIQ,KAAK,CAACW,iBAAiB,EAAE;QAC3BL,IAAI,CAAC,mBAAmB,EAAEO,KAAK,CAACG,KAAK,CAAC;MACxC;IACF,CAAC,CAAC;IAEFpB,SAAS,CAAC,MAAM;MACd,MAAMuB,cAAc,GAAGjC,UAAU,CAACkC,WAAW,CAACpB,KAAK,CAAC;MAEpD,OAAAqB,YAAA,CAAAnC,UAAA,EAAAoC,WAAA,CAESH,cAAc;QAAA,cACTN,KAAK,CAACG,KAAK;QAAA,uBAAAO,MAAA,IAAXV,KAAK,CAACG,KAAK,GAAAO,MAAA;QAAA,OACfhB;MAAa;QAEhB,GAAGF;MAAK;IAGjB,CAAC,CAAC;IAEF,OAAOlB,WAAW,CAAC,CAAC,CAAC,EAAEoB,aAAa,CAAC;EACvC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VMaskInput/index.d.ts

@@ -1 +0,0 @@
-export { VMaskInput } from './VMaskInput.js';

package/lib/labs/VMaskInput/index.js

@@ -1,2 +0,0 @@
-export { VMaskInput } from "./VMaskInput.js";
-//# sourceMappingURL=index.js.map

package/lib/labs/VMaskInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["VMaskInput"],"sources":["../../../src/labs/VMaskInput/index.ts"],"sourcesContent":["export { VMaskInput } from './VMaskInput'\n"],"mappings":"SAASA,UAAU","ignoreList":[]}