@bagelink/vue 1.0.22 → 1.0.24

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/index.cjs

@@ -17906,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;
@@ -17943,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",
@@ -17962,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),
@@ -17975,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),
@@ -18047,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",

package/dist/index.mjs

@@ -17904,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;
@@ -17941,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",
@@ -17960,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),
@@ -17973,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),
@@ -18045,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",

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) ;

package/package.json

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

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"