@bagelink/vue 0.0.675 → 0.0.679

package/dist/components/form/inputs/SignaturePad.vue.d.ts

@@ -11,7 +11,7 @@ interface WaterMark {
     strokeStyle: string;
     style: string;
 }
-type FormatType = 'image/png' | 'image/jpeg' | 'image/svg+xml';
+type FormatType = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/svg+xml';
 declare function save(format?: FormatType): string | undefined;
 declare function undo(): void;
 declare function addWaterMark(data: WaterMark): void;

package/dist/components/form/inputs/SignaturePad.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAMnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAuB9D,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAiBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;;gBA6IY,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;;;;;;uBA1MM,MAAM;;gBAiMnB,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;eAAP,OAAO;;AAhBpB,wBAkBG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAMnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAuB5E,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAiBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;;gBA6IY,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;;;;;;uBA1MM,MAAM;;gBAiMnB,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;eAAP,OAAO;;AAhBpB,wBAkBG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/form/inputs/TelInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TelInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TelInput.vue"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,OAAO,EAOZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAoB,MAAM,KAAK,CAAA;AACjE,OAAO,EAEN,KAAK,YAAY,EAEjB,MAAM,mBAAmB,CAAA;;gBAkTZ,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBArPnB,MAAM,GAAG,SAAS;;;;mBAI3B,GAAG,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAwBP,OAAO;;;;;;;;;;;;;;gBAyNjB,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBArPnB,MAAM,GAAG,SAAS;;;;mBAI3B,GAAG,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAwBP,OAAO;;;;;;;;;;;;;;gBARjB,OAAO;iBARN,MAAM;cACT,OAAO;cAMP,OAAO;kBARH,IAAI,GAAG,KAAK,GAAG,KAAK;mBAkBnB,MAAM;UAJf,YAAY;kBAVJ,OAAO,EAAE;gBACX,OAAO;oBACH,OAAO,GAAG,MAAM;oBAChB,MAAM,GAAG,MAAM;wBAGX,OAAO;sBAGT,MAAM,EAAE;mBAEX,MAAM,EAAE;wBACH,MAAM,EAAE;;AAmiB9B,wBAUG"}
+{"version":3,"file":"TelInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TelInput.vue"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,OAAO,EAOZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAoB,MAAM,KAAK,CAAA;AACjE,OAAO,EAEN,KAAK,YAAY,EAEjB,MAAM,mBAAmB,CAAA;;gBAyTZ,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA5PnB,MAAM,GAAG,SAAS;;;;mBAI3B,GAAG,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAwBP,OAAO;;;;;;;;;;;;;;gBAgOjB,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA5PnB,MAAM,GAAG,SAAS;;;;mBAI3B,GAAG,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAwBP,OAAO;;;;;;;;;;;;;;gBARjB,OAAO;iBARN,MAAM;cACT,OAAO;cAMP,OAAO;kBARH,IAAI,GAAG,KAAK,GAAG,KAAK;mBAkBnB,MAAM;UAJf,YAAY;kBAVJ,OAAO,EAAE;gBACX,OAAO;oBACH,OAAO,GAAG,MAAM;oBAChB,MAAM,GAAG,MAAM;wBAGX,OAAO;sBAGT,MAAM,EAAE;mBAEX,MAAM,EAAE;wBACH,MAAM,EAAE;;AA0iB9B,wBAUG"}

package/dist/index.cjs

@@ -45860,18 +45860,26 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     }));
     const phone = vue.useModel(__props, "modelValue", {
       set: (value) => {
-        const formatted = formatPhone(`${value}`);
-        if (!formatted) return "";
-        emit2("update:modelValue", formatted);
+        let maybeFormatted = value;
+        if (value.length > 5) {
+          maybeFormatted = formatPhone(`${value}`);
+          if (!maybeFormatted) {
+            emit2("update:modelValue", "");
+            return "";
+          }
+        }
+        emit2("update:modelValue", maybeFormatted);
         debounce$2(() => {
-          emit2("debounce", formatted);
+          emit2("debounce", maybeFormatted);
         }, props2.debounceDelay);
-        return formatted;
-      }
+        return maybeFormatted;
+      },
+      get: (value) => value
     });
     function formatPhone(val) {
       var _a2;
       const phoneNumber = parsePhoneNumber(val, parseArgs.value);
+      console.log("Phone Number:", phoneNumber);
       if (!phoneNumber) {
         const dialCode = ((_a2 = sortedCountries.value.find((c2) => c2.iso2 === activeCountryCode.value)) == null ? void 0 : _a2.dialCode) || "";
         if (props2.mode === "INTERNATIONAL") return `+${dialCode}`;
@@ -46079,7 +46087,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b13ff2af"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-4c2ef2c5"]]);
 /*!
  * Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license

package/dist/index.mjs

@@ -45858,18 +45858,26 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     }));
     const phone = useModel(__props, "modelValue", {
       set: (value) => {
-        const formatted = formatPhone(`${value}`);
-        if (!formatted) return "";
-        emit2("update:modelValue", formatted);
+        let maybeFormatted = value;
+        if (value.length > 5) {
+          maybeFormatted = formatPhone(`${value}`);
+          if (!maybeFormatted) {
+            emit2("update:modelValue", "");
+            return "";
+          }
+        }
+        emit2("update:modelValue", maybeFormatted);
         debounce$2(() => {
-          emit2("debounce", formatted);
+          emit2("debounce", maybeFormatted);
         }, props2.debounceDelay);
-        return formatted;
-      }
+        return maybeFormatted;
+      },
+      get: (value) => value
     });
     function formatPhone(val) {
       var _a2;
       const phoneNumber = parsePhoneNumber(val, parseArgs.value);
+      console.log("Phone Number:", phoneNumber);
       if (!phoneNumber) {
         const dialCode = ((_a2 = sortedCountries.value.find((c2) => c2.iso2 === activeCountryCode.value)) == null ? void 0 : _a2.dialCode) || "";
         if (props2.mode === "INTERNATIONAL") return `+${dialCode}`;
@@ -46077,7 +46085,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b13ff2af"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-4c2ef2c5"]]);
 /*!
  * Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license

package/dist/style.css

@@ -2053,7 +2053,7 @@ p {
 	border-radius: var(--input-border-radius);
 }
 
-.tel-input[data-v-b13ff2af] {
+.tel-input[data-v-4c2ef2c5] {
 	direction: ltr;
 	text-align: left;
 	background: var(--input-bg);
@@ -2064,21 +2064,21 @@ p {
 	min-width: calc(var(--input-height) * 3);
 	width: 100%;
 }
-.tel-input[data-v-b13ff2af]:focus-within {
+.tel-input[data-v-4c2ef2c5]:focus-within {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.tel-input input[data-v-b13ff2af] {
+.tel-input input[data-v-4c2ef2c5] {
 	background: transparent;
 }
-.tel-input input[data-v-b13ff2af]:focus-visible {
+.tel-input input[data-v-4c2ef2c5]:focus-visible {
 	box-shadow: none;
 }
-.input_country-code[data-v-b13ff2af] {
+.input_country-code[data-v-4c2ef2c5] {
 	font-size: var(--input-font-size);
 	color: var(--input-color);
 }
-.tel-country[data-v-b13ff2af] {
+.tel-country[data-v-4c2ef2c5] {
 	font-size: var(--input-font-size);
 	max-width: 200px;
 	white-space: nowrap;
@@ -2087,7 +2087,7 @@ p {
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.tel-countryp-dropdown[data-v-b13ff2af] {
+.tel-countryp-dropdown[data-v-4c2ef2c5] {
 	direction: ltr;
 	text-align: left;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.675",
+  "version": "0.0.679",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/inputs/SignaturePad.vue

@@ -16,7 +16,7 @@ interface WaterMark {
 	style: string
 }
 
-type FormatType = 'image/png' | 'image/jpeg' | 'image/svg+xml'
+type FormatType = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/svg+xml'
 
 const props = withDefaults(defineProps<{
 	sigOption?: SignaturePadOptions

package/src/components/form/inputs/TelInput.vue

@@ -170,17 +170,24 @@ const parseArgs = $computed(() => ({
 const phone = defineModel<string>('modelValue', {
 	default: '',
 	set: (value) => {
-		const formatted = formatPhone(`${value}`)
-		if (!formatted) return ''
+		let maybeFormatted = value
+		if (value.length > 5) {
+			maybeFormatted = formatPhone(`${value}`)
 
-		emit('update:modelValue', formatted)
-		debounce(() => { emit('debounce', formatted) }, props.debounceDelay)
-		return formatted
+			if (!maybeFormatted) { emit('update:modelValue', ''); return '' }
+		}
+
+		emit('update:modelValue', maybeFormatted)
+		debounce(() => { emit('debounce', maybeFormatted) }, props.debounceDelay)
+		return maybeFormatted
 	},
+	get: value => value,
 })
 
 function formatPhone(val: string): string {
 	const phoneNumber = parsePhoneNumberFromString(val, parseArgs)
+	console.log('Phone Number:', phoneNumber)
+
 	if (!phoneNumber) {
 		const dialCode
 			= sortedCountries.find(c => c.iso2 === activeCountryCode)?.dialCode || ''