@bagelink/vue 0.0.1056 → 0.0.1060

package/dist/components/form/BglField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAAA,OA2IO,EAIN,KAAK,KAAK,EAYV,MAAM,eAAe,CAAA;yBAML,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6KxD,mBAAmB,CAAC;;;eAzKtB,KAAK,CAAC,CAAC,CAAC;kBACL,MAAM;qBACH,GAAG;qBACH,MAAM;KAsKmG,CAAC,4BAA2B;oBAChI,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKD,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvLzE,wBAuL4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAAA,OA0IO,EAIN,KAAK,KAAK,EAYV,MAAM,eAAe,CAAA;yBAML,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2KxD,mBAAmB,CAAC;;;eAvKtB,KAAK,CAAC,CAAC,CAAC;kBACL,MAAM;qBACH,GAAG;qBACH,MAAM;KAoKmG,CAAC,4BAA2B;oBAChI,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKD,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArLzE,wBAqL4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -5845,7 +5845,7 @@ const _hoisted_4$2$1 = {
 };
 const _hoisted_5$2$1 = ["x1", "y1", "x2", "y2"];
 const _hoisted_6$2$1 = ["x1", "y1", "x2", "y2"];
-const _hoisted_7$8 = ["x1", "y1", "x2", "y2"];
+const _hoisted_7$9 = ["x1", "y1", "x2", "y2"];
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.data.length ? (vue.openBlock(), vue.createElementBlock("g", {
     key: 0,
@@ -5901,7 +5901,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
         y1: _ctx.canvas.y,
         x2: _ctx.canvas.width - 1,
         y2: _ctx.canvas.height
-      }, null, 8, _hoisted_7$8)
+      }, null, 8, _hoisted_7$9)
     ])
   ], 8, _hoisted_1$4$1)) : vue.createCommentVNode("v-if", true);
 }
