@bagelink/vue 0.0.476 → 0.0.479

package/dist/components/Badge.vue.d.ts

@@ -6,6 +6,7 @@ interface Props {
     'text': string;
     'icon'?: MaterialIcons;
     'icon.end'?: MaterialIcons;
+    'iconEnd'?: MaterialIcons;
 }
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;

package/dist/components/Badge.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../src/components/Badge.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAIlD,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IACrD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,UAAU,CAAC,EAAE,aAAa,CAAA;CAC1B;;AAmFD,wBAMG;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"}
+{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../src/components/Badge.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAIlD,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IACrD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;IAEtB,UAAU,CAAC,EAAE,aAAa,CAAA;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAA;CACzB;;AAmFD,wBAMG;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"}

package/dist/components/BglVideo.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BglVideo.vue.d.ts","sourceRoot":"","sources":["../../src/components/BglVideo.vue"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACd;;AA+GD,wBAMG;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"}
+{"version":3,"file":"BglVideo.vue.d.ts","sourceRoot":"","sources":["../../src/components/BglVideo.vue"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACd;;AAgHD,wBAMG;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"}

package/dist/components/Btn.vue.d.ts

@@ -4,7 +4,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     disabled?: boolean | undefined;
     icon?: MaterialIcons | undefined;
     'icon.end'?: MaterialIcons | undefined;
-    iconEnd?: MaterialIcons | undefined;
     color?: ThemeType | undefined;
     theme?: ThemeType | undefined;
     flat?: boolean | undefined;
@@ -31,7 +30,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     disabled?: boolean | undefined;
     icon?: MaterialIcons | undefined;
     'icon.end'?: MaterialIcons | undefined;
-    iconEnd?: MaterialIcons | undefined;
     color?: ThemeType | undefined;
     theme?: ThemeType | undefined;
     flat?: boolean | undefined;

package/dist/components/Btn.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8V7D,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,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;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwV7D,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,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;AACxD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8nB1B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2nB1B,wBAUG"}

package/dist/index.cjs

@@ -5038,7 +5038,7 @@ class Bagel {
     this._setAuthorization();
     endpoint = this._endpointCleaner(endpoint);
     if (endpoint.match(/undefined|null/))
-      throw new Error("Invalid endpoint");
+      throw new Error(`Invalid endpoint: ${endpoint}`);
     if (query) {
       const queryParams = Object.entries(query).filter(([_2, value]) => !!value).map(([key, value]) => `${key}=${value}`).join("&");
       if (queryParams)
@@ -5529,7 +5529,6 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     disabled: { type: Boolean, default: false },
     icon: {},
     "icon.end": {},
-    iconEnd: {},
     color: {},
     theme: {},
     flat: { type: Boolean },
@@ -5546,8 +5545,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "6e111728": computedBackgroundColor.value,
-      "6b86fc03": cumputedTextColor.value
+      "a8626e32": computedBackgroundColor.value,
+      "223eadfc": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = vue.useSlots();
@@ -5631,7 +5630,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-ed2a8334"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-b96e25bd"]]);
 const _hoisted_1$F = {
   key: 0,
   class: "tool-bar"
@@ -6472,7 +6471,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     size: {},
     text: {},
     icon: {},
-    "icon.end": {}
+    "icon.end": {},
+    iconEnd: {}
   },
   setup(__props) {
     const props2 = __props;
@@ -6495,7 +6495,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-c50b9110"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-532b36ae"]]);
 const _hoisted_1$u = ["src"];
 const _hoisted_2$o = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
