@bagelink/vue 1.0.18 → 1.0.24

package/dist/components/Spreadsheet/Index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Spreadsheet/Index.vue"],"names":[],"mappings":"AAoyBA,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;AAEhG,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;CAClB;AAGD,UAAU,KAAK;IACd,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;IACtC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6oCD,wBASG"}
+{"version":3,"file":"Index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Spreadsheet/Index.vue"],"names":[],"mappings":"AAuxBA,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;AAEhG,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;CAClB;AAGD,UAAU,KAAK;IACd,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;IACtC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkoCD,wBASG"}

package/dist/components/Spreadsheet/SpreadsheetTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Spreadsheet/SpreadsheetTable.vue"],"names":[],"mappings":"AAmUA,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACX;AAED,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;CAClB;AAED,UAAU,KAAK;IACd,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,WAAW,EAAE,YAAY,GAAG,IAAI,CAAA;IAChC,eAAe,EAAE,MAAM,CAAA;CACvB;;;;;;;;AAoSD,wBAQG"}
+{"version":3,"file":"SpreadsheetTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Spreadsheet/SpreadsheetTable.vue"],"names":[],"mappings":"AAiUA,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACX;AAED,UAAU,YAAY;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAA;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,GAAG,CAAA;CAClB;AAED,UAAU,KAAK;IACd,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;IACjC,WAAW,EAAE,YAAY,GAAG,IAAI,CAAA;IAChC,eAAe,EAAE,MAAM,CAAA;CACvB;;;;;;;;AAoSD,wBAQG"}

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

@@ -1 +1 @@
-{"version":3,"file":"RangeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RangeInput.vue"],"names":[],"mappings":"AAkOA,MAAM,WAAW,eAAe;IAC/B,UAAU,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACvC;AA+DD,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;;;;;YAdpB,GAAG;;;;;;YACP,GAAG;;;;;;YACL,GAAG;;;;;;;YACF,GAAG;;;;;;;YACH,GAAG;;;;EAe3B;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RangeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RangeInput.vue"],"names":[],"mappings":"AA8NA,MAAM,WAAW,eAAe;IAC/B,UAAU,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACvC;AA2DD,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;;;;;YAdpB,GAAG;;;;;;YACP,GAAG;;;;;;YACL,GAAG;;;;;;;YACF,GAAG;;;;;;;YACH,GAAG;;;;EAe3B;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/composables/useSchemaField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSchemaField.d.ts","sourceRoot":"","sources":["../../src/composables/useSchemaField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AA0BxE,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACzD,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB;AAID,UAAU,SAAS,CAAC,CAAC;IAAI,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE;AAC3D,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,CAAA;AACnD,KAAK,aAAa,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;AAEnE,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC;yBAoCvF,cAAc,CAAC,CAAC,CAAC,UAChB,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KACtC,KAAK,GAAG,IAAI;0BAnCc,cAAc,CAAC,CAAC,CAAC;EA8M9C"}
+{"version":3,"file":"useSchemaField.d.ts","sourceRoot":"","sources":["../../src/composables/useSchemaField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AA2BxE,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACzD,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB;AAID,UAAU,SAAS,CAAC,CAAC;IAAI,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE;AAC3D,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,CAAA;AACnD,KAAK,aAAa,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;AAEnE,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC;yBAqCvF,cAAc,CAAC,CAAC,CAAC,UAChB,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KACtC,KAAK,GAAG,IAAI;0BApCc,cAAc,CAAC,CAAC,CAAC;EA+M9C"}

package/dist/index.cjs

@@ -10549,7 +10549,8 @@ function useSchemaField(optns) {
       file: UploadInput,
       date: DateInput,
       tabs: TabsNav,
-      form: _sfc_main$T
+      form: _sfc_main$T,
+      range: RangeInput
     };
     if (field.$el === "textarea" && !((_a = field.attrs) == null ? void 0 : _a.multiline)) {
       field.attrs = { ...field.attrs, multiline: true };
@@ -14999,6 +15000,22 @@ function uploadField(id, label, options) {
     }
   };
 }
