@bagelink/vue 0.0.797 → 0.0.801

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":"AA2RA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AA8G7D,iBAAS,cAAc;;yBAsKO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAvSN,OAAO;WACX,aAAa;iBAET,aAAa;YAChB,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;cACD,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;eAlBtB,OAAO;WACX,aAAa;iBAET,aAAa;YAChB,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;cACD,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;aAAvB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;UAR1B,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAVzB,OAAO;YAOT,OAAO;aACN,OAAO;WAQT,OAAO;aALL,OAAO;UACV,MAAM;QAKR,MAAM;6EA6Rb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAAA,OA2RO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AA8G7D,iBAAS,cAAc;;yBAsKO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAvSN,OAAO;WACX,aAAa;iBAET,aAAa;YAChB,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;cACD,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;eAlBtB,OAAO;WACX,aAAa;iBAET,aAAa;YAChB,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;cACD,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;aAAvB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;UAR1B,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAVzB,OAAO;YAOT,OAAO;aACN,OAAO;WAQT,OAAO;aALL,OAAO;UACV,MAAM;QAKR,MAAM;6EA6Rb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,12 +1,20 @@
 declare const _default: import('vue').DefineComponent<{
     title?: string;
     message?: string;
+    confirmText?: string;
+    confirmBtnColor?: string;
+    cancelBtnColor?: string;
+    cancelText?: string;
     resolve: (value: boolean) => void;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:visible": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{
     title?: string;
     message?: string;
+    confirmText?: string;
+    confirmBtnColor?: string;
+    cancelBtnColor?: string;
+    cancelText?: string;
     resolve: (value: boolean) => void;
 }> & Readonly<{
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalConfirm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalConfirm.vue"],"names":[],"mappings":";YAmCS,MAAM;cACJ,MAAM;aACP,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;;;;YAFzB,MAAM;cACJ,MAAM;aACP,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;;;;AA4HlC,wBAOG"}
+{"version":3,"file":"ModalConfirm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalConfirm.vue"],"names":[],"mappings":";YA8CS,MAAM;cACJ,MAAM;kBACF,MAAM;sBACF,MAAM;qBACP,MAAM;iBACV,MAAM;aACV,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;;;;YANzB,MAAM;cACJ,MAAM;kBACF,MAAM;sBACF,MAAM;qBACP,MAAM;iBACV,MAAM;aACV,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;;;;AAwIlC,wBAOG"}

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

@@ -194,6 +194,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     hideLabel?: boolean;
     defaultValue?: Option;
     clearable?: boolean;
+    searchPlaceholder?: string;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{
@@ -210,6 +211,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     hideLabel?: boolean;
     defaultValue?: Option;
     clearable?: boolean;
+    searchPlaceholder?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OA8WO,EAKN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA+K/B,iBAAS,cAAc;;sBAkMI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmEg5B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAxDthC,OAAO,IAA6B;EAEjD;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAtZX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;;;;aAZV,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;;;kFAiZlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OAiXO,EAKN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AAkL/B,iBAAS,cAAc;;sBAkMI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoEgkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAzDtsB,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA1ZX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;;;;aAbjB,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;;;kFAoZzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.cjs

@@ -43558,12 +43558,14 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     icon: {},
     hideLabel: { type: Boolean },
     defaultValue: {},
-    clearable: { type: Boolean }
+    clearable: { type: Boolean },
+    searchPlaceholder: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
+    const searchPlaceholder = vue.computed(() => props2.searchPlaceholder || "Search");
     const searchInput = vue.ref(null);
     let selectedItems = vue.ref([]);
     const selectedItemCount = vue.computed(() => selectedItems.value.length ?? 0);
@@ -43746,9 +43748,9 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                 modelValue: vue.unref(search),
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(search) ? search.value = $event : search = $event),
                 dense: "",
-                placeholder: "Search",
+                placeholder: searchPlaceholder.value,
                 icon: "search"