@@ -6566,7 +6566,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-e4d1e5e2"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-862e1f20"]]);
 const _hoisted_1$t = {
   key: 0,
   class: "blocker"
@@ -54891,7 +54891,6 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     let selectedIndex = vue.ref();
     const dropdownOpenDirection = vue.ref("below");
     const searchQuery = vue.ref("");
-    const refInput = vue.ref(null);
     const activeCountry = vue.computed(
       () => props2.allCountries.find(
         (country) => {
@@ -54918,6 +54917,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       const preferredCountries = getCountries(props2.preferredCountries);
       const countriesList = [...preferredCountries, ...filteredCountries.value];
       const cleanInput = searchQuery.value.replace(
+        // eslint-disable-next-line regexp/no-obscure-range
         /[~`!#$%&*()+={};:'"<>.,/?-_]/g,
         ""
       );
@@ -55041,7 +55041,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       const keyVal = e.key;
       if (keyVal.length > 1 || e.metaKey)
         return;
-      const hasBadChars = RegExp(/[^+\d]/).test(keyVal);
+      const hasBadChars = /[^+\d]/.test(keyVal);
       if (!hasBadChars)
         return;
       e.preventDefault();
@@ -55081,7 +55081,6 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                     icon: "search"
                   }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
                   vue.createElementVNode("ul", {
-                    ref: "listEl",
                     class: vue.normalizeClass(["overflow-y p-0", dropdownOpenDirection.value]),
                     style: { "max-height": "400px" },
                     role: "listbox"
@@ -55128,8 +55127,6 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
             }, 8, ["disabled"])) : vue.createCommentVNode("", true),
             vue.withDirectives(vue.createElementVNode("input", {
               id: _ctx.id,
-              ref_key: "refInput",
-              ref: refInput,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => phone.value = $event),
               required: _ctx.required,
               placeholder: computedInputOptions.value.placeholder,
@@ -55161,7 +55158,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bd1b8bc1"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6f0154b1"]]);
 /*!
  * Signature Pad v5.0.1 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license

package/dist/index.mjs

@@ -5036,7 +5036,7 @@ class Bagel {
     this._setAuthorization();
     endpoint = this._endpointCleaner(endpoint);
     if (endpoint.match(/undefined|null/))
-      throw new Error("Invalid endpoint");
+      throw new Error(`Invalid endpoint: ${endpoint}`);
     if (query) {
       const queryParams = Object.entries(query).filter(([_2, value]) => !!value).map(([key, value]) => `${key}=${value}`).join("&");
       if (queryParams)
@@ -5527,7 +5527,6 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     icon: {},
     "icon.end": {},
-    iconEnd: {},
     color: {},
     theme: {},
     flat: { type: Boolean },
@@ -5544,8 +5543,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "6e111728": computedBackgroundColor.value,
-      "6b86fc03": cumputedTextColor.value
+      "a8626e32": computedBackgroundColor.value,
+      "223eadfc": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -5629,7 +5628,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-ed2a8334"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-b96e25bd"]]);
 const _hoisted_1$F = {
   key: 0,
   class: "tool-bar"
@@ -6470,7 +6469,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     size: {},
     text: {},
     icon: {},
-    "icon.end": {}
+    "icon.end": {},
+    iconEnd: {}
   },
   setup(__props) {
     const props2 = __props;
@@ -6493,7 +6493,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-c50b9110"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-532b36ae"]]);
 const _hoisted_1$u = ["src"];
 const _hoisted_2$o = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
@@ -6564,7 +6564,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-e4d1e5e2"]]);
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-862e1f20"]]);
 const _hoisted_1$t = {
   key: 0,
   class: "blocker"
@@ -54889,7 +54889,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     let selectedIndex = ref();
     const dropdownOpenDirection = ref("below");
     const searchQuery = ref("");
-    const refInput = ref(null);
     const activeCountry = computed(
       () => props2.allCountries.find(
         (country) => {
@@ -54916,6 +54915,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       const preferredCountries = getCountries(props2.preferredCountries);
       const countriesList = [...preferredCountries, ...filteredCountries.value];
       const cleanInput = searchQuery.value.replace(
+        // eslint-disable-next-line regexp/no-obscure-range
         /[~`!#$%&*()+={};:'"<>.,/?-_]/g,
         ""
       );
@@ -55039,7 +55039,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       const keyVal = e.key;
       if (keyVal.length > 1 || e.metaKey)
         return;
-      const hasBadChars = RegExp(/[^+\d]/).test(keyVal);
+      const hasBadChars = /[^+\d]/.test(keyVal);
       if (!hasBadChars)
         return;
       e.preventDefault();
@@ -55079,7 +55079,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     icon: "search"
                   }, null, 8, ["modelValue"])) : createCommentVNode("", true),
                   createElementVNode("ul", {
-                    ref: "listEl",
                     class: normalizeClass(["overflow-y p-0", dropdownOpenDirection.value]),
                     style: { "max-height": "400px" },
                     role: "listbox"
@@ -55126,8 +55125,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             }, 8, ["disabled"])) : createCommentVNode("", true),
             withDirectives(createElementVNode("input", {
               id: _ctx.id,
-              ref_key: "refInput",
-              ref: refInput,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => phone.value = $event),
               required: _ctx.required,
               placeholder: computedInputOptions.value.placeholder,
@@ -55159,7 +55156,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bd1b8bc1"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6f0154b1"]]);
 /*!
  * Signature Pad v5.0.1 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license

package/dist/style.css

@@ -248,19 +248,19 @@
 }
 }
 
-a[data-v-ed2a8334] {
+a[data-v-b96e25bd] {
   text-decoration: none;
 }
-.loading[data-v-ed2a8334] {
+.loading[data-v-b96e25bd] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-ed2a8334 1s linear infinite;
+  animation: spin-b96e25bd 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-ed2a8334 {
+@keyframes spin-b96e25bd {
 0% {
     transform: rotate(0deg);
 }
@@ -268,7 +268,7 @@ a[data-v-ed2a8334] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-ed2a8334] {
+.bgl_btn-icon[data-v-b96e25bd] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -278,101 +278,101 @@ a[data-v-ed2a8334] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-ed2a8334] {
+.bgl_btn[data-v-b96e25bd] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-ed2a8334] {
+.bgl_btn[disabled="true"][data-v-b96e25bd] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-ed2a8334] {
+.bgl_btn-flex[data-v-b96e25bd] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-ed2a8334] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-b96e25bd] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-ed2a8334],
-.bgl_btn-icon[data-v-ed2a8334] {
-  background-color: var(--6e111728);
-  color: var(--6b86fc03);
+.bgl_btn[data-v-b96e25bd],
+.bgl_btn-icon[data-v-b96e25bd] {
+  background-color: var(--a8626e32);
+  color: var(--223eadfc);
 }
-.bgl_btn[data-v-ed2a8334]:hover,
-.bgl_btn-icon[data-v-ed2a8334]:hover {
+.bgl_btn[data-v-b96e25bd]:hover,
+.bgl_btn-icon[data-v-b96e25bd]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-ed2a8334]:active,
-.bgl_btn-icon[data-v-ed2a8334]:active {
+.bgl_btn[data-v-b96e25bd]:active,
+.bgl_btn-icon[data-v-b96e25bd]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-ed2a8334] {
+.bgl_btn.bgl_flatBtn[data-v-b96e25bd] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-ed2a8334] {
+.bgl_btn-icon.bgl_flatBtn[data-v-b96e25bd] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-ed2a8334]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-ed2a8334]:hover {
+.bgl_btn.bgl_flatBtn[data-v-b96e25bd]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-b96e25bd]:hover {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-ed2a8334]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-ed2a8334]:active {
+.bgl_btn.bgl_flatBtn[data-v-b96e25bd]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-b96e25bd]:active {
   background: var(--bgl-gray);
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-ed2a8334],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-ed2a8334] {
+.bgl_btn.bgl_flatBtn.red[data-v-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-b96e25bd] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-ed2a8334],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-ed2a8334] {
+.bgl_btn.bgl_flatBtn.white[data-v-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-b96e25bd] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-ed2a8334],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-ed2a8334] {
+.bgl_btn.bgl_flatBtn.light[data-v-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-b96e25bd] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-ed2a8334],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-ed2a8334] {
+.bgl_btn.bgl_flatBtn.black[data-v-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-b96e25bd] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-ed2a8334],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-ed2a8334] {
+.bgl_btn.bgl_flatBtn.gray[data-v-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-b96e25bd] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-ed2a8334] {
+.bgl_btn.thin[data-v-b96e25bd] {
   padding-left: calc(var(--btn-padding) / 2);
   padding-right: calc(var(--btn-padding) / 2);
 }
-.bgl_btn.round[data-v-ed2a8334] {
+.bgl_btn.round[data-v-b96e25bd] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-ed2a8334] {
+.bgl_btn-icon.thin[data-v-b96e25bd] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: 1;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-ed2a8334] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-b96e25bd] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-ed2a8334] {
-  outline: 1px solid var(--6e111728);
-  color: var(--6e111728);
+.bgl_btn-border[data-v-b96e25bd] {
+  outline: 1px solid var(--a8626e32);
+  color: var(--a8626e32);
   background: transparent;
 }
-.bgl_btn-border[data-v-ed2a8334]:hover {
+.bgl_btn-border[data-v-b96e25bd]:hover {
   color: var(--bgl-white);
-  background: var(--6e111728);
+  background: var(--a8626e32);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-ed2a8334]:active {
+.bgl_btn-border[data-v-b96e25bd]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -876,7 +876,7 @@ display: block;
   width: calc(100% - 5rem);
 }
 
-.inline[data-v-c50b9110] {
+.inline[data-v-532b36ae] {
 	display: inline;
 }
 
@@ -921,14 +921,14 @@ display: block;
 	color: var(--bgl-red);
 }
 
-.bgl_vid iframe[data-v-e4d1e5e2],
-.bgl_vid video[data-v-e4d1e5e2] {
+.bgl_vid iframe[data-v-862e1f20],
+.bgl_vid video[data-v-862e1f20] {
 	width: 100%;
 	height: auto;
 	display: block;
 	border-radius: var(--input-border-radius);
 }
-.bgl_vid.vid_empty[data-v-e4d1e5e2] {
+.bgl_vid.vid_empty[data-v-862e1f20] {
 	padding-top: 56.25%;
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
@@ -2580,7 +2580,7 @@ p {
 	border-radius: var(--input-border-radius);
 }
 
-.tel-input[data-v-bd1b8bc1] {
+.tel-input[data-v-6f0154b1] {
 	direction: ltr;
 	text-align: left;
 	background: var(--input-bg);
@@ -2591,21 +2591,21 @@ p {
 	min-width: calc(var(--input-height) * 3);
 	width: 100%;
 }
-.tel-input[data-v-bd1b8bc1]:focus-within {
+.tel-input[data-v-6f0154b1]:focus-within {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.tel-input input[data-v-bd1b8bc1] {
+.tel-input input[data-v-6f0154b1] {
 	background: transparent;
 }
-.tel-input input[data-v-bd1b8bc1]:focus-visible {
+.tel-input input[data-v-6f0154b1]:focus-visible {
 	box-shadow: none;
 }
-.input_country-code[data-v-bd1b8bc1] {
+.input_country-code[data-v-6f0154b1] {
 	font-size: var(--input-font-size);
 	color: var(--input-color);
 }
-.tel-country[data-v-bd1b8bc1] {
+.tel-country[data-v-6f0154b1] {
 	font-size: var(--input-font-size);
 	max-width: 200px;
 	white-space: nowrap;
@@ -2614,7 +2614,7 @@ p {
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.tel-countryp-dropdown[data-v-bd1b8bc1] {
+.tel-countryp-dropdown[data-v-6f0154b1] {
 	direction: ltr;
 	text-align: left;
 }

package/package.json

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

package/src/components/Badge.vue

@@ -7,7 +7,9 @@ interface Props {
 	'size'?: string
 	'text': string
 	'icon'?: MaterialIcons
+	// eslint-disable-next-line vue/prop-name-casing
 	'icon.end'?: MaterialIcons
+	'iconEnd'?: MaterialIcons
 }
 
 const props = defineProps<Props>()

package/src/components/BglVideo.vue

@@ -30,6 +30,7 @@ const videoUrl = $computed(() => {
 		}
 		if (embedType === 'Vimeo') {
 			const vimeoRegex
+				// eslint-disable-next-line regexp/no-unused-capturing-group
 				= /vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/)?(\d+)(?:$|\/|\?)/
 			const videoId = props.src?.match(vimeoRegex)?.[3]
 			return `https://player.vimeo.com/video/${videoId}`

package/src/components/Btn.vue

@@ -9,8 +9,6 @@ const props = withDefaults(
 		'icon'?: MaterialIcons
 		// eslint-disable-next-line vue/prop-name-casing
 		'icon.end'?: MaterialIcons
-		// TODO: ^ remove/deprecate
-		'iconEnd'?: MaterialIcons
 		'color'?: ThemeType
 		'theme'?: ThemeType
 		'flat'?: boolean

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

@@ -120,7 +120,7 @@ let selectedIndex = $ref<number>()
 const dropdownOpenDirection = $ref('below')
 const searchQuery = $ref('')
 
-const refInput = $ref<HTMLInputElement | null>(null)
+// const refInput = $ref<HTMLInputElement | null>(null)
 
 // Computed: activeCountry
 const activeCountry = $computed(() => props.allCountries.find(
@@ -149,6 +149,7 @@ const sortedCountries = $computed(() => {
 
 	const countriesList = [...preferredCountries, ...filteredCountries]
 	const cleanInput = searchQuery.replace(
+		// eslint-disable-next-line regexp/no-obscure-range
 		/[~`!#$%&*()+={};:'"<>.,/?-_]/g,
 		'',
 	)
@@ -197,6 +198,7 @@ watch(
 			activeCountryCode = oldValue.iso2
 			return
 		}
+		// eslint-disable-next-line vue/custom-event-name-casing
 		if (value?.iso2) emit('country-changed', value)
 	},
 )
@@ -289,7 +291,7 @@ function handleInput(e: KeyboardEvent) {
 	const keyVal = e.key
 	if (keyVal.length > 1 || e.metaKey) return
 
-	const hasBadChars = RegExp(/[^+\d]/).test(keyVal)
+	const hasBadChars = /[^+\d]/.test(keyVal)
 
 	if (!hasBadChars) return
 
@@ -341,7 +343,6 @@ function handleInput(e: KeyboardEvent) {
 							/>
 
 							<ul
-								ref="listEl"
 								class="overflow-y p-0"
 								:style="{ 'max-height': '400px' }"
 								:class="dropdownOpenDirection"
@@ -375,9 +376,9 @@ function handleInput(e: KeyboardEvent) {
 					</template>
 				</Dropdown>
 
+				<!-- ref="refInput" -->
 				<input
 					:id="id"
-					ref="refInput"
 					v-model="phone"
 					:required="required"
 					:placeholder="computedInputOptions.placeholder"