@bagelink/vue 0.0.1056 → 0.0.1058

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, [
@@ -19495,7 +19495,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 +19797,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 +20313,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 +20360,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 +20452,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 +20527,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 +20544,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 +20557,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 +20601,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 +20622,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",

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, [
@@ -19493,7 +19493,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 +19795,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 +20311,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 +20358,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 +20450,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 +20525,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 +20542,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 +20555,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 +20599,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 +20620,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",

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/package.json

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

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"