@@ -7051,7 +7051,7 @@ const _hoisted_6$b = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_7$7 = { class: "key" };
+const _hoisted_7$8 = { class: "key" };
 const _hoisted_8$5 = { class: "m-0" };
 const _hoisted_9$4 = {
   key: 0,
@@ -7120,7 +7120,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, ({ id, label }) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: id }, [
               !isUnset(itemData.value[id]) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$b, [
-                vue.createElementVNode("div", _hoisted_7$7, [
+                vue.createElementVNode("div", _hoisted_7$8, [
                   vue.createElementVNode("p", _hoisted_8$5, vue.toDisplayString(label), 1)
                 ]),
                 vue.createElementVNode("div", null, [
@@ -10023,7 +10023,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, formState == null ? void 0 : formState.data.value);
       return true;
     });
-    const computedFieldData = vue.computed(
+    vue.computed(
       () => {
         var _a2, _b;
         return ((_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, formState == null ? void 0 : formState.data.value)) ?? fieldData.value;
@@ -10064,7 +10064,6 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         schema: ((_a2 = _ctx.field.attrs) == null ? void 0 : _a2.schema) ?? void 0
       }), {
         default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(computedFieldData.value) + " ", 1),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.field.children, (child, ii) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: ii }, [
               typeof child !== "string" ? (vue.openBlock(), vue.createBlock(_component_BglField, {
@@ -19495,7 +19494,7 @@ const _hoisted_6$a = {
   key: 0,
   class: "bgl-multi-preview"
 };
-const _hoisted_7$6 = { class: "m-0" };
+const _hoisted_7$7 = { class: "m-0" };
 const _hoisted_8$4 = { class: "no-margin multi-preview-txt" };
 const _hoisted_9$3 = {
   key: 0,
@@ -19797,7 +19796,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  vue.createElementVNode("p", _hoisted_7$6, vue.toDisplayString(file.name), 1),
+                  vue.createElementVNode("p", _hoisted_7$7, vue.toDisplayString(file.name), 1),
                   vue.createVNode(vue.unref(Btn), {
                     thin: "",
                     flat: "",
@@ -20313,7 +20312,7 @@ const _hoisted_6$9 = {
   key: 0,
   class: "m-0 m_txt-14"
 };
-const _hoisted_7$5 = {
+const _hoisted_7$6 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
@@ -20360,7 +20359,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, _hoisted_4$b)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_5$b, [
                 opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$9, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
-                opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$5, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
+                opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$6, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
               ]),
               vue.renderSlot(_ctx.$slots, "radioItem", vue.mergeProps({ ref_for: true }, opt), void 0, true)
             ]),
@@ -20452,15 +20451,16 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-cf892d71"]]);
-const _hoisted_1$s = {
+const _hoisted_1$s = ["dir"];
+const _hoisted_2$i = {
   key: 0,
   class: "label"
 };
-const _hoisted_2$i = ["dir"];
-const _hoisted_3$e = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
-const _hoisted_4$9 = ["value", "min", "max", "step", "required", "disabled"];
-const _hoisted_5$9 = { class: "track absolute pointer-events-none overflow-hidden round" };
-const _hoisted_6$8 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
+const _hoisted_3$e = { class: "range-slider relative w-100" };
+const _hoisted_4$9 = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
+const _hoisted_5$9 = ["value", "min", "max", "step", "required", "disabled"];
+const _hoisted_6$8 = { class: "track absolute pointer-events-none overflow-hidden round" };
+const _hoisted_7$5 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
 const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "RangeInput",
   props: {
@@ -20526,12 +20526,11 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     const displayFrom = vue.computed(() => formatValue(validFrom.value));
     const displayTo = vue.computed(() => formatValue(validTo.value));
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.unref(label) ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$s, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", {
-          class: "range-slider relative w-100",
-          dir: vue.unref(rtl) ? "rtl" : "ltr"
-        }, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        dir: vue.unref(rtl) ? "rtl" : "ltr"
+      }, [
+        vue.unref(label) ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$i, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_3$e, [
           vue.createElementVNode("input", {
             id: vue.unref(id),
             value: validFrom.value,
@@ -20544,7 +20543,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             disabled: vue.unref(disabled),
             "aria-label": vue.unref(multiRange) ? "Minimum value" : "Value",
             onInput: _cache[0] || (_cache[0] = (e) => handleInput(+e.target.value, true))
-          }, null, 40, _hoisted_3$e),
+          }, null, 40, _hoisted_4$9),
           vue.unref(multiRange) ? (vue.openBlock(), vue.createElementBlock("input", {
             key: 0,
             value: validTo.value,
@@ -20557,8 +20556,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             disabled: vue.unref(disabled),
             "aria-label": "Maximum value",
             onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
-          }, null, 40, _hoisted_4$9)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_5$9, [
+          }, null, 40, _hoisted_5$9)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_6$8, [
             vue.createElementVNode("div", {
               class: "active-range absolute h-100 pointer-events-none bg-primary",
               style: vue.normalizeStyle(rangeStyle.value)
@@ -20601,8 +20600,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(displayTo.value), 1)
             ], true)
           ], 4)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_2$i),
-        vue.createElementVNode("p", _hoisted_6$8, [
+        ]),
+        vue.createElementVNode("p", _hoisted_7$5, [
           vue.renderSlot(_ctx.$slots, "min", {
             max: vue.unref(formatValue)(vue.unref(max2)),
             min: vue.unref(formatValue)(vue.unref(min2)),
@@ -20622,11 +20621,11 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)(vue.unref(max2))), 1)
           ], true)
         ])
-      ]);
+      ], 8, _hoisted_1$s);
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-36a4519c"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-5c90c7f5"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -34498,6 +34497,9 @@ function debounce(fn2, wait = 500) {
   }, wait);
   debouncers.set(fn2, timeout);
 }
