@bagelink/vue 0.0.740 → 0.0.742

package/dist/index.mjs

@@ -5181,7 +5181,7 @@ const _hoisted_1$P = {
   key: 0,
   class: "navigation flex space-between px-3 w-100 absolute"
 };
-const _hoisted_2$C = { class: "bgl-lightbox-item" };
+const _hoisted_2$B = { class: "bgl-lightbox-item" };
 const _hoisted_3$q = ["src"];
 const _hoisted_4$i = ["src", "title"];
 const _hoisted_5$g = {
@@ -5286,7 +5286,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                   icon: "close",
                   onClick: close2
                 }),
-                createElementVNode("div", _hoisted_2$C, [
+                createElementVNode("div", _hoisted_2$B, [
                   ((_a2 = unref(currentItem)) == null ? void 0 : _a2.type) === "image" ? (openBlock(), createElementBlock("img", {
                     key: 0,
                     src: (_b = unref(currentItem)) == null ? void 0 : _b.src,
@@ -5762,29 +5762,32 @@ const ModalPlugin = {
     const hideModal = (index2) => {
       modalStack.value.splice(index2, 1);
     };
-    const modalConfirm = async (options) => new Promise(
-      (resolve) => {
-        if (typeof options === "string") options = { title: "", message: options };
+    const confirmModal = (options) => {
+      return new Promise((resolve) => {
+        const confirmOptions = typeof options === "string" ? { title: "", message: options } : options;
         modalStack.value.push({
-          modalOptions: { ...options, resolve },
-          modalType: "confirm",
+          modalOptions: { ...confirmOptions, resolve },
+          modalType: "confirmModal",
           componentSlots: {}
         });
-      }
-    );
+      });
+    };
     const showModal = (modalType, options, slots = {}) => {
-      modalStack.value.push({
+      const modalComponent = {
         modalOptions: options,
         modalType,
         componentSlots: slots
-      });
-      if (modalType === "modalForm") return modalStack.value.at(-1);
-      return modalStack.value.at(-1);
+      };
+      modalStack.value.push(modalComponent);
+      if (modalType === "modalForm") {
+        return modalComponent;
+      }
+      return modalComponent;
     };
     app.provide(ModalSymbol, {
       showModal: (options, slots) => showModal("modal", options, slots),
       showModalForm: (options, slots) => showModal("modalForm", options, slots),
-      confirmModal: async (userOptions) => modalConfirm(userOptions),
+      confirmModal: (options) => confirmModal(options),
       hideModal: (index2 = modalStack.value.length - 1) => {
         hideModal(index2);
       }
@@ -5800,13 +5803,14 @@ const ModalPlugin = {
               hideModal(index2);
             }
           };
-          if (modal.modalType === "modalForm") {
-            return h$2(ModalForm, props2, modal.componentSlots);
-          }
-          if (modal.modalType === "confirm") {
-            return h$2(_sfc_main$x, props2, {});
+          switch (modal.modalType) {
+            case "modalForm":
+              return h$2(ModalForm, props2, modal.componentSlots);
+            case "confirmModal":
+              return h$2(_sfc_main$x, props2, {});
+            default:
+              return h$2(_sfc_main$P, props2, modal.componentSlots);
           }
-          return h$2(_sfc_main$P, props2, modal.componentSlots);
         });
       }
     });
@@ -5851,7 +5855,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$O = { class: "full-nav" };
-const _hoisted_2$B = { class: "nav-scroll" };
+const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$p = { class: "nav-links-wrapper" };
 const _hoisted_4$h = { class: "tooltip" };
 const _hoisted_5$f = { class: "bot-buttons-wrapper" };
@@ -5887,7 +5891,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           })
         ], 32),
         createElementVNode("div", _hoisted_1$O, [
-          createElementVNode("div", _hoisted_2$B, [
+          createElementVNode("div", _hoisted_2$A, [
             createElementVNode("div", _hoisted_3$p, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
                 return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
@@ -5942,7 +5946,7 @@ const _hoisted_1$N = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$A = {
+const _hoisted_2$z = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -6040,7 +6044,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$N)) : (openBlock(), createElementBlock("div", _hoisted_2$A, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$N)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$S), {
               key: 0,
               icon: _ctx.icon
@@ -6065,7 +6069,7 @@ const _hoisted_1$M = {
   key: 0,
   class: "tool-bar"
 };
-const _hoisted_2$z = {
+const _hoisted_2$y = {
   key: 1,
   class: "sticky bg-popup z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
@@ -6152,7 +6156,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                   tag: "h3",
                   label: _ctx.title
                 }, null, 8, ["label"])) : createCommentVNode("", true)
-              ])) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_2$y, [
                 createVNode(unref(Btn), {
                   class: "position-start",
                   icon: "close",
@@ -6296,7 +6300,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-083a1b2d"]]);
 const _hoisted_1$L = { class: "accordion-item" };
-const _hoisted_2$y = ["aria-expanded", "aria-controls"];
+const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$n = { class: "accordion-label" };
 const _hoisted_4$g = ["id", "aria-hidden"];
 const _sfc_main$N = /* @__PURE__ */ defineComponent({
@@ -6351,7 +6355,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$S), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$y),
+        ], 8, _hoisted_2$x),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -6372,11 +6376,11 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-f87b579d"]]);
 const _sfc_main$M = {};
 const _hoisted_1$K = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
-const _hoisted_2$x = { class: "p-1" };
+const _hoisted_2$w = { class: "p-1" };
 const _hoisted_3$m = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1$K, [
-    createElementVNode("div", _hoisted_2$x, [
+    createElementVNode("div", _hoisted_2$w, [
       renderSlot(_ctx.$slots, "header")
     ]),
     createElementVNode("div", _hoisted_3$m, [
@@ -6386,7 +6390,7 @@ function _sfc_render$2(_ctx, _cache) {
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$2]]);
 const _hoisted_1$J = { class: "no-margin ellipsis line-height-14 pb-025" };
-const _hoisted_2$w = { class: "txt12 no-margin txt-gray ellipsis" };
+const _hoisted_2$v = { class: "txt12 no-margin txt-gray ellipsis" };
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
@@ -6425,7 +6429,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
-            createElementVNode("p", _hoisted_2$w, [
+            createElementVNode("p", _hoisted_2$v, [
               createTextVNode(toDisplayString(_ctx.subtitle) + " ", 1),
               renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -6437,7 +6441,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$I = { class: "page-top" };
-const _hoisted_2$v = { class: "top-title m-0" };
+const _hoisted_2$u = { class: "top-title m-0" };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
@@ -6449,7 +6453,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$I, [
-        createElementVNode("h1", _hoisted_2$v, [
+        createElementVNode("h1", _hoisted_2$u, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
         ])
@@ -6776,9 +6780,9 @@ const _hoisted_1$H = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$u = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
+const _hoisted_2$t = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
 const _hoisted_3$l = [
-  _hoisted_2$u
+  _hoisted_2$t
 ];
 const _hoisted_4$f = { class: "infinite-wrapper" };
 const _hoisted_5$e = { class: "row first-row" };
@@ -7044,7 +7048,7 @@ const _hoisted_1$F = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$t = {
+const _hoisted_2$s = {
   key: 0,
   class: "data-row m_py-05"
 };
@@ -7106,7 +7110,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment$1, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
               createElementVNode("div", _hoisted_3$k, [
                 createElementVNode("p", _hoisted_4$e, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
@@ -7202,12 +7206,12 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_1$D)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
-        }, toDisplayString(_ctx.fallback || unref(initials)(_ctx.name || "")), 5))
+        }, toDisplayString((_ctx.fallback || unref(initials)(_ctx.name || "")).toUpperCase()), 5))
       ], 4);
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-dd2f6734"]]);
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-46ad8c25"]]);
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
@@ -7251,7 +7255,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$C = ["dismissable"];
-const _hoisted_2$s = { class: "m-0" };
+const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
@@ -7280,7 +7284,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_2$s, toDisplayString(_ctx.message), 1),
+        createElementVNode("p", _hoisted_2$r, toDisplayString(_ctx.message), 1),
         createVNode(Btn, {
           flat: "",
           thin: "",
@@ -7326,7 +7330,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-40a0b03a"]]);
 const _hoisted_1$B = ["src"];
-const _hoisted_2$r = ["src", "autoplay", "muted", "loop", "controls"];
+const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
@@ -7391,7 +7395,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$r)) : createCommentVNode("", true)
+        }, null, 12, _hoisted_2$q)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -7401,7 +7405,7 @@ const _hoisted_1$A = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$q = { class: "Handlers" };
+const _hoisted_2$p = { class: "Handlers" };
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
@@ -7553,7 +7557,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$A)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        createElementVNode("div", _hoisted_2$q, [
+        createElementVNode("div", _hoisted_2$p, [
           createElementVNode("span", { onClick: prev }, [
             renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -7572,8 +7576,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-1f9c6644"]]);
-const _hoisted_1$z = { class: "m-0" };
-const _hoisted_2$p = { class: "px-1 py-1 pretty m-0" };
+const _hoisted_1$z = { class: "pb-05 pretty" };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "ModalConfirm",
   props: {
@@ -7591,6 +7594,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$P), {
+        title: _ctx.title,
         width: "380px",
         dismissable: false,
         class: "txt-center"
@@ -7609,11 +7613,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           })
         ]),
         default: withCtx(() => [
-          createElementVNode("h3", _hoisted_1$z, toDisplayString(_ctx.title), 1),
-          createElementVNode("p", _hoisted_2$p, toDisplayString(_ctx.message), 1)
+          createElementVNode("p", _hoisted_1$z, toDisplayString(_ctx.message), 1)
         ]),
         _: 1
-      });
+      }, 8, ["title"]);
     };
   }
 });
