@bagelink/vue 0.0.687 → 0.0.689

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

@@ -78,6 +78,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     topic?: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
+    addFileStart: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     label?: string;
     multiple?: boolean;
@@ -88,6 +89,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     topic?: string;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onAddFileStart?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0BrE,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAkGzC,iBAAS,MAAM,SAgBd;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBArJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QA0cS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;sBA7cpB,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;;QA2ce,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,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,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0BrE,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAmGzC,iBAAS,MAAM,SAgBd;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBAtJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QA2cS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;sBA9cpB,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;;QA4ce,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,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,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,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;;gBAsVZ,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAzRrB,MAAM,GAAG,SAAS;;;;mBAI3B,GAAG,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAwBL,OAAO;;;;;;;;;;;;;;gBA6PjB,OAAO,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAzRrB,MAAM,GAAG,SAAS;;;;mBAI3B,GAAG,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAwBL,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;;AAskB9B,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

@@ -5241,18 +5241,12 @@ const state$1 = vue.reactive({
   availableLangs: [],
   lang: "en"
 });
-function $tdb(langEl) {
-  if (!langEl) {
-    console.warn("No language element provided for $tdb function");
-    return "";
-  }
-  return langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
-}
 function useLang() {
   const lang = vue.computed({
     get: () => state$1.lang,
     set: (val) => state$1.lang = val
   });
+  const $tdb = (langEl) => langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
   const availableLangs = vue.computed({
     get: () => state$1.availableLangs,
     set: (val) => state$1.availableLangs = val
@@ -19308,7 +19302,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
-const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-1506863e"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-4c71cd49"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
@@ -19345,7 +19339,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     width: {},
     topic: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "addFileStart"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
@@ -19414,6 +19408,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       updateModelValue();
     }
     async function flushQueue() {
+      emit2("addFileStart");
       for (const file of fileQueue.value) {
         file.uploading = true;
         if (!props2.multiple) storageFiles.value.splice(0, 1);
@@ -19555,7 +19550,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1506863e"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4c71cd49"]]);
 const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
@@ -45800,18 +45795,18 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       searchable: true
     };
     const defaultInputOptions = {
-      showDialCode: true,
-      autofocus: false,
+      "showDialCode": true,
+      "autofocus": false,
       "aria-describedby": "",
-      id: "",
-      maxlength: 25,
-      minlength: 9,
-      pattern: void 0,
-      name: "",
-      readonly: false,
-      tabindex: 0,
-      style: "",
-      placeholder: "Enter a phone number"
+      "id": "",
+      "maxlength": 25,
+      "minlength": 9,
+      "pattern": void 0,
+      "name": "",
+      "readonly": false,
+      "tabindex": 0,
+      "style": "",
+      "placeholder": "Enter a phone number"
     };
     const computedDropDownOptions = vue.computed(() => ({
       ...defaultDropdownOptions,
@@ -45904,16 +45899,6 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       }
     );
     async function initializeCountry() {
-      if (props2.modelValue.includes("+")) {
-        const sanitized = `${props2.modelValue}`.replace(/[\+\-\s]/gi, "");
-        const twoDigits = sanitized.slice(0, 2);
-        const threeDigits = sanitized.slice(0, 3);
-        const country = findCountryByDialCode(+threeDigits) || findCountryByDialCode(+twoDigits);
-        if (country) {
-          chooseCountry(country.iso2);
-          return;
-        }
-      }
       if (props2.defaultCountry) {
         if (typeof props2.defaultCountry === "string") {
           chooseCountry(props2.defaultCountry);
@@ -45951,9 +45936,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       return countryList;
     }
     function findCountryByDialCode(dialCode) {
-      return filteredCountries.value.find(
-        (country) => Number(country.dialCode) === dialCode
-      );
+      return filteredCountries.value.find((country) => Number(country.dialCode) === dialCode);
     }
     function chooseCountry(country) {
       var _a2;
@@ -45981,7 +45964,9 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       emit2("space");
     }
     function reset() {
-      selectedIndex.value = sortedCountries.value.findIndex((c2) => c2.iso2 === activeCountryCode.value);
+      selectedIndex.value = sortedCountries.value.findIndex(
+        (c2) => c2.iso2 === activeCountryCode.value
+      );
       open.value = false;
     }
     function handleInput(e) {
@@ -46037,7 +46022,10 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                         class: "flex gap-075",
                         tabindex: "-1",
                         "aria-selected": vue.unref(activeCountryCode) === pb.iso2 && !isPreferred(pb),
-                        onClick: ($event) => hide2() && chooseCountry(pb.iso2),
+                        onClick: ($event) => {
+                          chooseCountry(pb.iso2);
+                          hide2();
+                        },
                         onMousemove: ($event) => vue.isRef(selectedIndex) ? selectedIndex.value = index2 : selectedIndex = index2
                       }, [
                         computedDropDownOptions.value.showFlags ? (vue.openBlock(), vue.createBlock(vue.unref(Flag), {
@@ -46100,7 +46088,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-27c14f9f"]]);
+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

@@ -5239,18 +5239,12 @@ const state$1 = reactive({
   availableLangs: [],
   lang: "en"
 });
-function $tdb(langEl) {
-  if (!langEl) {
-    console.warn("No language element provided for $tdb function");
-    return "";
-  }
-  return langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
-}
 function useLang() {
   const lang = computed({
     get: () => state$1.lang,
     set: (val) => state$1.lang = val
   });
+  const $tdb = (langEl) => langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
   const availableLangs = computed({
     get: () => state$1.availableLangs,
     set: (val) => state$1.availableLangs = val
@@ -19306,7 +19300,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-1506863e"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$2 = (n2) => (pushScopeId("data-v-4c71cd49"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
@@ -19343,7 +19337,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     width: {},
     topic: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "addFileStart"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
@@ -19412,6 +19406,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       updateModelValue();
     }
     async function flushQueue() {
+      emit2("addFileStart");
       for (const file of fileQueue.value) {
         file.uploading = true;
         if (!props2.multiple) storageFiles.value.splice(0, 1);
@@ -19553,7 +19548,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1506863e"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4c71cd49"]]);
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-06b95183"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
@@ -45798,18 +45793,18 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       searchable: true
     };
     const defaultInputOptions = {
-      showDialCode: true,
-      autofocus: false,
+      "showDialCode": true,
+      "autofocus": false,
       "aria-describedby": "",
-      id: "",
-      maxlength: 25,
-      minlength: 9,
-      pattern: void 0,
-      name: "",
-      readonly: false,
-      tabindex: 0,
-      style: "",
-      placeholder: "Enter a phone number"
+      "id": "",
+      "maxlength": 25,
+      "minlength": 9,
+      "pattern": void 0,
+      "name": "",
+      "readonly": false,
+      "tabindex": 0,
+      "style": "",
+      "placeholder": "Enter a phone number"
     };
     const computedDropDownOptions = computed(() => ({
       ...defaultDropdownOptions,
@@ -45902,16 +45897,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }
     );
     async function initializeCountry() {
-      if (props2.modelValue.includes("+")) {
-        const sanitized = `${props2.modelValue}`.replace(/[\+\-\s]/gi, "");
-        const twoDigits = sanitized.slice(0, 2);
-        const threeDigits = sanitized.slice(0, 3);
-        const country = findCountryByDialCode(+threeDigits) || findCountryByDialCode(+twoDigits);
-        if (country) {
-          chooseCountry(country.iso2);
-          return;
-        }
-      }
       if (props2.defaultCountry) {
         if (typeof props2.defaultCountry === "string") {
           chooseCountry(props2.defaultCountry);
@@ -45949,9 +45934,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return countryList;
     }
     function findCountryByDialCode(dialCode) {
-      return filteredCountries.value.find(
-        (country) => Number(country.dialCode) === dialCode
-      );
+      return filteredCountries.value.find((country) => Number(country.dialCode) === dialCode);
     }
     function chooseCountry(country) {
       var _a2;
@@ -45979,7 +45962,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emit2("space");
     }
     function reset() {
-      selectedIndex.value = sortedCountries.value.findIndex((c2) => c2.iso2 === activeCountryCode.value);
+      selectedIndex.value = sortedCountries.value.findIndex(
+        (c2) => c2.iso2 === activeCountryCode.value
+      );
       open.value = false;
     }
     function handleInput(e) {
@@ -46035,7 +46020,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                         class: "flex gap-075",
                         tabindex: "-1",
                         "aria-selected": unref(activeCountryCode) === pb.iso2 && !isPreferred(pb),
-                        onClick: ($event) => hide2() && chooseCountry(pb.iso2),
+                        onClick: ($event) => {
+                          chooseCountry(pb.iso2);
+                          hide2();
+                        },
                         onMousemove: ($event) => isRef(selectedIndex) ? selectedIndex.value = index2 : selectedIndex = index2
                       }, [
                         computedDropDownOptions.value.showFlags ? (openBlock(), createBlock(unref(Flag), {
@@ -46098,7 +46086,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-27c14f9f"]]);
+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