@bagelink/vue 0.0.783 → 0.0.787

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":"AAmFA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAKlD,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;;AA2ED,wBAMG"}
+{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../src/components/Badge.vue"],"names":[],"mappings":"AAoFA,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;;AA2ED,wBAMG"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.vue.d.ts","sourceRoot":"","sources":["../../src/components/Pill.vue"],"names":[],"mappings":"AAsLA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AA8F7D,iBAAS,cAAc;;yBA8GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA/NR,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;eACJ,OAAO;aACT,OAAO;;eAZL,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;eACJ,OAAO;aACT,OAAO;;cAZL,OAAO;YAMT,OAAO;aACN,OAAO;WAGT,OAAO;aAFL,OAAO;cAGN,OAAO;6EA2NlB,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":"Pill.vue.d.ts","sourceRoot":"","sources":["../../src/components/Pill.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AA4F7D,iBAAS,cAAc;;yBA8GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA/NR,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;eACJ,OAAO;aACT,OAAO;;eAZL,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;eACJ,OAAO;aACT,OAAO;;cAZL,OAAO;YAMT,OAAO;aACN,OAAO;WAGT,OAAO;aAFL,OAAO;cAGN,OAAO;6EA2NlB,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/form/inputs/SignaturePad.vue.d.ts

@@ -11,10 +11,7 @@ interface WaterMark {
     style: string;
 }
 type FormatType = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/svg+xml';
-declare function save(format?: FormatType): string | undefined;
-declare function undo(): void;
-declare function addWaterMark(data: WaterMark): void;
-declare const _default: import('vue').DefineComponent<{
+declare let __VLS_typeProps: {
     sigOption?: SignaturePadOptions;
     width?: string;
     height?: string;
@@ -25,25 +22,27 @@ declare const _default: import('vue').DefineComponent<{
     defaultUrl?: string;
     format?: FormatType;
     clearable?: boolean;
-}, {
+    required?: boolean;
+};
+declare function clear(): void;
+declare function save(format?: FormatType): string | undefined;
+declare function undo(): void;
+declare function addWaterMark(data: WaterMark): void;
+type __VLS_PublicProps = {
+    modelValue?: any;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     save: typeof save;
-    clear: () => void | undefined;
+    clear: typeof clear;
     isEmpty: () => boolean | undefined;
     undo: typeof undo;
     addWaterMark: typeof addWaterMark;
     fromDataURL: (url: string) => Promise<void> | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    sigOption?: SignaturePadOptions;
-    width?: string;
-    height?: string;
-    ratio?: number;
-    clearOnResize?: boolean;
-    waterMark?: WaterMark;
-    disabled?: boolean;
-    defaultUrl?: string;
-    format?: FormatType;
-    clearable?: boolean;
-}> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+}>, {
     clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AA+JA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAOnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAwB5E,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAiBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;;gBA9EY,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;;;;uBAiBM,MAAM;;gBA1BnB,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;eAAP,OAAO;;AAuMpB,wBAQG"}
+{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AAiMA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAInE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAE5E,QAAA,IAAI,eAAe,EAAG;IACrB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAaF,iBAAS,KAAK,SAIb;AAED,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAiBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;AA6DD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,OAAO,eAAe,CAAC;;;;;;;uBAnHD,MAAM;;;;;;eA1BnB,OAAO;;AAyOpB,wBASG"}

package/dist/components/lightbox/Lightbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/lightbox/Lightbox.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AASpD,iBAAS,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,GAAE,YAAY,EAAO,QAOhE;AAED,iBAAS,KAAK,SAGb;;;;;AA0bD,wBAMG"}
+{"version":3,"file":"Lightbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/lightbox/Lightbox.vue"],"names":[],"mappings":"AA4PA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AASpD,iBAAS,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,GAAE,YAAY,EAAO,QAOhE;AAED,iBAAS,KAAK,SAGb;;;;;AA6bD,wBAMG"}

package/dist/index.cjs

@@ -55,7 +55,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$K = { class: "accordion-item" };
-const _hoisted_2$u = ["aria-expanded", "aria-controls"];
+const _hoisted_2$v = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
 const _hoisted_4$f = ["id", "aria-hidden"];
 const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
@@ -110,7 +110,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(_sfc_main$c), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$u),
+        ], 8, _hoisted_2$v),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -199,7 +199,7 @@ const _hoisted_1$I = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$t = {
+const _hoisted_2$u = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -297,7 +297,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$c), {
               key: 0,
               icon: _ctx.icon
@@ -319,7 +319,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-047c9778"]]);
 const _hoisted_1$H = ["dismissable"];
-const _hoisted_2$s = { class: "m-0" };
+const _hoisted_2$t = { class: "m-0" };
 const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
@@ -348,7 +348,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_2$s, vue.toDisplayString(_ctx.message), 1),
+        vue.createElementVNode("p", _hoisted_2$t, vue.toDisplayString(_ctx.message), 1),
         vue.createVNode(Btn, {
           flat: "",
           thin: "",
@@ -420,9 +420,9 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-8fddd646"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-40a0b03a"]]);
 const _hoisted_1$F = ["src"];