-              }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
+              }, null, 8, ["modelValue", "placeholder"])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(["selectinput-options", { multiselect: _ctx.multiselect }])
               }, [
@@ -43789,7 +43791,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ee6f94cb"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ced4ac7e"]]);
 const _hoisted_1$n = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
@@ -53091,6 +53093,10 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   props: {
     title: {},
     message: {},
+    confirmText: {},
+    confirmBtnColor: {},
+    cancelBtnColor: {},
+    cancelText: {},
     resolve: { type: Function }
   },
   emits: ["update:visible"],
@@ -53101,29 +53107,33 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       props2.resolve(val);
       emit2("update:visible");
     }
+    const title = props2.title || "Confirm";
+    const message2 = props2.message || "Are you sure you want to continue?";
+    const confirmText = props2.confirmText || "Confirm";
+    const cancelText = props2.cancelText || "Cancel";
+    const confirmBtnColor = props2.confirmBtnColor || "green";
+    const cancelBtnColor = props2.cancelBtnColor || "gray";
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$b), {
-        title: _ctx.title,
+        title: vue.unref(title),
         width: "380px",
         dismissable: false,
         class: "txt-center"
       }, {
         footer: vue.withCtx(() => [
           vue.createVNode(vue.unref(Btn), {
-            flat: "",
-            thin: "",
-            class: "color-black",
-            value: "Cancel",
+            color: vue.unref(cancelBtnColor),
+            value: vue.unref(cancelText),
             onClick: _cache[0] || (_cache[0] = ($event) => select2(false))
-          }),
+          }, null, 8, ["color", "value"]),
           vue.createVNode(vue.unref(Btn), {
-            color: "green",
-            value: "Confirm",
+            color: vue.unref(confirmBtnColor),
+            value: vue.unref(confirmText),
             onClick: _cache[1] || (_cache[1] = ($event) => select2(true))
-          })
+          }, null, 8, ["color", "value"])
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("p", _hoisted_1$6, vue.toDisplayString(_ctx.message), 1)
+          vue.createElementVNode("p", _hoisted_1$6, vue.toDisplayString(vue.unref(message2)), 1)
         ]),
         _: 1
       }, 8, ["title"]);

package/dist/index.mjs

@@ -43556,12 +43556,14 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     icon: {},
     hideLabel: { type: Boolean },
     defaultValue: {},
-    clearable: { type: Boolean }
+    clearable: { type: Boolean },
+    searchPlaceholder: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
+    const searchPlaceholder = computed(() => props2.searchPlaceholder || "Search");
     const searchInput = ref(null);
     let selectedItems = ref([]);
     const selectedItemCount = computed(() => selectedItems.value.length ?? 0);
@@ -43744,9 +43746,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 modelValue: unref(search),
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(search) ? search.value = $event : search = $event),
                 dense: "",
-                placeholder: "Search",
+                placeholder: searchPlaceholder.value,
                 icon: "search"
-              }, null, 8, ["modelValue"])) : createCommentVNode("", true),
+              }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true),
               createElementVNode("div", {
                 class: normalizeClass(["selectinput-options", { multiselect: _ctx.multiselect }])
               }, [
@@ -43787,7 +43789,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ee6f94cb"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ced4ac7e"]]);
 const _hoisted_1$n = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
@@ -53089,6 +53091,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     title: {},
     message: {},
+    confirmText: {},
+    confirmBtnColor: {},
+    cancelBtnColor: {},
+    cancelText: {},
     resolve: { type: Function }
   },
   emits: ["update:visible"],
@@ -53099,29 +53105,33 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       props2.resolve(val);
       emit2("update:visible");
     }