+function slugify(str) {
+  return str.toLowerCase().replace(/[^a-z0-9-\s]/g, "").split(/[\s-]+/).join("-");
+}
 function keyToLabel(key) {
   if (key === void 0) return key;
   return key.split("_").map((k2) => k2.charAt(0).toUpperCase() + k2.slice(1)).join(" ") || key;
@@ -35230,6 +35232,7 @@ exports.normalizeDimension = normalizeDimension;
 exports.normalizeURL = normalizeURL;
 exports.provideBagelFormState = provideBagelFormState;
 exports.sleep = sleep;
+exports.slugify = slugify;
 exports.timeAgo = timeAgo;
 exports.useBagel = useBagel;
 exports.useBagelFormState = useBagelFormState;

package/dist/index.mjs

@@ -5843,7 +5843,7 @@ const _hoisted_4$2$1 = {
 };
 const _hoisted_5$2$1 = ["x1", "y1", "x2", "y2"];
 const _hoisted_6$2$1 = ["x1", "y1", "x2", "y2"];
-const _hoisted_7$8 = ["x1", "y1", "x2", "y2"];
+const _hoisted_7$9 = ["x1", "y1", "x2", "y2"];
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.data.length ? (openBlock(), createElementBlock("g", {
     key: 0,
@@ -5899,7 +5899,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
         y1: _ctx.canvas.y,
         x2: _ctx.canvas.width - 1,
         y2: _ctx.canvas.height
-      }, null, 8, _hoisted_7$8)
+      }, null, 8, _hoisted_7$9)
     ])
   ], 8, _hoisted_1$4$1)) : createCommentVNode("v-if", true);
 }