+function rangeField(id, label, options) {
+  return {
+    $el: "range",
+    id,
+    label,
+    vIf: options == null ? void 0 : options.vIf,
+    attrs: {
+      min: options == null ? void 0 : options.min,
+      max: options == null ? void 0 : options.max,
+      step: options == null ? void 0 : options.step,
+      rtl: options == null ? void 0 : options.rtl,
+      multiRange: options == null ? void 0 : options.multiRange,
+      formatValue: options == null ? void 0 : options.formatValue
+    }
+  };
+}
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
@@ -15067,6 +15084,7 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   frmRow: frmRow$1,
   getBaseField,
   numField: numField$1,
+  rangeField,
   richText,
   selectField,
   slctField,
@@ -17888,10 +17906,6 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       min: min2 = 0,
       max: max2 = 100,
       step = 1,
-      label,
-      disabled,
-      id,
-      rtl,
       multiRange = false,
       formatValue = (value) => value.toString()
     } = props2;
@@ -17925,18 +17939,18 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           width: `${toPercentage.value - fromPercentage.value}%`
         };
       }
-      return rtl ? { left: `${100 - fromPercentage.value}%`, width: `${fromPercentage.value}%` } : { left: "0", width: `${fromPercentage.value}%` };
+      return props2.rtl ? { left: `${100 - fromPercentage.value}%`, width: `${fromPercentage.value}%` } : { left: "0", width: `${fromPercentage.value}%` };
     });
     const displayFrom = vue.computed(() => formatValue(validFrom.value));
     const displayTo = vue.computed(() => formatValue(validTo.value));
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        dir: vue.unref(rtl) ? "rtl" : "ltr"
+        dir: _ctx.rtl ? "rtl" : "ltr"
       }, [
-        vue.unref(label) ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$l, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
+        props2.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$l, vue.toDisplayString(props2.label), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_3$h, [
           vue.createElementVNode("input", {
-            id: vue.unref(id),
+            id: _ctx.id,
             value: validFrom.value,
             class: "from",
             type: "range",
@@ -17944,7 +17958,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             max: vue.unref(max2),
             step: vue.unref(step),
             required: _ctx.required,
-            disabled: vue.unref(disabled),
+            disabled: _ctx.disabled,
             "aria-label": vue.unref(multiRange) ? "Minimum value" : "Value",
             onInput: _cache[0] || (_cache[0] = (e) => handleInput(+e.target.value, true))
           }, null, 40, _hoisted_4$a),
@@ -17957,7 +17971,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             max: vue.unref(max2),
             step: vue.unref(step),
             required: _ctx.required,
-            disabled: vue.unref(disabled),
+            disabled: _ctx.disabled,
             "aria-label": "Maximum value",
             onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
           }, null, 40, _hoisted_5$a)) : vue.createCommentVNode("", true),
@@ -18029,7 +18043,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-25d991e5"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-46e22f3e"]]);
 const basicToolbarConfig = [
   "h2",
   "h3",
@@ -34812,7 +34826,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     baseColumnIndex: {}
   },
   emits: ["sortColumn", "resizeStart", "selectRow", "cellMouseDown", "cellMouseOver", "cellEditStart", "cellKeyDown", "updateCell", "stopEditing", "setInputRef"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props2 = __props;
     const getActualColumnIndex = (localIndex) => props2.baseColumnIndex + localIndex;
     function isCellSelected(row, localColIndex) {
@@ -34955,7 +34969,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SpreadsheetTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-147c95d0"]]);
+const SpreadsheetTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5386c509"]]);
 const _hoisted_1$3 = { class: "flex gap-05 py-05 justify-content-end m_flex-wrap" };
 const _hoisted_2$1 = {
   key: 0,
@@ -35599,7 +35613,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e4d0dbbe"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8e95a7a9"]]);
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {

package/dist/index.mjs

@@ -10547,7 +10547,8 @@ function useSchemaField(optns) {
       file: UploadInput,
       date: DateInput,
       tabs: TabsNav,
-      form: _sfc_main$T
+      form: _sfc_main$T,
+      range: RangeInput
     };
     if (field.$el === "textarea" && !((_a = field.attrs) == null ? void 0 : _a.multiline)) {
       field.attrs = { ...field.attrs, multiline: true };
@@ -14997,6 +14998,22 @@ function uploadField(id, label, options) {
     }
   };
 }