-const _hoisted_2$r = ["src", "autoplay", "muted", "loop", "controls"];
+const _hoisted_2$s = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
@@ -487,7 +487,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$r)) : vue.createCommentVNode("", true)
+        }, null, 12, _hoisted_2$s)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
@@ -537,7 +537,7 @@ const _hoisted_1$D = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$q = { class: "Handlers" };
+const _hoisted_2$r = { class: "Handlers" };
 const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
@@ -689,7 +689,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        vue.createElementVNode("div", _hoisted_2$q, [
+        vue.createElementVNode("div", _hoisted_2$r, [
           vue.createElementVNode("span", { onClick: prev }, [
             vue.renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -6652,7 +6652,7 @@ const _hoisted_1$C = {
   key: 0,
   class: "layer-hover-bar"
 };
-const _hoisted_2$p = ["x", "y", "width", "height"];
+const _hoisted_2$q = ["x", "y", "width", "height"];
 function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$C, [
     vue.createElementVNode("rect", vue.mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
@@ -6660,7 +6660,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
       y: _ctx.bar.y,
       width: _ctx.bar.width > 0 ? _ctx.bar.width : 0,
       height: _ctx.bar.height > 0 ? _ctx.bar.height : 0
-    }), null, 16, _hoisted_2$p)
+    }), null, 16, _hoisted_2$q)
   ])) : vue.createCommentVNode("v-if", true);
 }
 script.render = render$e;
@@ -6810,7 +6810,7 @@ const _hoisted_1$B = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$o = {
+const _hoisted_2$p = {
   key: 0,
   class: "data-row m_py-05"
 };
@@ -6872,7 +6872,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: field.id
           }, [
-            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
+            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
               vue.createElementVNode("div", _hoisted_3$j, [
                 vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
@@ -9909,7 +9909,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
 });
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$y = ["title"];
-const _hoisted_2$n = ["id", "value", "required"];
+const _hoisted_2$o = ["id", "value", "required"];
 const _hoisted_3$i = ["for"];
 const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
@@ -9945,7 +9945,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$n), [
+        }, null, 8, _hoisted_2$o), [
           [vue.vModelCheckbox, checked.value]
         ]),
         vue.createElementVNode("label", { for: inputId.value }, [
@@ -9959,7 +9959,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
 });
 const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-1b4d18c6"]]);
 const _hoisted_1$x = ["title"];
-const _hoisted_2$m = ["id", "placeholder", "required"];
+const _hoisted_2$n = ["id", "placeholder", "required"];
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorPicker",
   props: {
@@ -9998,7 +9998,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$m), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$n), [
             [vue.vModelText, inputVal.value]
           ])
         ])
@@ -18446,7 +18446,7 @@ Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
 const _hoisted_1$w = ["title"];
-const _hoisted_2$l = { key: 0 };
+const _hoisted_2$m = { key: 0 };
 const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