@@ -7049,7 +7049,7 @@ const _hoisted_6$b = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_7$7 = { class: "key" };
+const _hoisted_7$8 = { class: "key" };
 const _hoisted_8$5 = { class: "m-0" };
 const _hoisted_9$4 = {
   key: 0,
@@ -7118,7 +7118,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(computedSchema.value, ({ id, label }) => {
             return openBlock(), createElementBlock(Fragment, { key: id }, [
               !isUnset(itemData.value[id]) ? (openBlock(), createElementBlock("div", _hoisted_6$b, [
-                createElementVNode("div", _hoisted_7$7, [
+                createElementVNode("div", _hoisted_7$8, [
                   createElementVNode("p", _hoisted_8$5, toDisplayString(label), 1)
                 ]),
                 createElementVNode("div", null, [
@@ -10021,7 +10021,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, formState == null ? void 0 : formState.data.value);
       return true;
     });
-    const computedFieldData = computed(
+    computed(
       () => {
         var _a2, _b;
         return ((_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, formState == null ? void 0 : formState.data.value)) ?? fieldData.value;
@@ -10062,7 +10062,6 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         schema: ((_a2 = _ctx.field.attrs) == null ? void 0 : _a2.schema) ?? void 0
       }), {
         default: withCtx(() => [
-          createTextVNode(toDisplayString(computedFieldData.value) + " ", 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.field.children, (child, ii) => {
             return openBlock(), createElementBlock(Fragment, { key: ii }, [
               typeof child !== "string" ? (openBlock(), createBlock(_component_BglField, {
@@ -19493,7 +19492,7 @@ const _hoisted_6$a = {
   key: 0,
   class: "bgl-multi-preview"
 };
-const _hoisted_7$6 = { class: "m-0" };
+const _hoisted_7$7 = { class: "m-0" };
 const _hoisted_8$4 = { class: "no-margin multi-preview-txt" };
 const _hoisted_9$3 = {
   key: 0,
@@ -19795,7 +19794,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  createElementVNode("p", _hoisted_7$6, toDisplayString(file.name), 1),
+                  createElementVNode("p", _hoisted_7$7, toDisplayString(file.name), 1),
                   createVNode(unref(Btn), {
                     thin: "",
                     flat: "",
@@ -20311,7 +20310,7 @@ const _hoisted_6$9 = {
   key: 0,
   class: "m-0 m_txt-14"
 };
-const _hoisted_7$5 = {
+const _hoisted_7$6 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
@@ -20358,7 +20357,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               }, null, 8, _hoisted_4$b)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_5$b, [
                 opt.label ? (openBlock(), createElementBlock("p", _hoisted_6$9, toDisplayString(opt.label), 1)) : createCommentVNode("", true),
-                opt.subLabel ? (openBlock(), createElementBlock("p", _hoisted_7$5, toDisplayString(opt.subLabel), 1)) : createCommentVNode("", true)
+                opt.subLabel ? (openBlock(), createElementBlock("p", _hoisted_7$6, toDisplayString(opt.subLabel), 1)) : createCommentVNode("", true)
               ]),
               renderSlot(_ctx.$slots, "radioItem", mergeProps({ ref_for: true }, opt), void 0, true)
             ]),
@@ -20450,15 +20449,16 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-cf892d71"]]);
-const _hoisted_1$s = {
+const _hoisted_1$s = ["dir"];
+const _hoisted_2$i = {
   key: 0,
   class: "label"
 };
-const _hoisted_2$i = ["dir"];
-const _hoisted_3$e = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
-const _hoisted_4$9 = ["value", "min", "max", "step", "required", "disabled"];
-const _hoisted_5$9 = { class: "track absolute pointer-events-none overflow-hidden round" };
-const _hoisted_6$8 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
+const _hoisted_3$e = { class: "range-slider relative w-100" };
+const _hoisted_4$9 = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
+const _hoisted_5$9 = ["value", "min", "max", "step", "required", "disabled"];
+const _hoisted_6$8 = { class: "track absolute pointer-events-none overflow-hidden round" };
+const _hoisted_7$5 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "RangeInput",
   props: {
@@ -20524,12 +20524,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     const displayFrom = computed(() => formatValue(validFrom.value));
     const displayTo = computed(() => formatValue(validTo.value));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        unref(label) ? (openBlock(), createElementBlock("label", _hoisted_1$s, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: "range-slider relative w-100",
-          dir: unref(rtl) ? "rtl" : "ltr"
-        }, [
+      return openBlock(), createElementBlock("div", {
+        dir: unref(rtl) ? "rtl" : "ltr"
+      }, [
+        unref(label) ? (openBlock(), createElementBlock("label", _hoisted_2$i, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3$e, [
           createElementVNode("input", {
             id: unref(id),
             value: validFrom.value,
@@ -20542,7 +20541,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             disabled: unref(disabled),
             "aria-label": unref(multiRange) ? "Minimum value" : "Value",
             onInput: _cache[0] || (_cache[0] = (e) => handleInput(+e.target.value, true))
-          }, null, 40, _hoisted_3$e),
+          }, null, 40, _hoisted_4$9),
           unref(multiRange) ? (openBlock(), createElementBlock("input", {
             key: 0,
             value: validTo.value,
@@ -20555,8 +20554,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             disabled: unref(disabled),
             "aria-label": "Maximum value",
             onInput: _cache[1] || (_cache[1] = (e) => handleInput(+e.target.value, false))
-          }, null, 40, _hoisted_4$9)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_5$9, [
+          }, null, 40, _hoisted_5$9)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_6$8, [
             createElementVNode("div", {
               class: "active-range absolute h-100 pointer-events-none bg-primary",
               style: normalizeStyle(rangeStyle.value)
@@ -20599,8 +20598,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(displayTo.value), 1)
             ], true)
           ], 4)) : createCommentVNode("", true)
-        ], 8, _hoisted_2$i),
-        createElementVNode("p", _hoisted_6$8, [
+        ]),
+        createElementVNode("p", _hoisted_7$5, [
           renderSlot(_ctx.$slots, "min", {
             max: unref(formatValue)(unref(max2)),
             min: unref(formatValue)(unref(min2)),
@@ -20620,11 +20619,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, toDisplayString(unref(formatValue)(unref(max2))), 1)
           ], true)
         ])
-      ]);
+      ], 8, _hoisted_1$s);
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-36a4519c"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-5c90c7f5"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -34496,6 +34495,9 @@ function debounce(fn2, wait = 500) {
   }, wait);
   debouncers.set(fn2, timeout);
 }
+function slugify(str) {
+  return str.toLowerCase().replace(/[^a-z0-9-\s]/g, "").split(/[\s-]+/).join("-");
+}
 function keyToLabel(key) {
   if (key === void 0) return key;
   return key.split("_").map((k2) => k2.charAt(0).toUpperCase() + k2.slice(1)).join(" ") || key;
@@ -35229,6 +35231,7 @@ export {
   normalizeURL,
   provideBagelFormState,
   sleep,
+  slugify,
   timeAgo,
   useBagel,
   useBagelFormState,

package/dist/style.css

@@ -1180,28 +1180,28 @@ pre code.hljs{
 	color: var(--bgl-light-text);
 }
 
-.range-slider-position-txt[data-v-36a4519c]{
+.range-slider-position-txt[data-v-5c90c7f5]{
 	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.5);
 	width: var(--bgl-range-thumb-size);
 }
-.range-slider:hover .range-slider-position-txt[data-v-36a4519c]{
+.range-slider:hover .range-slider-position-txt[data-v-5c90c7f5]{
 	opacity: 1;
 	transform: scale(1);
 	top: calc(var(--bgl-range-thumb-size) / 1) ;
 }
-.range-slider[data-v-36a4519c] {
+.range-slider[data-v-5c90c7f5] {
 	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-36a4519c]{
+.range-slider-txt[data-v-5c90c7f5]{
 	margin-top: calc(var(--bgl-range-thumb-size) / 2) !important;
 }
-input[type="range"][data-v-36a4519c] {
+input[type="range"][data-v-5c90c7f5] {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -1211,7 +1211,7 @@ input[type="range"][data-v-36a4519c] {
   appearance: none;
   margin: 0;
 }
-input[type="range"][data-v-36a4519c]::-webkit-slider-thumb {
+input[type="range"][data-v-5c90c7f5]::-webkit-slider-thumb {
   pointer-events: all;
   appearance: none;
   width: var(--bgl-range-thumb-size);
@@ -1224,18 +1224,18 @@ input[type="range"][data-v-36a4519c]::-webkit-slider-thumb {
   cursor: grab;
   transition: var(--bgl-transition);
 }
-input[type="range"][data-v-36a4519c]::-webkit-slider-thumb:hover {
+input[type="range"][data-v-5c90c7f5]::-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-36a4519c]:focus::-webkit-slider-thumb {
+input[type="range"][data-v-5c90c7f5]: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-36a4519c]:active::-webkit-slider-thumb {
+input[type="range"][data-v-5c90c7f5]:active::-webkit-slider-thumb {
 	cursor: grabbing;
 }
-.track[data-v-36a4519c] {
+.track[data-v-5c90c7f5] {
   height: var(--bgl-range-track-height);
   background: var(--bgl-bg);
   margin-inline-start: calc(var(--bgl-range-thumb-size) / 2);

package/dist/utils/index.d.ts

@@ -1,5 +1,6 @@
 import { Attributes, BglFormSchemaT } from '..';
 export declare function debounce(fn: () => void, wait?: number): void;
+export declare function slugify(str: string): string;
 export declare function keyToLabel(key?: string): string | undefined;
 export declare function copyText(text: string, cb?: (msg: string) => void): Promise<void>;
 export declare function initials(...strArr: string[]): string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,UAAU,CAAC,EAAE,MAAM,EAAE,GACnB,cAAc,CAAC,CAAC,CAAC,CAWnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,UAAU,CAAC,EAAE,MAAM,EAAE,GACnB,cAAc,CAAC,CAAC,CAAC,CAWnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoBlF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA"}

package/package.json

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

package/src/components/form/BglField.vue

@@ -123,7 +123,6 @@ const computedClass = $computed(
 		:helptext="field.helptext"
 		:schema="field.attrs?.schema ?? undefined"
 	>
-		{{ computedFieldData }}
 		<template v-for="(child, ii) in field.children" :key="ii">
 			<BglField
 				v-if="(typeof child !== 'string')"

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

@@ -75,9 +75,9 @@ const displayTo = $computed(() => formatValue(validTo))
 </script>
 
 <template>
-	<div>
+	<div :dir="rtl ? 'rtl' : 'ltr'">
 		<label v-if="label" class="label">{{ label }}</label>
-		<div class="range-slider relative w-100" :dir="rtl ? 'rtl' : 'ltr'">
+		<div class="range-slider relative w-100">
 			<input
 				:id="id"
 				:value="validFrom"

package/src/utils/index.ts

@@ -11,6 +11,14 @@ export function debounce(fn: () => void, wait: number = 500) {
 	debouncers.set(fn, timeout)
 }
 
+export function slugify(str: string) {
+	return str
+		.toLowerCase()
+		.replace(/[^a-z0-9-\s]/g, '')
+		.split(/[\s-]+/)
+		.join('-')
+}
+
 export function keyToLabel(key?: string): string | undefined {
 	if (key === undefined) return key
 	return (