@luminescent/ui-qwik 6.6.0-0 → 6.6.0-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.qwik.cjs +4 -4
- package/lib/index.qwik.mjs +4 -4
- package/package.json +2 -2
package/lib/index.qwik.cjs
CHANGED
|
@@ -911,9 +911,10 @@ const RangeInput = qwik.component$((props) => {
|
|
|
911
911
|
]
|
|
912
912
|
});
|
|
913
913
|
});
|
|
914
|
-
const RangeInputRaw = qwik.component$(({ value, min =
|
|
914
|
+
const RangeInputRaw = qwik.component$(({ value, min = 0, max = 10, onInput$, ...props }) => {
|
|
915
915
|
const valueSignal = qwik.useSignal(value ?? min);
|
|
916
916
|
const filledPercentage = qwik.useComputed$(() => (valueSignal.value - min) / (max - min) * 100);
|
|
917
|
+
const tickCount = max - min - 1;
|
|
917
918
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
918
919
|
class: {
|
|
919
920
|
"group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true
|
|
@@ -921,10 +922,9 @@ const RangeInputRaw = qwik.component$(({ value, min = 5, max = 100, onInput$, ..
|
|
|
921
922
|
children: [
|
|
922
923
|
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
923
924
|
class: "absolute w-full flex justify-evenly",
|
|
924
|
-
children: [
|
|
925
|
-
...Array(
|
|
925
|
+
children: tickCount > 0 && [
|
|
926
|
+
...Array(tickCount)
|
|
926
927
|
].map((_, i) => {
|
|
927
|
-
if (i === 0 || i === max - min) return null;
|
|
928
928
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
929
929
|
class: "border-l border-l-lum-border/20 h-1 my-0.5"
|
|
930
930
|
}, i);
|
package/lib/index.qwik.mjs
CHANGED
|
@@ -909,9 +909,10 @@ const RangeInput = component$((props) => {
|
|
|
909
909
|
]
|
|
910
910
|
});
|
|
911
911
|
});
|
|
912
|
-
const RangeInputRaw = component$(({ value, min =
|
|
912
|
+
const RangeInputRaw = component$(({ value, min = 0, max = 10, onInput$, ...props }) => {
|
|
913
913
|
const valueSignal = useSignal(value ?? min);
|
|
914
914
|
const filledPercentage = useComputed$(() => (valueSignal.value - min) / (max - min) * 100);
|
|
915
|
+
const tickCount = max - min - 1;
|
|
915
916
|
return /* @__PURE__ */ jsxs("div", {
|
|
916
917
|
class: {
|
|
917
918
|
"group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true
|
|
@@ -919,10 +920,9 @@ const RangeInputRaw = component$(({ value, min = 5, max = 100, onInput$, ...prop
|
|
|
919
920
|
children: [
|
|
920
921
|
/* @__PURE__ */ jsx("div", {
|
|
921
922
|
class: "absolute w-full flex justify-evenly",
|
|
922
|
-
children: [
|
|
923
|
-
...Array(
|
|
923
|
+
children: tickCount > 0 && [
|
|
924
|
+
...Array(tickCount)
|
|
924
925
|
].map((_, i) => {
|
|
925
|
-
if (i === 0 || i === max - min) return null;
|
|
926
926
|
return /* @__PURE__ */ jsx("div", {
|
|
927
927
|
class: "border-l border-l-lum-border/20 h-1 my-0.5"
|
|
928
928
|
}, i);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luminescent/ui-qwik",
|
|
3
|
-
"version": "6.6.0-
|
|
3
|
+
"version": "6.6.0-1",
|
|
4
4
|
"description": "Luminescent UI library - Qwik",
|
|
5
5
|
"main": "./lib/index.qwik.mjs",
|
|
6
6
|
"qwik": "./lib/index.qwik.mjs",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"vite-tsconfig-paths": "^6.0.3"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@luminescent/ui": "6.6.0-
|
|
53
|
+
"@luminescent/ui": "6.6.0-1"
|
|
54
54
|
},
|
|
55
55
|
"scripts": {
|
|
56
56
|
"build": "qwik build",
|