+    const title = props2.title || "Confirm";
+    const message2 = props2.message || "Are you sure you want to continue?";
+    const confirmText = props2.confirmText || "Confirm";
+    const cancelText = props2.cancelText || "Cancel";
+    const confirmBtnColor = props2.confirmBtnColor || "green";
+    const cancelBtnColor = props2.cancelBtnColor || "gray";
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$b), {
-        title: _ctx.title,
+        title: unref(title),
         width: "380px",
         dismissable: false,
         class: "txt-center"
       }, {
         footer: withCtx(() => [
           createVNode(unref(Btn), {
-            flat: "",
-            thin: "",
-            class: "color-black",
-            value: "Cancel",
+            color: unref(cancelBtnColor),
+            value: unref(cancelText),
             onClick: _cache[0] || (_cache[0] = ($event) => select2(false))
-          }),
+          }, null, 8, ["color", "value"]),
           createVNode(unref(Btn), {
-            color: "green",
-            value: "Confirm",
+            color: unref(confirmBtnColor),
+            value: unref(confirmText),
             onClick: _cache[1] || (_cache[1] = ($event) => select2(true))
-          })
+          }, null, 8, ["color", "value"])
         ]),
         default: withCtx(() => [
-          createElementVNode("p", _hoisted_1$6, toDisplayString(_ctx.message), 1)
+          createElementVNode("p", _hoisted_1$6, toDisplayString(unref(message2)), 1)
         ]),
         _: 1
       }, 8, ["title"]);

package/dist/plugins/modal.d.ts