@@ -18489,7 +18489,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$l, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$m, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(Hn), vue.mergeProps({
           ref_key: "datePicker",
           ref: datePicker,
@@ -18510,7 +18510,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$v = { class: "datetime-wrap" };
-const _hoisted_2$k = { class: "date-wrap" };
+const _hoisted_2$l = { class: "date-wrap" };
 const _hoisted_3$h = {
   key: 0,
   class: "time-wrap"
@@ -18546,7 +18546,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
-        vue.createElementVNode("div", _hoisted_2$k, [
+        vue.createElementVNode("div", _hoisted_2$l, [
           vue.createVNode(vue.unref(Hn), vue.mergeProps({
             modelValue: selectedDate.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
@@ -18587,7 +18587,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$u = { class: "bagel-input" };
-const _hoisted_2$j = {
+const _hoisted_2$k = {
   key: 0,
   class: "bgl-multi-preview"
 };
@@ -18777,7 +18777,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             files: storageFiles.value,
             fileQueue: fileQueue.value
           }, () => [
-            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$j, [
+            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: file.id,
@@ -18902,7 +18902,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
 });
 const $el = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-be593d04"]]);
 const _hoisted_1$t = ["title"];
-const _hoisted_2$i = { key: 0 };
+const _hoisted_2$j = { key: 0 };
 const _hoisted_3$f = ["value", "placeholder"];
 const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
@@ -18927,7 +18927,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$i, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$j, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", {
@@ -19003,7 +19003,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$r = ["for"];
-const _hoisted_2$h = ["id", "name", "value"];
+const _hoisted_2$i = ["id", "name", "value"];
 const _hoisted_3$e = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$a = ["src", "alt"];
 const _hoisted_5$9 = { class: "" };
@@ -19043,7 +19043,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
               type: "radio",
               name: _ctx.groupName,
               value: opt.value
-            }, null, 8, _hoisted_2$h), [
+            }, null, 8, _hoisted_2$i), [
               [vue.vModelRadio, selectedOption.value]
             ]),
             vue.createElementVNode("div", _hoisted_3$e, [
@@ -19076,7 +19076,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
 });
 const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-3e9e030f"]]);
 const _hoisted_1$q = { class: "bagel-input" };
-const _hoisted_2$g = { class: "pb-025" };
+const _hoisted_2$h = { class: "pb-025" };
 const _hoisted_3$d = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$9 = ["id", "name", "value", "checked"];
 const _hoisted_5$8 = ["for"];
@@ -19122,7 +19122,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
-        vue.createElementVNode("label", _hoisted_2$g, vue.toDisplayString(_ctx.label), 1),
+        vue.createElementVNode("label", _hoisted_2$h, vue.toDisplayString(_ctx.label), 1),
         vue.createElementVNode("div", _hoisted_3$d, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -42967,7 +42967,7 @@ vue.defineComponent({
   }
 });
 const _hoisted_1$p = { class: "RichText" };
-const _hoisted_2$f = {
+const _hoisted_2$g = {
   key: 0,
   class: "RichText-tools"
 };
@@ -43197,7 +43197,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
-        vue.unref(editor) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
+        vue.unref(editor) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
           (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(config, (item) => {
             var _a2;
             return vue.withDirectives(vue.createVNode(vue.unref(Btn), {
@@ -43391,7 +43391,7 @@ function createTable() {
   }
 }
 const _hoisted_1$o = { class: "flex gap-05" };
-const _hoisted_2$e = ["disabled"];
+const _hoisted_2$f = ["disabled"];
 const _hoisted_3$c = { key: 1 };
 const _hoisted_4$8 = {
   key: 2,
@@ -43578,7 +43578,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                   key: 3,
                   thin: ""
                 }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : vue.createCommentVNode("", true)
-              ], 42, _hoisted_2$e),
+              ], 42, _hoisted_2$f),
               _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
                 key: 0,
                 tabindex: "-1",
@@ -43711,7 +43711,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$m = { class: "rich-text-editor rounded pt-05 px-1 pb-1" };
-const _hoisted_2$d = { class: "editor-container flex flex-stretch gap-1 m_column" };
+const _hoisted_2$e = { class: "editor-container flex flex-stretch gap-1 m_column" };
 const _hoisted_3$b = { class: "content-area radius-05 p-1 shadow-light w-100 grid" };
 const _hoisted_4$7 = {
   key: 0,
@@ -43849,7 +43849,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           config: config.value,
           onAction: handleToolbarAction
         }, null, 8, ["config"]),
-        vue.createElementVNode("div", _hoisted_2$d, [
+        vue.createElementVNode("div", _hoisted_2$e, [
           vue.createElementVNode("div", _hoisted_3$b, [
             vue.unref(isCodeView) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
               key: 0,
@@ -44471,9 +44471,16 @@ class SignaturePad extends SignatureEventTarget {
   }
 }
 const _hoisted_1$l = ["disabled"];
+const _hoisted_2$d = {
+  key: 1,
+  placeholder: "required",
+  type: "text",
+  required: "",
+  class: "pixel"
+};
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "SignaturePad",
-  props: {
+  props: /* @__PURE__ */ vue.mergeModels({
     sigOption: {},
     width: {},
     height: {},
@@ -44483,16 +44490,25 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     disabled: { type: Boolean },
     defaultUrl: {},
     format: {},
-    clearable: { type: Boolean, default: true }
-  },
+    clearable: { type: Boolean, default: true },
+    required: { type: Boolean }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
   setup(__props, { expose: __expose }) {
     const props2 = __props;
+    const sigData = vue.useModel(__props, "modelValue");
     const vCanvas = vue.ref();
     let sig = vue.ref();
-    const clear = () => {
+    let _isEmpty = vue.ref(true);
+    function clear() {
       var _a2;
-      return (_a2 = sig.value) == null ? void 0 : _a2.clear();
-    };
+      (_a2 = sig.value) == null ? void 0 : _a2.clear();
+      _isEmpty.value = true;
+      sigData.value = void 0;
+    }
     function save2(format2) {
       var _a2, _b;
       format2 = format2 || props2.format;
@@ -44554,6 +44570,12 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         }
       }
     }
+    function onEndStroke() {
+      var _a2;
+      _isEmpty.value = ((_a2 = sig.value) == null ? void 0 : _a2.isEmpty()) ?? false;
+      const data2 = save2();
+      sigData.value = data2;
+    }
     function draw() {
       const canvas = vCanvas.value;
       sig.value = new SignaturePad(canvas, signatureOptions.value);
@@ -44574,8 +44596,14 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
       resizeCanvas(canvas);
       if (props2.disabled) sig.value.off();
       else sig.value.on();
+      _isEmpty.value = sig.value.isEmpty();
+      sig.value.addEventListener("endStroke", onEndStroke);
     }
     vue.onMounted(draw);
+    vue.onUnmounted(() => {
+      var _a2;
+      (_a2 = sig.value) == null ? void 0 : _a2.removeEventListener("endStroke", onEndStroke);
+    });
     __expose({
       save: save2,
       clear,
@@ -44603,7 +44631,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$l)
+        }, null, 8, _hoisted_1$l),
+        _ctx.required && vue.unref(_isEmpty) ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$d)) : vue.createCommentVNode("", true)
       ], 34);
     };
   }
@@ -53239,8 +53268,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "8b25051e": computedBackgroundColor.value,
-      "359c0d0c": cumputedTextColor.value
+      "4d2f98bb": computedBackgroundColor.value,
+      "1dbee7d6": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = vue.useSlots();
@@ -53332,7 +53361,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-9d8b229e"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-95cf3171"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
@@ -54707,6 +54736,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function clickOutside2() {
       if (zoom.value === 1) close2();
     }
+    const upgradeHeaders = (url) => url.replace(/http:\/\//, "//");
     __expose({ open, close: close2 });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, { name: "fade" }, {
@@ -54789,7 +54819,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     flat: "",
                     icon: "download",
                     value: "Download File",
-                    href: (_f = vue.unref(currentItem)) == null ? void 0 : _f.src,
+                    href: upgradeHeaders((_f = vue.unref(currentItem)) == null ? void 0 : _f.src),
                     download: ""
                   }, null, 8, ["href"])) : vue.createCommentVNode("", true),
                   !((_g = vue.unref(currentItem)) == null ? void 0 : _g.openFile) && !((_h = vue.unref(currentItem)) == null ? void 0 : _h.download) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("", true)
@@ -54864,7 +54894,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08816ae4"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-993af46d"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {

package/dist/index.mjs

@@ -53,7 +53,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$K = { class: "accordion-item" };
-const _hoisted_2$u = ["aria-expanded", "aria-controls"];
+const _hoisted_2$v = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
 const _hoisted_4$f = ["id", "aria-hidden"];
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
@@ -108,7 +108,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$c), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$u),
+        ], 8, _hoisted_2$v),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -197,7 +197,7 @@ const _hoisted_1$I = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$t = {
+const _hoisted_2$u = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -295,7 +295,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$I)) : (openBlock(), createElementBlock("div", _hoisted_2$t, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$I)) : (openBlock(), createElementBlock("div", _hoisted_2$u, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$c), {
               key: 0,
               icon: _ctx.icon
@@ -317,7 +317,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-047c9778"]]);
 const _hoisted_1$H = ["dismissable"];
-const _hoisted_2$s = { class: "m-0" };
+const _hoisted_2$t = { class: "m-0" };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
@@ -346,7 +346,7 @@ const _sfc_main$S = /* @__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$t, toDisplayString(_ctx.message), 1),
         createVNode(Btn, {
           flat: "",
           thin: "",
@@ -418,9 +418,9 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-8fddd646"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-40a0b03a"]]);
 const _hoisted_1$F = ["src"];
-const _hoisted_2$r = ["src", "autoplay", "muted", "loop", "controls"];
+const _hoisted_2$s = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
@@ -485,7 +485,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$r)) : createCommentVNode("", true)
+        }, null, 12, _hoisted_2$s)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -535,7 +535,7 @@ const _hoisted_1$D = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$q = { class: "Handlers" };
+const _hoisted_2$r = { class: "Handlers" };
 const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
@@ -687,7 +687,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$D)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        createElementVNode("div", _hoisted_2$q, [
+        createElementVNode("div", _hoisted_2$r, [
           createElementVNode("span", { onClick: prev }, [
             renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -6650,7 +6650,7 @@ const _hoisted_1$C = {
   key: 0,
   class: "layer-hover-bar"
 };
-const _hoisted_2$p = ["x", "y", "width", "height"];
+const _hoisted_2$q = ["x", "y", "width", "height"];
 function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$C, [
     createElementVNode("rect", mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
@@ -6658,7 +6658,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
       y: _ctx.bar.y,
       width: _ctx.bar.width > 0 ? _ctx.bar.width : 0,
       height: _ctx.bar.height > 0 ? _ctx.bar.height : 0
-    }), null, 16, _hoisted_2$p)
+    }), null, 16, _hoisted_2$q)
   ])) : createCommentVNode("v-if", true);
 }
 script.render = render$e;
@@ -6808,7 +6808,7 @@ const _hoisted_1$B = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$o = {
+const _hoisted_2$p = {
   key: 0,
   class: "data-row m_py-05"
 };
@@ -6870,7 +6870,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment$1, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
               createElementVNode("div", _hoisted_3$j, [
                 createElementVNode("p", _hoisted_4$d, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
@@ -9907,7 +9907,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 });
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$y = ["title"];
-const _hoisted_2$n = ["id", "value", "required"];
+const _hoisted_2$o = ["id", "value", "required"];
 const _hoisted_3$i = ["for"];
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
@@ -9943,7 +9943,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$n), [
+        }, null, 8, _hoisted_2$o), [
           [vModelCheckbox, checked.value]
         ]),
         createElementVNode("label", { for: inputId.value }, [
@@ -9957,7 +9957,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 });
 const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-1b4d18c6"]]);
 const _hoisted_1$x = ["title"];
-const _hoisted_2$m = ["id", "placeholder", "required"];
+const _hoisted_2$n = ["id", "placeholder", "required"];
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
@@ -9996,7 +9996,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$m), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$n), [
             [vModelText, inputVal.value]
           ])
         ])
@@ -18444,7 +18444,7 @@ Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
 const _hoisted_1$w = ["title"];
-const _hoisted_2$l = { key: 0 };
+const _hoisted_2$m = { key: 0 };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
@@ -18487,7 +18487,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$l, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$m, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
         createVNode(unref(Hn), mergeProps({
           ref_key: "datePicker",
           ref: datePicker,
@@ -18508,7 +18508,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$v = { class: "datetime-wrap" };
-const _hoisted_2$k = { class: "date-wrap" };
+const _hoisted_2$l = { class: "date-wrap" };
 const _hoisted_3$h = {
   key: 0,
   class: "time-wrap"
@@ -18544,7 +18544,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$v, [
-        createElementVNode("div", _hoisted_2$k, [
+        createElementVNode("div", _hoisted_2$l, [
           createVNode(unref(Hn), mergeProps({
             modelValue: selectedDate.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
@@ -18585,7 +18585,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$u = { class: "bagel-input" };
-const _hoisted_2$j = {
+const _hoisted_2$k = {
   key: 0,
   class: "bgl-multi-preview"
 };
@@ -18775,7 +18775,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             files: storageFiles.value,
             fileQueue: fileQueue.value
           }, () => [
-            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(storageFiles.value, (file) => {
                 return openBlock(), createElementBlock("div", {
                   key: file.id,
@@ -18900,7 +18900,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 });
 const $el = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-be593d04"]]);
 const _hoisted_1$t = ["title"];
-const _hoisted_2$i = { key: 0 };
+const _hoisted_2$j = { key: 0 };
 const _hoisted_3$f = ["value", "placeholder"];
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
@@ -18925,7 +18925,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$i, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$j, [
           createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
         createElementVNode("textarea", {
@@ -19001,7 +19001,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$r = ["for"];
-const _hoisted_2$h = ["id", "name", "value"];
+const _hoisted_2$i = ["id", "name", "value"];
 const _hoisted_3$e = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$a = ["src", "alt"];
 const _hoisted_5$9 = { class: "" };
@@ -19041,7 +19041,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               type: "radio",
               name: _ctx.groupName,
               value: opt.value
-            }, null, 8, _hoisted_2$h), [
+            }, null, 8, _hoisted_2$i), [
               [vModelRadio, selectedOption.value]
             ]),
             createElementVNode("div", _hoisted_3$e, [
@@ -19074,7 +19074,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 });
 const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-3e9e030f"]]);
 const _hoisted_1$q = { class: "bagel-input" };
-const _hoisted_2$g = { class: "pb-025" };
+const _hoisted_2$h = { class: "pb-025" };
 const _hoisted_3$d = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$9 = ["id", "name", "value", "checked"];
 const _hoisted_5$8 = ["for"];
@@ -19120,7 +19120,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("label", _hoisted_2$g, toDisplayString(_ctx.label), 1),
+        createElementVNode("label", _hoisted_2$h, toDisplayString(_ctx.label), 1),
         createElementVNode("div", _hoisted_3$d, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.options, (option2, index2) => {
             return openBlock(), createElementBlock("div", {
@@ -42965,7 +42965,7 @@ defineComponent({
   }
 });
 const _hoisted_1$p = { class: "RichText" };
-const _hoisted_2$f = {
+const _hoisted_2$g = {
   key: 0,
   class: "RichText-tools"
 };
@@ -43195,7 +43195,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", _hoisted_1$p, [
-        unref(editor) ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
+        unref(editor) ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           (openBlock(), createElementBlock(Fragment$1, null, renderList(config, (item) => {
             var _a2;
             return withDirectives(createVNode(unref(Btn), {
@@ -43389,7 +43389,7 @@ function createTable() {
   }
 }
 const _hoisted_1$o = { class: "flex gap-05" };
-const _hoisted_2$e = ["disabled"];
+const _hoisted_2$f = ["disabled"];
 const _hoisted_3$c = { key: 1 };
 const _hoisted_4$8 = {
   key: 2,
@@ -43576,7 +43576,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   key: 3,
                   thin: ""
                 }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
-              ], 42, _hoisted_2$e),
+              ], 42, _hoisted_2$f),
               _ctx.required ? (openBlock(), createElementBlock("input", {
                 key: 0,
                 tabindex: "-1",
@@ -43709,7 +43709,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$m = { class: "rich-text-editor rounded pt-05 px-1 pb-1" };
-const _hoisted_2$d = { class: "editor-container flex flex-stretch gap-1 m_column" };
+const _hoisted_2$e = { class: "editor-container flex flex-stretch gap-1 m_column" };
 const _hoisted_3$b = { class: "content-area radius-05 p-1 shadow-light w-100 grid" };
 const _hoisted_4$7 = {
   key: 0,
@@ -43847,7 +43847,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           config: config.value,
           onAction: handleToolbarAction
         }, null, 8, ["config"]),
-        createElementVNode("div", _hoisted_2$d, [
+        createElementVNode("div", _hoisted_2$e, [
           createElementVNode("div", _hoisted_3$b, [
             unref(isCodeView) ? withDirectives((openBlock(), createElementBlock("textarea", {
               key: 0,
@@ -44469,9 +44469,16 @@ class SignaturePad extends SignatureEventTarget {
   }
 }
 const _hoisted_1$l = ["disabled"];
+const _hoisted_2$d = {
+  key: 1,
+  placeholder: "required",
+  type: "text",
+  required: "",
+  class: "pixel"
+};
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "SignaturePad",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     sigOption: {},
     width: {},
     height: {},
@@ -44481,16 +44488,25 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     defaultUrl: {},
     format: {},
-    clearable: { type: Boolean, default: true }
-  },
+    clearable: { type: Boolean, default: true },
+    required: { type: Boolean }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
   setup(__props, { expose: __expose }) {
     const props2 = __props;
+    const sigData = useModel(__props, "modelValue");
     const vCanvas = ref();
     let sig = ref();
-    const clear = () => {
+    let _isEmpty = ref(true);
+    function clear() {
       var _a2;
-      return (_a2 = sig.value) == null ? void 0 : _a2.clear();
-    };
+      (_a2 = sig.value) == null ? void 0 : _a2.clear();
+      _isEmpty.value = true;
+      sigData.value = void 0;
+    }
     function save2(format2) {
       var _a2, _b;
       format2 = format2 || props2.format;
@@ -44552,6 +44568,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    function onEndStroke() {
+      var _a2;
+      _isEmpty.value = ((_a2 = sig.value) == null ? void 0 : _a2.isEmpty()) ?? false;
+      const data2 = save2();
+      sigData.value = data2;
+    }
     function draw() {
       const canvas = vCanvas.value;
       sig.value = new SignaturePad(canvas, signatureOptions.value);
@@ -44572,8 +44594,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       resizeCanvas(canvas);
       if (props2.disabled) sig.value.off();
       else sig.value.on();
+      _isEmpty.value = sig.value.isEmpty();
+      sig.value.addEventListener("endStroke", onEndStroke);
     }
     onMounted(draw);
+    onUnmounted(() => {
+      var _a2;
+      (_a2 = sig.value) == null ? void 0 : _a2.removeEventListener("endStroke", onEndStroke);
+    });
     __expose({
       save: save2,
       clear,
@@ -44601,7 +44629,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$l)
+        }, null, 8, _hoisted_1$l),
+        _ctx.required && unref(_isEmpty) ? (openBlock(), createElementBlock("input", _hoisted_2$d)) : createCommentVNode("", true)
       ], 34);
     };
   }
@@ -53237,8 +53266,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "8b25051e": computedBackgroundColor.value,
-      "359c0d0c": cumputedTextColor.value
+      "4d2f98bb": computedBackgroundColor.value,
+      "1dbee7d6": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -53330,7 +53359,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-9d8b229e"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-95cf3171"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
@@ -54705,6 +54734,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function clickOutside2() {
       if (zoom.value === 1) close2();
     }
+    const upgradeHeaders = (url) => url.replace(/http:\/\//, "//");
     __expose({ open, close: close2 });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "fade" }, {
@@ -54787,7 +54817,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     flat: "",
                     icon: "download",
                     value: "Download File",
-                    href: (_f = unref(currentItem)) == null ? void 0 : _f.src,
+                    href: upgradeHeaders((_f = unref(currentItem)) == null ? void 0 : _f.src),
                     download: ""
                   }, null, 8, ["href"])) : createCommentVNode("", true),
                   !((_g = unref(currentItem)) == null ? void 0 : _g.openFile) && !((_h = unref(currentItem)) == null ? void 0 : _h.download) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
@@ -54862,7 +54892,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08816ae4"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-993af46d"]]);
 const groups = {};
 const lightboxDirective = {
   mounted(el, binding) {

package/dist/style.css

@@ -233,7 +233,7 @@ display: block;
   object-fit: cover;
 }
 
-.inline[data-v-8fddd646] {
+.inline[data-v-40a0b03a] {
 	display: inline;
 }
 
@@ -1311,6 +1311,15 @@ p {
 	width: 100%;
 	height: 100%;
 }
+.pixel {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+	outline: none;
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+}
 .bgl_input.signature-pad {
 	background: var(--input-bg);
 	border: none;
@@ -3064,25 +3073,25 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.bgl_pill-btn[data-v-9d8b229e]{
+.bgl_pill-btn[data-v-95cf3171]{
 	color: var(--pill-btn-color);
 	background: var(--pill-btn-bg);
 	width: calc(var(--pill-height) / 1.25)!important;
 	height: calc(var(--pill-height) / 1.25)!important;
 }
-.loading[data-v-9d8b229e] {
+.loading[data-v-95cf3171] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-9d8b229e 1s linear infinite;
+  animation: spin-95cf3171 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-.bgl_flatPill .loading[data-v-9d8b229e] {
+.bgl_flatPill .loading[data-v-95cf3171] {
 	border-bottom: 2px solid var(--bgl-text-color);
 }
-@keyframes spin-9d8b229e {
+@keyframes spin-95cf3171 {
 0% {
     transform: rotate(0deg);
 }
@@ -3090,11 +3099,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
     transform: rotate(360deg);
 }
 }
-.bgl_pill[data-v-9d8b229e] {
+.bgl_pill[data-v-95cf3171] {
   padding-inline: 0.25rem;
   transition: var(--bgl-transition);
-  background-color: var(--8b25051e);
-  color: var(--359c0d0c);
+  background-color: var(--4d2f98bb);
+  color: var(--1dbee7d6);
   display: inline-block;
   margin-inline-end: 0.25rem;
   border-radius: var(--pill-border-radius);
@@ -3102,26 +3111,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
   vertical-align: middle;
   margin-bottom: 0.25rem;
 }
-.bgl_pill[disabled="true"][data-v-9d8b229e] {
+.bgl_pill[disabled="true"][data-v-95cf3171] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_pill-flex[data-v-9d8b229e] {
+.bgl_pill-flex[data-v-95cf3171] {
   display: flex;
   align-items: center;
   gap: 0.25rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_pill.bgl_flatPill[data-v-9d8b229e] {
+.bgl_pill.bgl_flatPill[data-v-95cf3171] {
   background: transparent;
 }
-.bgl_pill.round[data-v-9d8b229e] {
+.bgl_pill.round[data-v-95cf3171] {
   border-radius: 1000px;
 }
-.bgl_pill-border[data-v-9d8b229e] {
-  outline: 1px solid var(--8b25051e);
-  color: var(--8b25051e);
+.bgl_pill-border[data-v-95cf3171] {
+  outline: 1px solid var(--4d2f98bb);
+  color: var(--4d2f98bb);
   background: transparent;
 }
 
@@ -3366,19 +3375,19 @@ tbody tr[data-v-c4b111dc]:hover {
   -moz-user-drag: none;
 }
 
-.lightbox-image[data-v-08816ae4]{
+.lightbox-image[data-v-993af46d]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-08816ae4] {
+.bgl-lightbox-overlay[data-v-993af46d] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-08816ae4] {
+.bgl-lightbox[data-v-993af46d] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-08816ae4]{
-	animation: 500ms ease bgl-lightbox-load-08816ae4;
+.bgl-lightbox-item[data-v-993af46d]{
+	animation: 500ms ease bgl-lightbox-load-993af46d;
 }
-@keyframes bgl-lightbox-load-08816ae4 {
+@keyframes bgl-lightbox-load-993af46d {
 from {
     scale:0.7;
 }
@@ -3386,32 +3395,32 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-08816ae4] * {
+.bgl-lightbox-item[data-v-993af46d] * {
 	max-width: 90%;
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-08816ae4;
+	animation: 200ms ease bgl-lightbox-load-993af46d;
 }
-.navigation[data-v-08816ae4] {
+.navigation[data-v-993af46d] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.navigation-btn[data-v-08816ae4] {
+.navigation-btn[data-v-993af46d] {
 	width: var(--input-height);
 	height: var(--input-height);
 }
-.thumbnail[data-v-08816ae4] {
+.thumbnail[data-v-993af46d] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-08816ae4]:hover {
+.thumbnail[data-v-993af46d]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-08816ae4]:active {
+.thumbnail[data-v-993af46d]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-08816ae4] {
+.thumbnail.active[data-v-993af46d] {
 	opacity: 1;
 	outline: 2px solid white;
 }

package/package.json

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

package/src/components/Badge.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { MaterialIcons } from '@bagelink/vue'
 import { Icon } from '@bagelink/vue'
+import type { MaterialIcons } from '@bagelink/vue'
 
 interface Props {
 	'color'?: 'green' | 'red' | 'blue' | 'light' | 'gray'

package/src/components/Pill.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { MaterialIcons, ThemeType } from '@bagelink/vue'
 import { Btn, MaterialIcon } from '@bagelink/vue'
 import { useSlots } from 'vue'
+import type { MaterialIcons, ThemeType } from '@bagelink/vue'
 
 const props = withDefaults(
 	defineProps<{

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

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { Options as SignaturePadOptions } from 'signature_pad'
 import { Btn } from '@bagelink/vue'
 import SignaturePad from 'signature_pad'
-import { onMounted, watch } from 'vue'
+import { onMounted, onUnmounted, watch } from 'vue'
+import type { Options as SignaturePadOptions } from 'signature_pad'
 
 interface WaterMark {
 	text: string
@@ -29,15 +29,24 @@ const props = withDefaults(defineProps<{
 	defaultUrl?: string
 	format?: FormatType
 	clearable?: boolean
+	required?: boolean
 }>(), {
 	clearable: true,
 })
 
+const sigData = defineModel()
+
 const vCanvas = $ref<HTMLCanvasElement>()
 
 let sig = $ref<SignaturePad>()
 
-const clear = () => sig?.clear()
+let _isEmpty = $ref<boolean>(true)
+
+function clear() {
+	sig?.clear()
+	_isEmpty = true
+	sigData.value = undefined
+}
 
 function save(format?: FormatType) {
 	format = format || props.format
@@ -98,6 +107,12 @@ function addWaterMark(data: WaterMark) {
 	}
 }
 
+function onEndStroke() {
+	_isEmpty = sig?.isEmpty() ?? false
+	const data = save()
+	sigData.value = data
+}
+
 function draw() {
 	const canvas = vCanvas!
 	sig = new SignaturePad(canvas, signatureOptions)
@@ -116,9 +131,14 @@ function draw() {
 	resizeCanvas(canvas)
 	if (props.disabled) sig.off()
 	else sig.on()
+	_isEmpty = sig.isEmpty()
+	sig.addEventListener('endStroke', onEndStroke)
 }
 
 onMounted(draw)
+onUnmounted(() => {
+	sig?.removeEventListener('endStroke', onEndStroke)
+})
 
 defineExpose({
 	save,
@@ -134,6 +154,7 @@ defineExpose({
 	<div class="bgl_input signature-pad relative" :class="{ 'bg-transparent': disabled }" @touchmove.prevent>
 		<Btn v-if="clearable && !disabled" flat thin icon="refresh" class="position-bottom-end" @click="clear" />
 		<canvas ref="vCanvas" class="canvas" :disabled />
+		<input v-if="required && _isEmpty" placeholder="required" type="text" required class="pixel">
 	</div>
 </template>
 
@@ -143,6 +164,16 @@ defineExpose({
 	height: 100%;
 }
 
+.pixel {
+	width: 0;
+	height: 0;
+	overflow: hidden;
+	outline: none;
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+}
+
 .bgl_input.signature-pad {
 	background: var(--input-bg);
 	border: none;

package/src/components/lightbox/Lightbox.vue

@@ -69,6 +69,8 @@ function clickOutside() {
 	if (zoom === 1) close()
 }
 
+const upgradeHeaders = (url: string) => url.replace(/http:\/\//, '//')
+
 defineExpose({ open, close })
 </script>
 
@@ -112,7 +114,7 @@ defineExpose({ open, close })
 					<Btn
 						v-if="currentItem?.download" class="color-white" round thin flat icon="download"
 						value="Download File"
-						:href="currentItem?.src"
+						:href="upgradeHeaders(currentItem?.src)"
 						download
 					/>
 					<div v-if="!currentItem?.openFile && !currentItem?.download" />