+function rangeField(id, label, options) {
+  return {
+    $el: "range",
+    id,
+    label,
+    vIf: options == null ? void 0 : options.vIf,
+    attrs: {
+      min: options == null ? void 0 : options.min,
+      max: options == null ? void 0 : options.max,
+      step: options == null ? void 0 : options.step,
+      rtl: options == null ? void 0 : options.rtl,
+      multiRange: options == null ? void 0 : options.multiRange,
+      formatValue: options == null ? void 0 : options.formatValue
+    }
+  };
+}
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
@@ -15065,6 +15082,7 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   frmRow: frmRow$1,
   getBaseField,
   numField: numField$1,
+  rangeField,
   richText,
   selectField,
   slctField,
@@ -17886,10 +17904,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       min: min2 = 0,
       max: max2 = 100,
       step = 1,
-      label,
-      disabled,
-      id,
-      rtl,
       multiRange = false,
       formatValue = (value) => value.toString()
     } = props2;
@@ -17923,18 +17937,18 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           width: `${toPercentage.value - fromPercentage.value}%`
         };
       }
-      return rtl ? { left: `${100 - fromPercentage.value}%`, width: `${fromPercentage.value}%` } : { left: "0", width: `${fromPercentage.value}%` };
+      return props2.rtl ? { left: `${100 - fromPercentage.value}%`, width: `${fromPercentage.value}%` } : { left: "0", width: `${fromPercentage.value}%` };
     });
     const displayFrom = computed(() => formatValue(validFrom.value));
     const displayTo = computed(() => formatValue(validTo.value));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        dir: unref(rtl) ? "rtl" : "ltr"