@@ -20,6 +20,10 @@ export interface ModalFormOptions extends ModalOptions {
 export interface ModalConfirmOptions {
     'title': string;
     'message': string;
+    'confirmText'?: string;
+    'confirmBtnColor'?: string;
+    'cancelText'?: string;
+    'cancelBtnColor'?: string;
     'resolve': (val: boolean) => void;
     'onUpdate:visible': () => void;
     'visible': boolean;
@@ -28,6 +32,10 @@ type ModalType = 'modal' | 'modalForm' | 'confirmModal';
 type ConfirmModalUserOptions = string | {
     title: string;
     message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmBtnColor?: string;
+    cancelBtnColor?: string;
 };
 export interface ModalComponentProps {
     componentSlots: Record<string, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAK/C,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"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"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"}

package/dist/style.css

@@ -1190,10 +1190,10 @@ p {
 }
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
 
-.selectinput[data-v-ee6f94cb] {
+.selectinput[data-v-ced4ac7e] {
 	width: 100%;
 }
-.selectinput-option[data-v-ee6f94cb] {
+.selectinput-option[data-v-ced4ac7e] {
 	padding: 6px 12px;
 	cursor: pointer;
 	border-radius: 5px;
@@ -1205,23 +1205,23 @@ p {
 	font-size: var(--input-font-size);
 	margin-block: 0.15rem;
 }
-.selectinput-option .bgl_icon-font[data-v-ee6f94cb]{
+.selectinput-option .bgl_icon-font[data-v-ced4ac7e]{
 	line-height: normal;
 }
-.selectinput-options.multiselect .selectinput-option[data-v-ee6f94cb] {
+.selectinput-options.multiselect .selectinput-option[data-v-ced4ac7e] {
 	grid-template-columns: 10px 1fr;
 }
-.selectinput-options[data-v-ee6f94cb] {
+.selectinput-options[data-v-ced4ac7e] {
 	max-height: 300px;
 	overflow-y: auto;
 }
-.selectinput-option[data-v-ee6f94cb]:hover {
+.selectinput-option[data-v-ced4ac7e]:hover {
 	background: var(--bgl-gray-20);
 }
-.isEmpty p[data-v-ee6f94cb] {
+.isEmpty p[data-v-ced4ac7e] {
 	opacity: 0.3;
 }
-.selected[data-v-ee6f94cb]{
+.selected[data-v-ced4ac7e]{
 	/* background: var(--bgl-primary-tint); */
 	background: var(--bgl-selected);
 }
@@ -7750,7 +7750,8 @@ select {
 .bagel-input.light-input input,
 .bagel-input.light-input textarea,
 .bagel-input.light-input select,
-.custom-select.light-input .input {
+.custom-select.light-input .input,
+.light-input .selectinput-btn {
     background: var(--bgl-popup-bg) !important;
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
     outline: 1px solid var(--border-color) !important;

package/package.json

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

package/src/components/ModalConfirm.vue

@@ -4,6 +4,10 @@ import { Btn, Modal } from '@bagelink/vue'
 const props = defineProps<{
 	title?: string
 	message?: string
+	confirmText?: string
+	confirmBtnColor?: string
+	cancelBtnColor?: string
+	cancelText?: string
 	resolve: (value: boolean) => void
 }>()
 
@@ -13,6 +17,13 @@ function select(val: boolean) {
 	props.resolve(val)
 	emit('update:visible')
 }
+
+const title = props.title || 'Confirm'
+const message = props.message || 'Are you sure you want to continue?'
+const confirmText = props.confirmText || 'Confirm'
+const cancelText = props.cancelText || 'Cancel'
+const confirmBtnColor = props.confirmBtnColor || 'green'
+const cancelBtnColor = props.cancelBtnColor || 'gray'
 </script>
 
 <template>
@@ -21,8 +32,8 @@ function select(val: boolean) {
 			{{ message }}
 		</p>
 		<template #footer>
-			<Btn flat thin class="color-black" value="Cancel" @click="select(false)" />
-			<Btn color="green" value="Confirm" @click="select(true)" />
+			<Btn :color="cancelBtnColor" :value="cancelText" @click="select(false)" />
+			<Btn :color="confirmBtnColor" :value="confirmText" @click="select(true)" />
 		</template>
 	</Modal>
 </template>

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

@@ -25,10 +25,13 @@ const props = defineProps<{
 	hideLabel?: boolean
 	defaultValue?: Option
 	clearable?: boolean
+	searchPlaceholder?: string
 }>()
 
 const emit = defineEmits(['update:modelValue'])
 
+const searchPlaceholder = $computed(() => props.searchPlaceholder || 'Search')
+
 const searchInput = $ref<HTMLInputElement | null>(null)
 
 let selectedItems = $ref<Option[]>([])
@@ -236,7 +239,7 @@ onMounted(() => {
 				ref="searchInput"
 				v-model="search"
 				dense
-				placeholder="Search"
+				:placeholder="searchPlaceholder"
 				icon="search"
 			/>
 			<div class="selectinput-options" :class="{ multiselect }">

package/src/plugins/modal.ts

@@ -26,13 +26,17 @@ export interface ModalFormOptions extends ModalOptions {
 export interface ModalConfirmOptions {
 	'title': string
 	'message': string
+	'confirmText'?: string
+	'confirmBtnColor'?: string
+	'cancelText'?: string
+	'cancelBtnColor'?: string
 	'resolve': (val: boolean) => void
 	'onUpdate:visible': () => void
 	'visible': boolean
 }
 
 type ModalType = 'modal' | 'modalForm' | 'confirmModal'
-type ConfirmModalUserOptions = string | { title: string, message: string }
+type ConfirmModalUserOptions = string | { title: string, message: string, confirmText?: string, cancelText?: string, confirmBtnColor?: string, cancelBtnColor?: string }
 
 export interface ModalComponentProps {
 	componentSlots: Record<string, any>
@@ -120,6 +124,7 @@ export const ModalPlugin: Plugin = {
 						case 'modalForm':
 							return h(ModalForm, props as ModalFormOptions, modal.componentSlots)
 						case 'confirmModal':
+
 							return h(ModalConfirm, props as ModalConfirmOptions, {})
 						default:
 							return h(Modal, props, modal.componentSlots)

package/src/styles/inputs.css

@@ -260,7 +260,8 @@ select {
 .bagel-input.light-input input,
 .bagel-input.light-input textarea,
 .bagel-input.light-input select,
-.custom-select.light-input .input {
+.custom-select.light-input .input,
+.light-input .selectinput-btn {
     background: var(--bgl-popup-bg) !important;
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
     outline: 1px solid var(--border-color) !important;