@@ -46579,8 +46582,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       "name": "",
       "readonly": false,
       "tabindex": 0,
-      "style": "",
-      "placeholder": "Enter a phone number"
+      "style": ""
+      // 'placeholder': 'Enter a phone number',
     };
     const computedDropDownOptions = computed(() => ({
       ...defaultDropdownOptions,
@@ -46832,7 +46835,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               id: _ctx.id,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => phone.value = $event),
               required: _ctx.required,
-              placeholder: computedInputOptions.value.placeholder,
+              placeholder: props2.placeholder || "Enter a phone number",
               disabled: _ctx.disabled,
               type: "tel",
               autocomplete: _ctx.autocomplete,
@@ -46861,7 +46864,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-9d176183"]]);
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-17a4fdd5"]]);
 /*!
  * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license

package/dist/plugins/modal.d.ts

@@ -9,25 +9,22 @@ export interface ModalOptions {
     class?: string;
     visible?: boolean;
 }
-export interface ModalFormOptions {
-    'side'?: boolean;
-    'title'?: string;
-    'visible'?: boolean;
-    'width'?: string;
-    'dismissable'?: boolean;
+export interface ModalFormOptions extends ModalOptions {
     'schema': BglFormSchemaT<any> | (() => BglFormSchemaT) | BglFormSchemaT;
     'onSubmit'?: (formData: any) => any;
     'onDelete'?: (id: string) => Promise<void>;
-    'onError'?: ((err: any) => void);
+    'onError'?: (err: any) => void;
     'modelValue'?: Record<string, any>;
     'onUpdate:modelValue'?: (val: any) => void;
 }
 export interface ModalConfirmOptions {
-    title?: string;
-    message?: string;
-    resolve: (val: boolean) => void;
+    'title': string;
+    'message': string;
+    'resolve': (val: boolean) => void;
+    'onUpdate:visible': () => void;
+    'visible': boolean;
 }
-type ModalType = 'modal' | 'modalForm' | 'confirm';
+type ModalType = 'modal' | 'modalForm' | 'confirmModal';
 type ConfirmModalUserOptions = string | {
     title: string;
     message: string;
@@ -37,8 +34,7 @@ export interface ModalComponentProps {
     modalType: ModalType;
     modalOptions: ModalOptions | ModalFormOptions | ModalConfirmOptions;
 }
-export interface ModalFormComponentProps {
-    componentSlots: Record<string, any>;
+export interface ModalFormComponentProps extends ModalComponentProps {
     modalType: 'modalForm';
     modalOptions: ModalFormOptions;
 }

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmFzB,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACrD,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACjC,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,SAAS,EAAE,OAAO,CAAA;CAClB;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,CAAA;AACvD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IACnE,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAsEzB,CAAA"}

package/dist/style.css

@@ -1042,7 +1042,7 @@ data[data-v-4d174f13] {
 	padding: 0;
 }
 
-.avatar[data-v-dd2f6734] {
+.avatar[data-v-46ad8c25] {
   border-radius: 100%;
   background-color: var(--bgl-gray-20);
   border: 0.5px solid var(--border-color);
@@ -1051,13 +1051,13 @@ data[data-v-4d174f13] {
   padding: 0;
   flex-shrink: 0;
 }
-.avatar p[data-v-dd2f6734] {
+.avatar p[data-v-46ad8c25] {
   font-size: 1.5rem;
   line-height: 50px;
   margin: 0;
   font-weight: 200;
 }
-.avatar img[data-v-dd2f6734] {
+.avatar img[data-v-46ad8c25] {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -2896,7 +2896,7 @@ p {
 	border-radius: var(--input-border-radius);
 }
 
-.tel-input[data-v-9d176183] {
+.tel-input[data-v-17a4fdd5] {
 	direction: ltr;
 	text-align: left;
 	background: var(--input-bg);
@@ -2907,21 +2907,21 @@ p {
 	min-width: calc(var(--input-height) * 3);
 	width: 100%;
 }
-.tel-input[data-v-9d176183]:focus-within {
+.tel-input[data-v-17a4fdd5]:focus-within {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.tel-input input[data-v-9d176183] {
+.tel-input input[data-v-17a4fdd5] {
 	background: transparent;
 }
-.tel-input input[data-v-9d176183]:focus-visible {
+.tel-input input[data-v-17a4fdd5]:focus-visible {
 	box-shadow: none;
 }
-.input_country-code[data-v-9d176183] {
+.input_country-code[data-v-17a4fdd5] {
 	font-size: var(--input-font-size);
 	color: var(--input-color);
 }
-.tel-country[data-v-9d176183] {
+.tel-country[data-v-17a4fdd5] {
 	font-size: var(--input-font-size);
 	max-width: 200px;
 	white-space: nowrap;
@@ -2930,7 +2930,7 @@ p {
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.tel-countryp-dropdown[data-v-9d176183] {
+.tel-countryp-dropdown[data-v-17a4fdd5] {
 	direction: ltr;
 	text-align: left;
 }
@@ -7463,6 +7463,10 @@ select {
     min-width: calc(var(--input-height) * 3);
     width: 100%;
 }
+[dir='rtl'] .bagel-input input[type="email"] {
+    direction: ltr;
+    text-align: right;
+}
 .input.active .bagel-input input:focus-visible,
 .bagel-input select:focus-visible,
 .bagel-input textarea:focus-visible,
@@ -7477,6 +7481,8 @@ select {
 .bagel-input .bgl_btn:focus,
 .bagel-input button:focus {
     outline-color: rgba(0, 0, 0, 0.05);
+    box-shadow: inset 0 0 10px #00000012;
+
 }
 .bagel-input.light-input input,
 .bagel-input.light-input textarea,
@@ -7696,6 +7702,38 @@ select {
 .txt-72 {
     font-size: 72px;
 }
+.txt80,
+.txt-80 {
+    font-size: 80px;
+}
+.txt90,
+.txt-90 {
+    font-size: 90px;
+}
+.txt100,
+.txt-100 {
+    font-size: 100px;
+}
+.txt110,
+.txt-110 {
+    font-size: 110px;
+}
+.txt120,
+.txt-120 {
+    font-size: 120px;
+}
+.txt130,
+.txt-130 {
+    font-size: 130px;
+}
+.txt140,
+.txt-140 {
+    font-size: 140px;
+}
+.txt150,
+.txt-150 {
+    font-size: 150px;
+}
 .txt18,
 .txt-18 {
     font-size: 18px;
@@ -8023,6 +8061,47 @@ select {
     }
 
 
+    .m_txt80,
+    .m_txt-80 {
+        font-size: 80px;
+    }
+
+    .m_txt90,
+    .m_txt-90 {
+        font-size: 90px;
+    }
+
+    .m_txt100,
+    .m_txt-100 {
+        font-size: 100px;
+    }
+
+
+    .m_txt110,
+    .m_txt-110 {
+        font-size: 110px;
+    }
+
+    .m_txt120,
+    .m_txt-120 {
+        font-size: 120px;
+    }
+
+    .m_txt130,
+    .m_txt-130 {
+        font-size: 130px;
+    }
+
+    .m_txt140,
+    .m_txt-140 {
+        font-size: 140px;
+    }
+
+    .m_txt150,
+    .m_txt-150 {
+        font-size: 150px;
+    }
+
     .m_txt18,
     .m_txt-18 {
         font-size: 18px;
@@ -8432,6 +8511,10 @@ select {
 .opacity-10 {
     opacity: 1;
 }
+.-z-index-1,
+.-z-1 {
+    z-index: -1;
+}
 .z-index-0,
 .z-0 {
     z-index: 0;
@@ -8765,6 +8848,9 @@ select {
 .shadow-light {
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
 }
+.shadow-txt {
+    filter: drop-shadow(0 0 10px var(--bgl-black-tint));
+}
 .border-bottom {
     border-bottom: 1px solid var(--border-color)
 }
@@ -8870,6 +8956,11 @@ select {
         opacity: 1;
     }
 
+    .m_-z-index-1,
+    .m_-z-1 {
+        z-index: -1;
+    }
+
     .m_z-index-0,
     .m_z-0 {
         z-index: 0;
@@ -9404,7 +9495,7 @@ select {
     --bgl-dark-bg: rgba(0, 0, 0, 0.7);
     --bgl-selection-bg: var(--bgl-blue-dark);
     --bgl-selection-color: var(--bgl-white);
-    --bgl-scrollbar-thumb: var(var(--bgl-gray));
+    --bgl-scrollbar-thumb: var(--bgl-gray);
 }
 /* TYPE */
 :root {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.740",
+  "version": "0.0.742",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -54,7 +54,7 @@
     "@types/leaflet": "^1.9.12",
     "@types/signature_pad": "^2.3.6",
     "@vue-macros/reactivity-transform": "^1.0.3",
-    "vue": "^3.4.38"
+    "vue": "^3.5.1"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",

package/src/components/Avatar.vue

@@ -13,7 +13,7 @@ withDefaults(defineProps<{
 	<div class="avatar flex justify-content-center" :style="{ width: `${size}px`, height: `${size}px` }">
 		<img v-if="src" :src="src" :alt="name">
 		<p v-else :style="{ 'line-height': `${size}px`, 'font-size': `calc(1.5rem * ${size} / 50)` }">
-			{{ fallback || initials(name || '') }}
+			{{ (fallback || initials(name || '')).toUpperCase() }}
 		</p>
 	</div>
 </template>

package/src/components/ModalConfirm.vue

@@ -2,8 +2,8 @@
 import { Btn, Modal } from '@bagelink/vue'
 
 const props = defineProps<{
-	title: string
-	message: string
+	title?: string
+	message?: string
 	resolve: (value: boolean) => void
 }>()
 
@@ -16,11 +16,8 @@ function select(val: boolean) {
 </script>
 
 <template>
-	<Modal width="380px" :dismissable="false" class="txt-center">
-		<h3 class="m-0">
-			{{ title }}
-		</h3>
-		<p class="px-1 py-1 pretty m-0">
+	<Modal :title="title" width="380px" :dismissable="false" class="txt-center">
+		<p class="pb-05 pretty">
 			{{ message }}
 		</p>
 		<template #footer>