+        dir: _ctx.rtl ? "rtl" : "ltr"
       }, [
-        unref(label) ? (openBlock(), createElementBlock("label", _hoisted_2$l, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
+        props2.label ? (openBlock(), createElementBlock("label", _hoisted_2$l, toDisplayString(props2.label), 1)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3$h, [
           createElementVNode("input", {
-            id: unref(id),
+            id: _ctx.id,
             value: validFrom.value,
             class: "from",
             type: "range",
@@ -17942,7 +17956,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             max: unref(max2),
             step: unref(step),
             required: _ctx.required,
-            disabled: unref(disabled),
+            disabled: _ctx.disabled,
             "aria-label": unref(multiRange) ? "Minimum value" : "Value",
             onInput: _cache[0] || (_cache[0] = (e) => handleInput(+e.target.value, true))
           }, null, 40, _hoisted_4$a),
@@ -17955,7 +17969,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             max: unref(max2),
             step: unref(step),
             required: _ctx.required,
-            disabled: unref(disabled),
+            disabled: _ctx.disabled,
             "aria-label": "Maximum value",
             onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
           }, null, 40, _hoisted_5$a)) : createCommentVNode("", true),
@@ -18027,7 +18041,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-25d991e5"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-46e22f3e"]]);
 const basicToolbarConfig = [
   "h2",
   "h3",
@@ -34810,7 +34824,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     baseColumnIndex: {}
   },
   emits: ["sortColumn", "resizeStart", "selectRow", "cellMouseDown", "cellMouseOver", "cellEditStart", "cellKeyDown", "updateCell", "stopEditing", "setInputRef"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props2 = __props;
     const getActualColumnIndex = (localIndex) => props2.baseColumnIndex + localIndex;
     function isCellSelected(row, localColIndex) {
@@ -34953,7 +34967,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SpreadsheetTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-147c95d0"]]);
+const SpreadsheetTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5386c509"]]);
 const _hoisted_1$3 = { class: "flex gap-05 py-05 justify-content-end m_flex-wrap" };
 const _hoisted_2$1 = {
   key: 0,
@@ -35597,7 +35611,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e4d0dbbe"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8e95a7a9"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {

package/dist/style.css

@@ -1966,28 +1966,28 @@ pre code.hljs{
 	color: var(--bgl-light-text);
 }
 
-.range-slider-position-txt[data-v-25d991e5]{
+.range-slider-position-txt[data-v-46e22f3e]{
 	margin-inline-start:  calc((var(--progress) * 1%) - (var(--bgl-range-thumb-size) * var(--progress) / 100));
 	top: calc(var(--bgl-range-thumb-size) / 2 ) ;
 	transition: transform 0.1s, opacity 0.5s, top 0.5s;
 	transform: scale(0.8);
 	width: var(--bgl-range-thumb-size);
 }
-.range-slider:hover .range-slider-position-txt[data-v-25d991e5]{
+.range-slider:hover .range-slider-position-txt[data-v-46e22f3e]{
 	opacity: 1;
 	transform: scale(1);
 	top: calc(var(--bgl-range-thumb-size) / 2);
 }
-.range-slider[data-v-25d991e5] {
+.range-slider[data-v-46e22f3e] {
 	height: var(--bgl-range-track-size);
 	display: flex;
 	align-items: center;
 	margin-top: calc(var(--bgl-range-thumb-size) / 2 + 0.5rem) ;
 }
-.range-slider-txt[data-v-25d991e5]{
+.range-slider-txt[data-v-46e22f3e]{
 	margin-top: calc(var(--bgl-range-thumb-size) / 2) !important;
 }
-input[type="range"][data-v-25d991e5] {
+input[type="range"][data-v-46e22f3e] {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -1997,7 +1997,7 @@ input[type="range"][data-v-25d991e5] {
   appearance: none;
   margin: 0;
 }
-input[type="range"][data-v-25d991e5]::-webkit-slider-thumb {
+input[type="range"][data-v-46e22f3e]::-webkit-slider-thumb {
   pointer-events: all;
   appearance: none;
   width: var(--bgl-range-thumb-size);
@@ -2010,25 +2010,25 @@ input[type="range"][data-v-25d991e5]::-webkit-slider-thumb {
   cursor: grab;
   transition: var(--bgl-transition);
 }
-input[type="range"][data-v-25d991e5]::-webkit-slider-thumb:hover {
+input[type="range"][data-v-46e22f3e]::-webkit-slider-thumb:hover {
 	box-shadow: 0 0 0 calc(var(--bgl-range-thumb-size) / 2) var(--bgl-primary-tint);
 	filter: brightness(90%);
 }
-input[type="range"][data-v-25d991e5]:focus::-webkit-slider-thumb {
+input[type="range"][data-v-46e22f3e]:focus::-webkit-slider-thumb {
   outline: none;
   box-shadow: 0 0 0 calc(var(--bgl-range-thumb-size) / 2.2) var(--bgl-primary-tint);
 }
-input[type="range"][data-v-25d991e5]:active::-webkit-slider-thumb {
+input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	cursor: grabbing;
 }
-.track[data-v-25d991e5] {
+.track[data-v-46e22f3e] {
   height: var(--bgl-range-track-height);
   background: var(--bgl-bg);
   margin-inline-start: calc(var(--bgl-range-thumb-size) / 2);
   width: calc(100% - var(--bgl-range-thumb-size));
 }
 @media screen and (max-width: 768px) {
-.range-slider-position-txt[data-v-25d991e5]{
+.range-slider-position-txt[data-v-46e22f3e]{
 		opacity: 1;
 		transform: scale(1);
 		top: calc(var(--bgl-range-thumb-size) / 1.8) ;
@@ -4404,20 +4404,20 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.fixed-columns[data-v-147c95d0] {
+.fixed-columns[data-v-5386c509] {
 	border-right: 2px solid var(--border-color);
 }
-table[data-v-147c95d0] {
+table[data-v-5386c509] {
 	border-collapse: collapse;
 }
-th[data-v-147c95d0], td[data-v-147c95d0] {
+th[data-v-5386c509], td[data-v-5386c509] {
 	border: 1px solid var(--border-color);
 	padding: 0.1rem 0.5rem;
 	min-width: 80px;
 	background: var(--bgl-white);
 	user-select: none;
 }
-th[data-v-147c95d0] {
+th[data-v-5386c509] {
 	background: var(--input-bg);
 	white-space: nowrap;
 	position: relative;
@@ -4425,27 +4425,27 @@ th[data-v-147c95d0] {
 	font-weight: 500;
 	text-align: start;
 }
-th .bgl_icon-font[data-v-147c95d0]{
+th .bgl_icon-font[data-v-5386c509]{
 	vertical-align: middle;
 }
-td.selected[data-v-147c95d0] {
+td.selected[data-v-5386c509] {
 	background: var(--bgl-primary-light);
 }
-td.locked[data-v-147c95d0] {
+td.locked[data-v-5386c509] {
 	background: var(--bgl-gray-light);
 	cursor: default;
 }
-td.locked.selected[data-v-147c95d0] {
+td.locked.selected[data-v-5386c509] {
 	background: var(--bgl-primary-light);
 }
-td[data-v-147c95d0] {
+td[data-v-5386c509] {
 	height: 40px;
 	vertical-align: middle;
 }
-td[data-v-147c95d0]:has(img){
+td[data-v-5386c509]:has(img){
 	padding: 0;
 }
-td span[data-v-147c95d0]{
+td span[data-v-5386c509]{
 	display: block;
     display: -webkit-box;
     max-width: 100%;
@@ -4455,7 +4455,7 @@ td span[data-v-147c95d0]{
     -webkit-line-clamp: 1;
 	word-break: break-all;
 }
-input[data-v-147c95d0] {
+input[data-v-5386c509] {
 	width: 100%;
 	border: none;
 	background: transparent;
@@ -4464,45 +4464,45 @@ input[data-v-147c95d0] {
 	min-height: 0;
 	min-width: 0;
 }
-input[data-v-147c95d0]:focus {
+input[data-v-5386c509]:focus {
 	outline: 2px solid var(--bgl-primary);
 	outline-offset: 6px;
 }
-th.sortable[data-v-147c95d0] {
+th.sortable[data-v-5386c509] {
 	cursor: pointer;
 }
-.row-number-header[data-v-147c95d0], .row-number[data-v-147c95d0] {
+.row-number-header[data-v-5386c509], .row-number[data-v-5386c509] {
 	width: fit-content;
 	min-width: fit-content !important;
 	padding: 0.1rem 0.7rem !important;
 }
-td .bgl-checkbox[data-v-147c95d0]{
+td .bgl-checkbox[data-v-5386c509]{
 	margin: 0;
 	text-align: center;
 	justify-content: center;
 }
-td[data-v-147c95d0]:has(.bgl-checkbox){
+td[data-v-5386c509]:has(.bgl-checkbox){
 	text-align: center;
 	background: var(--input-bg);
 }
-td[data-v-147c95d0]:has(:checked){
+td[data-v-5386c509]:has(:checked){
 	background: var(--bgl-primary-light);
 }
-.spreadsheetCellPlaceHolder[data-v-147c95d0]{
+.spreadsheetCellPlaceHolder[data-v-5386c509]{
 	height: 0px;
 	overflow: hidden;
 	opacity: 0;
 	pointer-events: none;
 	user-select: none;
 }
-.th-content[data-v-147c95d0] {
+.th-content[data-v-5386c509] {
 	position: relative;
 	display: flex;
 	align-items: center;
 	width: 100%;
 	height: 100%;
 }
-.resize-handle[data-v-147c95d0] {
+.resize-handle[data-v-5386c509] {
 	position: absolute;
 	right: -8px;
 	top: 0;
@@ -4513,12 +4513,12 @@ td[data-v-147c95d0]:has(:checked){
 	background: transparent;
 	transition: background 0.2s;
 }
-.resize-handle[data-v-147c95d0]:hover {
+.resize-handle[data-v-5386c509]:hover {
 	background: var(--bgl-primary);
 }
 
 /* Spreadsheet container styles */
-.spreadsheet[data-v-e4d0dbbe] {
+.spreadsheet[data-v-8e95a7a9] {
 	user-select: none;
 }
 

package/dist/utils/BagelFormUtils.d.ts

@@ -88,6 +88,17 @@ export declare function uploadField(id: string, label?: string, options?: Upload
         btnPlaceholder?: string;
     };
 };
+interface RangeOptions extends InputOptions {
+    min?: number;
+    max?: number;
+    step?: number;
+    rtl?: boolean;
+    multiRange?: boolean;
+    formatValue?: (value: number) => string;
+}
+export declare function rangeField<T extends {
+    [key: string]: any;
+}>(id: DotNotation<T> | string, label?: string, options?: RangeOptions): Field<T>;
 export declare function bglForm(idOrField?: string | Field, ...schema: Field[]): {
     $el: string;
     id: string;

package/dist/utils/BagelFormUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAA;AAErF,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,CAAA;CAClD;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,GAAG,CAAA;CAClC;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC5D,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC5B,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,EAC5C,IAAI,GAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,GAC1B,KAAK,CAAC,CAAC,CAAC,CAGV;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAAC,CAAC,CAAC,CAWV;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAAC,CAAC,CAAC,CAiBV;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC3D,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAAC,CAAC,CAAC,CAmBV;AAED,eAAO,MAAM,SAAS,oBAAc,CAAA;AAEpC,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC1D,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,YAAY,GACpB,KAAK,CAAC,CAAC,CAAC,CAQV;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACzD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,WAAW,GACnB,KAAK,CAAC,CAAC,CAAC,CAcV;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAAC,CAAC,CAAC,CAsBV;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,gBAAgB,CAAA;AAE3D,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa;;;;2BAnLtD,GAAG,OAAO,GAAG,KAAK,OAAO;;mBANtC,OAAO;sBACJ,MAAM;gBACZ,MAAM;uBACC,MAAM,GAAG,MAAM;mBACnB,OAAO;mBACP,MAAM;cACX,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;;;;;;;;;;;;;;;;EA6LlD;AAED,UAAU,YAAa,SAAQ,YAAY;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACvC;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC1D,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,YAAY,GACpB,KAAK,CAAC,CAAC,CAAC,CAeV;AAED,wBAAgB,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE,KAAK,EAAE;;;;;;;;;;;;;;;;EAgBrE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAC9B,KAAK,CAAC,CAAC,CAAC,CASV;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC1D,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAC9B,KAAK,CAAC,CAAC,CAAC,CASV;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,KAAK,GAAG,SAAS,CAUvF;AAED,UAAU,iBAAkB,SAAQ,YAAY;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,OAAO,CAAA;CACb;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACxD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,EAC3B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,cAAc,EACtB,OAAO,CAAC,EAAE,iBAAiB,GACzB,KAAK,CAAC,CAAC,CAAC,CAQV"}

package/package.json

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

package/src/components/Spreadsheet/Index.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-import type { VNode } from 'vue'
-import { Btn, Icon, CheckInput, TextInput, localRef } from '@bagelink/vue'
+import { Btn, CheckInput, TextInput } from '@bagelink/vue'
 import { computed, ref, watch, nextTick, onUnmounted } from 'vue'
 import Dropdown from '../Dropdown.vue'
 import SpreadsheetTable from './SpreadsheetTable.vue'
@@ -246,15 +245,15 @@ function setInputRef(el: any, key: string) {
 	}
 }
 
-// Determines if the given cell is within the currently selected range
-function isCellSelected(row: number, col: number): boolean {
-	if (!selectionStart.value || !selectionEnd.value) return false
-	const startRow = Math.min(selectionStart.value.row, selectionEnd.value.row)
-	const endRow = Math.max(selectionStart.value.row, selectionEnd.value.row)
-	const startCol = Math.min(selectionStart.value.col, selectionEnd.value.col)
-	const endCol = Math.max(selectionStart.value.col, selectionEnd.value.col)
-	return row >= startRow && row <= endRow && col >= startCol && col <= endCol
-}
+// // Determines if the given cell is within the currently selected range
+// function isCellSelected(row: number, col: number): boolean {
+// 	if (!selectionStart.value || !selectionEnd.value) return false
+// 	const startRow = Math.min(selectionStart.value.row, selectionEnd.value.row)
+// 	const endRow = Math.max(selectionStart.value.row, selectionEnd.value.row)
+// 	const startCol = Math.min(selectionStart.value.col, selectionEnd.value.col)
+// 	const endCol = Math.max(selectionStart.value.col, selectionEnd.value.col)
+// 	return row >= startRow && row <= endRow && col >= startCol && col <= endCol
+// }
 
 // Mouse event handlers to manage the selection range
 function handleMouseDown(row: number, col: number) {
@@ -496,17 +495,6 @@ async function pasteSelection() {
 	}
 }
 
-// Create a handler for paste events at the container level
-function handleContainerPaste(event: ClipboardEvent) {
-	if (isSearchFocused()) {
-		// If search is focused and spreadsheet has a selection, override default behavior
-		if (selectionStart.value) {
-			event.preventDefault()
-			pasteSelection()
-		}
-	}
-}
-
 // Add a variable to track the original value before editing
 const editingOriginalValue = ref<string | null>(null)
 

package/src/components/Spreadsheet/SpreadsheetTable.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { Icon, CheckInput } from '@bagelink/vue'
-import { computed } from 'vue'
 
 // Define column configuration types from parent
 interface CellPosition {
@@ -36,7 +35,7 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const emit = defineEmits<{
+defineEmits<{
 	(e: 'sortColumn', key: string): void
 	(e: 'resizeStart', event: MouseEvent, key: string): void
 	(e: 'selectRow', rowIndex: number): void

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

@@ -22,10 +22,6 @@ const {
 	min = 0,
 	max = 100,
 	step = 1,
-	label,
-	disabled,
-	id,
-	rtl,
 	multiRange = false,
 	formatValue = (value: number) => value.toString()
 } = props
@@ -65,7 +61,7 @@ const rangeStyle = $computed(() => {
 			width: `${toPercentage - fromPercentage}%`
 		}
 	}
-	return rtl
+	return props.rtl
 		? { left: `${100 - fromPercentage}%`, width: `${fromPercentage}%` }
 		: { left: '0', width: `${fromPercentage}%` }
 })
@@ -76,7 +72,7 @@ const displayTo = $computed(() => formatValue(validTo))
 
 <template>
 	<div :dir="rtl ? 'rtl' : 'ltr'">
-		<label v-if="label" class="label">{{ label }}</label>
+		<label v-if="props.label" class="label">{{ props.label }}</label>
 		<div class="range-slider relative w-100">
 			<input
 				:id="id"

package/src/composables/useSchemaField.ts

@@ -17,6 +17,7 @@ import {
 	keyToLabel,
 	TelInput,
 	ColorInput,
+	RangeInput,
 } from '@bagelink/vue'
 
 import { h, isVNode } from 'vue'
@@ -57,7 +58,8 @@ export function useSchemaField<T extends { [key: string]: any }>(optns: UseSchem
 			file: UploadInput,
 			date: DateInput,
 			tabs: TabsNav,
-			form: BglForm
+			form: BglForm,
+			range: RangeInput
 		}
 
 		if (field.$el === 'textarea' && !field.attrs?.multiline) {

package/src/utils/BagelFormUtils.ts

@@ -199,6 +199,36 @@ export function uploadField(id: string, label?: string, options?: UploadOptions)
 	}
 }
 
+interface RangeOptions extends InputOptions {
+	min?: number
+	max?: number
+	step?: number
+	rtl?: boolean
+	multiRange?: boolean
+	formatValue?: (value: number) => string
+}
+
+export function rangeField<T extends { [key: string]: any }>(
+	id: DotNotation<T> | string,
+	label?: string,
+	options?: RangeOptions,
+): Field<T> {
+	return {
+		$el: 'range',
+		id,
+		label,
+		vIf: options?.vIf,
+		attrs: {
+			min: options?.min,
+			max: options?.max,
+			step: options?.step,
+			rtl: options?.rtl,
+			multiRange: options?.multiRange,
+			formatValue: options?.formatValue,
+		},
+	}
+}
+
 export function bglForm(idOrField?: string | Field, ...schema: Field[]) {
 	if (typeof idOrField === 'string') {
 		return {