@luminescent/ui-qwik 7.0.0-3 → 7.0.0-4
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/components/elements/Anchor.qwik.cjs +5 -5
- package/lib/components/elements/Anchor.qwik.mjs +5 -5
- package/lib/components/elements/ColorPicker.qwik.cjs +24 -24
- package/lib/components/elements/ColorPicker.qwik.mjs +24 -24
- package/lib/components/elements/Dropdown.qwik.cjs +3 -3
- package/lib/components/elements/Dropdown.qwik.mjs +3 -3
- package/lib/components/elements/Label.qwik.cjs +4 -4
- package/lib/components/elements/Label.qwik.mjs +4 -4
- package/lib/components/elements/Nav.qwik.cjs +9 -9
- package/lib/components/elements/Nav.qwik.mjs +9 -9
- package/lib/components/elements/NumberInput.qwik.cjs +25 -18
- package/lib/components/elements/NumberInput.qwik.mjs +26 -19
- package/lib/components/elements/RangeInput.qwik.cjs +10 -10
- package/lib/components/elements/RangeInput.qwik.mjs +10 -10
- package/lib/components/elements/SelectMenu.qwik.cjs +12 -12
- package/lib/components/elements/SelectMenu.qwik.mjs +12 -12
- package/lib/components/elements/Sidebar.qwik.cjs +4 -4
- package/lib/components/elements/Sidebar.qwik.mjs +4 -4
- package/lib/components/elements/Toggle.qwik.cjs +4 -4
- package/lib/components/elements/Toggle.qwik.mjs +4 -4
- package/lib/q-manifest.json +34 -34
- package/lib/svg/ChevronDown.qwik.cjs +3 -3
- package/lib/svg/ChevronDown.qwik.mjs +3 -3
- package/lib/svg/Link.qwik.cjs +5 -5
- package/lib/svg/Link.qwik.mjs +5 -5
- package/lib/svg/Menu.qwik.cjs +5 -5
- package/lib/svg/Menu.qwik.mjs +5 -5
- package/lib/svg/Minus.qwik.cjs +3 -3
- package/lib/svg/Minus.qwik.mjs +3 -3
- package/lib/svg/Plus.qwik.cjs +3 -3
- package/lib/svg/Plus.qwik.mjs +3 -3
- package/lib/svg/Shuffle.qwik.cjs +7 -7
- package/lib/svg/Shuffle.qwik.mjs +7 -7
- package/package.json +14 -15
|
@@ -7,7 +7,7 @@ var _hf0 = (p0, p1) => p1.min ? (p0.value ?? 0) <= p1.min : false;
|
|
|
7
7
|
var _hf1 = (p0) => p0.value ?? 0;
|
|
8
8
|
var _hf2 = (p0) => p0.step ?? 1;
|
|
9
9
|
var _hf3 = (p0, p1) => p1.max ? (p0.value ?? 0) >= p1.max : false;
|
|
10
|
-
var NumberInput =
|
|
10
|
+
var NumberInput = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
|
|
11
11
|
const props = (0, _qwik_dev_core._restProps)(_rawProps, [
|
|
12
12
|
"input",
|
|
13
13
|
"class",
|
|
@@ -17,7 +17,7 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
|
|
|
17
17
|
"step",
|
|
18
18
|
"outerProps"
|
|
19
19
|
]);
|
|
20
|
-
(0, _qwik_dev_core.useStylesQrl)(
|
|
20
|
+
(0, _qwik_dev_core.useStylesQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(`
|
|
21
21
|
input::-webkit-outer-spin-button,
|
|
22
22
|
input::-webkit-inner-spin-button {
|
|
23
23
|
-webkit-appearance: none;
|
|
@@ -27,22 +27,21 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
|
|
|
27
27
|
-moz-appearance: textfield;
|
|
28
28
|
}
|
|
29
29
|
`, "NumberInput_component_useStyles_9gV0k9qgkUU"));
|
|
30
|
-
return
|
|
31
|
-
|
|
30
|
+
return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
|
|
31
|
+
/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
|
|
32
32
|
disabled: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps, props]),
|
|
33
|
-
"q-e:click": _rawProps.
|
|
34
|
-
const _rawProps = _qwik_dev_core._captures[0];
|
|
33
|
+
"q-e:click": _rawProps.onDecrement$ ?? /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((event, element) => {
|
|
35
34
|
const siblingInput = element.nextElementSibling;
|
|
36
35
|
siblingInput.stepDown();
|
|
37
|
-
|
|
38
|
-
}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M"
|
|
36
|
+
siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
|
|
37
|
+
}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M")
|
|
39
38
|
}, {
|
|
40
39
|
type: "button",
|
|
41
40
|
class: { "lum-btn p-2 rounded-r-sm": true },
|
|
42
41
|
"data-action": "decrement",
|
|
43
42
|
"aria-label": "Decrement"
|
|
44
|
-
},
|
|
45
|
-
_rawProps.input &&
|
|
43
|
+
}, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Minus.Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
|
|
44
|
+
_rawProps.input && /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
|
|
46
45
|
...(0, _qwik_dev_core._getVarProps)(props),
|
|
47
46
|
...(0, _qwik_dev_core._getConstProps)(props),
|
|
48
47
|
value: (0, _qwik_dev_core._fnSignal)(_hf1, [_rawProps]),
|
|
@@ -50,22 +49,30 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
|
|
|
50
49
|
class: {
|
|
51
50
|
"lum-input text-center rounded-sm lum-input-p-1": true,
|
|
52
51
|
...require_functions.getClassObject(_rawProps.class)
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
},
|
|
53
|
+
"q-e:wheel": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e) => {
|
|
54
|
+
const inputElement = e.target;
|
|
55
|
+
if (e.deltaY < 0) inputElement.stepUp();
|
|
56
|
+
else inputElement.stepDown();
|
|
57
|
+
inputElement.dispatchEvent(new Event("input", { bubbles: true }));
|
|
58
|
+
}, "NumberInput_component_div_input_q_e_wheel_S1w7D4DnPK4")
|
|
59
|
+
}, {
|
|
60
|
+
type: "number",
|
|
61
|
+
"preventdefault:wheel": true
|
|
62
|
+
}, null, 0, "kR_1"),
|
|
63
|
+
/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
|
|
56
64
|
disabled: (0, _qwik_dev_core._fnSignal)(_hf3, [_rawProps, props]),
|
|
57
|
-
"q-e:click": _rawProps.
|
|
58
|
-
const _rawProps = _qwik_dev_core._captures[0];
|
|
65
|
+
"q-e:click": _rawProps.onIncrement$ ?? /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((event, element) => {
|
|
59
66
|
const siblingInput = element.previousElementSibling;
|
|
60
67
|
siblingInput.stepUp();
|
|
61
|
-
|
|
62
|
-
}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0"
|
|
68
|
+
siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
|
|
69
|
+
}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0")
|
|
63
70
|
}, {
|
|
64
71
|
type: "button",
|
|
65
72
|
class: { "lum-btn p-2 rounded-l-sm": true },
|
|
66
73
|
"data-action": "increment",
|
|
67
74
|
"aria-label": "Increment"
|
|
68
|
-
},
|
|
75
|
+
}, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Plus.Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
|
|
69
76
|
], 0, "kR_3");
|
|
70
77
|
}, "NumberInput_component_2YJwSaeO64g"));
|
|
71
78
|
//#endregion
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { getClassObject } from "../functions.qwik.mjs";
|
|
2
2
|
import { Plus } from "../../svg/Plus.qwik.mjs";
|
|
3
3
|
import { Minus } from "../../svg/Minus.qwik.mjs";
|
|
4
|
-
import {
|
|
4
|
+
import { _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl, useStylesQrl } from "@qwik.dev/core";
|
|
5
5
|
//#region src/components/elements/NumberInput.tsx
|
|
6
6
|
var _hf0 = (p0, p1) => p1.min ? (p0.value ?? 0) <= p1.min : false;
|
|
7
7
|
var _hf1 = (p0) => p0.value ?? 0;
|
|
8
8
|
var _hf2 = (p0) => p0.step ?? 1;
|
|
9
9
|
var _hf3 = (p0, p1) => p1.max ? (p0.value ?? 0) >= p1.max : false;
|
|
10
|
-
var NumberInput =
|
|
10
|
+
var NumberInput = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
|
|
11
11
|
const props = _restProps(_rawProps, [
|
|
12
12
|
"input",
|
|
13
13
|
"class",
|
|
@@ -17,7 +17,7 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
|
|
|
17
17
|
"step",
|
|
18
18
|
"outerProps"
|
|
19
19
|
]);
|
|
20
|
-
useStylesQrl(
|
|
20
|
+
useStylesQrl(/*#__PURE__*/ inlinedQrl(`
|
|
21
21
|
input::-webkit-outer-spin-button,
|
|
22
22
|
input::-webkit-inner-spin-button {
|
|
23
23
|
-webkit-appearance: none;
|
|
@@ -27,22 +27,21 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
|
|
|
27
27
|
-moz-appearance: textfield;
|
|
28
28
|
}
|
|
29
29
|
`, "NumberInput_component_useStyles_9gV0k9qgkUU"));
|
|
30
|
-
return
|
|
31
|
-
|
|
30
|
+
return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
|
|
31
|
+
/*#__PURE__*/ _jsxSorted("button", {
|
|
32
32
|
disabled: _fnSignal(_hf0, [_rawProps, props]),
|
|
33
|
-
"q-e:click": _rawProps.
|
|
34
|
-
const _rawProps = _captures[0];
|
|
33
|
+
"q-e:click": _rawProps.onDecrement$ ?? /*#__PURE__*/ inlinedQrl((event, element) => {
|
|
35
34
|
const siblingInput = element.nextElementSibling;
|
|
36
35
|
siblingInput.stepDown();
|
|
37
|
-
|
|
38
|
-
}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M"
|
|
36
|
+
siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
|
|
37
|
+
}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M")
|
|
39
38
|
}, {
|
|
40
39
|
type: "button",
|
|
41
40
|
class: { "lum-btn p-2 rounded-r-sm": true },
|
|
42
41
|
"data-action": "decrement",
|
|
43
42
|
"aria-label": "Decrement"
|
|
44
|
-
},
|
|
45
|
-
_rawProps.input &&
|
|
43
|
+
}, /*#__PURE__*/ _jsxSorted(Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
|
|
44
|
+
_rawProps.input && /*#__PURE__*/ _jsxSplit("input", {
|
|
46
45
|
..._getVarProps(props),
|
|
47
46
|
..._getConstProps(props),
|
|
48
47
|
value: _fnSignal(_hf1, [_rawProps]),
|
|
@@ -50,22 +49,30 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
|
|
|
50
49
|
class: {
|
|
51
50
|
"lum-input text-center rounded-sm lum-input-p-1": true,
|
|
52
51
|
...getClassObject(_rawProps.class)
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
},
|
|
53
|
+
"q-e:wheel": /*#__PURE__*/ inlinedQrl((e) => {
|
|
54
|
+
const inputElement = e.target;
|
|
55
|
+
if (e.deltaY < 0) inputElement.stepUp();
|
|
56
|
+
else inputElement.stepDown();
|
|
57
|
+
inputElement.dispatchEvent(new Event("input", { bubbles: true }));
|
|
58
|
+
}, "NumberInput_component_div_input_q_e_wheel_S1w7D4DnPK4")
|
|
59
|
+
}, {
|
|
60
|
+
type: "number",
|
|
61
|
+
"preventdefault:wheel": true
|
|
62
|
+
}, null, 0, "kR_1"),
|
|
63
|
+
/*#__PURE__*/ _jsxSorted("button", {
|
|
56
64
|
disabled: _fnSignal(_hf3, [_rawProps, props]),
|
|
57
|
-
"q-e:click": _rawProps.
|
|
58
|
-
const _rawProps = _captures[0];
|
|
65
|
+
"q-e:click": _rawProps.onIncrement$ ?? /*#__PURE__*/ inlinedQrl((event, element) => {
|
|
59
66
|
const siblingInput = element.previousElementSibling;
|
|
60
67
|
siblingInput.stepUp();
|
|
61
|
-
|
|
62
|
-
}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0"
|
|
68
|
+
siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
|
|
69
|
+
}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0")
|
|
63
70
|
}, {
|
|
64
71
|
type: "button",
|
|
65
72
|
class: { "lum-btn p-2 rounded-l-sm": true },
|
|
66
73
|
"data-action": "increment",
|
|
67
74
|
"aria-label": "Increment"
|
|
68
|
-
},
|
|
75
|
+
}, /*#__PURE__*/ _jsxSorted(Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
|
|
69
76
|
], 0, "kR_3");
|
|
70
77
|
}, "NumberInput_component_2YJwSaeO64g"));
|
|
71
78
|
//#endregion
|
|
@@ -4,7 +4,7 @@ var _hf0 = (p0) => ({ width: `${p0.value}%` });
|
|
|
4
4
|
var _hf1 = (p0) => ({ left: `calc(${p0.value}% - 0.5rem)` });
|
|
5
5
|
var _hf2 = (p0) => p0.min ?? 0;
|
|
6
6
|
var _hf3 = (p0) => p0.max ?? 10;
|
|
7
|
-
var RangeInput =
|
|
7
|
+
var RangeInput = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
|
|
8
8
|
const props = (0, _qwik_dev_core._restProps)(_rawProps, [
|
|
9
9
|
"value",
|
|
10
10
|
"min",
|
|
@@ -13,29 +13,29 @@ var RangeInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
|
|
|
13
13
|
"outerProps"
|
|
14
14
|
]);
|
|
15
15
|
const valueSignal = (0, _qwik_dev_core.useSignal)(_rawProps.value ?? _rawProps.min ?? 0);
|
|
16
|
-
const filledPercentage = (0, _qwik_dev_core.useComputedQrl)(
|
|
16
|
+
const filledPercentage = (0, _qwik_dev_core.useComputedQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(() => {
|
|
17
17
|
const _rawProps = _qwik_dev_core._captures[0];
|
|
18
18
|
return (_qwik_dev_core._captures[1].value - (_rawProps.min ?? 0)) / ((_rawProps.max ?? 10) - (_rawProps.min ?? 0)) * 100;
|
|
19
19
|
}, "RangeInput_component_filledPercentage_useComputed_Vta9t9J9C4k", [_rawProps, valueSignal]));
|
|
20
20
|
const tickCount = (_rawProps.max ?? 10) - (_rawProps.min ?? 0) - 1;
|
|
21
|
-
return
|
|
22
|
-
|
|
23
|
-
return
|
|
21
|
+
return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
|
|
22
|
+
/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
|
|
23
|
+
return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
|
|
24
24
|
}), 1, null),
|
|
25
|
-
|
|
25
|
+
/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
|
|
26
26
|
class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
|
|
27
27
|
style: (0, _qwik_dev_core._fnSignal)(_hf0, [filledPercentage])
|
|
28
28
|
}, null, 3, null),
|
|
29
|
-
|
|
29
|
+
/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
|
|
30
30
|
class: "absolute -top-1 flex flex-col gap-4 items-center",
|
|
31
31
|
style: (0, _qwik_dev_core._fnSignal)(_hf1, [filledPercentage])
|
|
32
|
-
}, [
|
|
33
|
-
|
|
32
|
+
}, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, (0, _qwik_dev_core._wrapProp)(valueSignal), 3, null)], 3, null),
|
|
33
|
+
/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
|
|
34
34
|
...(0, _qwik_dev_core._getVarProps)(props),
|
|
35
35
|
...(0, _qwik_dev_core._getConstProps)(props),
|
|
36
36
|
min: (0, _qwik_dev_core._fnSignal)(_hf2, [_rawProps]),
|
|
37
37
|
max: (0, _qwik_dev_core._fnSignal)(_hf3, [_rawProps]),
|
|
38
|
-
"q-e:input":
|
|
38
|
+
"q-e:input": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (event, element, _rawProps, valueSignal) => {
|
|
39
39
|
valueSignal.value = parseFloat(element.value);
|
|
40
40
|
if (_rawProps.onInput$) await _rawProps.onInput$(event, element);
|
|
41
41
|
}, "RangeInput_component_div_input_q_e_input_0hUtvpnN79M"),
|
|
@@ -4,7 +4,7 @@ var _hf0 = (p0) => ({ width: `${p0.value}%` });
|
|
|
4
4
|
var _hf1 = (p0) => ({ left: `calc(${p0.value}% - 0.5rem)` });
|
|
5
5
|
var _hf2 = (p0) => p0.min ?? 0;
|
|
6
6
|
var _hf3 = (p0) => p0.max ?? 10;
|
|
7
|
-
var RangeInput =
|
|
7
|
+
var RangeInput = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
|
|
8
8
|
const props = _restProps(_rawProps, [
|
|
9
9
|
"value",
|
|
10
10
|
"min",
|
|
@@ -13,29 +13,29 @@ var RangeInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
|
|
|
13
13
|
"outerProps"
|
|
14
14
|
]);
|
|
15
15
|
const valueSignal = useSignal(_rawProps.value ?? _rawProps.min ?? 0);
|
|
16
|
-
const filledPercentage = useComputedQrl(
|
|
16
|
+
const filledPercentage = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
|
|
17
17
|
const _rawProps = _captures[0];
|
|
18
18
|
return (_captures[1].value - (_rawProps.min ?? 0)) / ((_rawProps.max ?? 10) - (_rawProps.min ?? 0)) * 100;
|
|
19
19
|
}, "RangeInput_component_filledPercentage_useComputed_Vta9t9J9C4k", [_rawProps, valueSignal]));
|
|
20
20
|
const tickCount = (_rawProps.max ?? 10) - (_rawProps.min ?? 0) - 1;
|
|
21
|
-
return
|
|
22
|
-
|
|
23
|
-
return
|
|
21
|
+
return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
|
|
22
|
+
/*#__PURE__*/ _jsxSorted("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
|
|
23
|
+
return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
|
|
24
24
|
}), 1, null),
|
|
25
|
-
|
|
25
|
+
/*#__PURE__*/ _jsxSorted("div", null, {
|
|
26
26
|
class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
|
|
27
27
|
style: _fnSignal(_hf0, [filledPercentage])
|
|
28
28
|
}, null, 3, null),
|
|
29
|
-
|
|
29
|
+
/*#__PURE__*/ _jsxSorted("div", null, {
|
|
30
30
|
class: "absolute -top-1 flex flex-col gap-4 items-center",
|
|
31
31
|
style: _fnSignal(_hf1, [filledPercentage])
|
|
32
|
-
}, [
|
|
33
|
-
|
|
32
|
+
}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, _wrapProp(valueSignal), 3, null)], 3, null),
|
|
33
|
+
/*#__PURE__*/ _jsxSplit("input", {
|
|
34
34
|
..._getVarProps(props),
|
|
35
35
|
..._getConstProps(props),
|
|
36
36
|
min: _fnSignal(_hf2, [_rawProps]),
|
|
37
37
|
max: _fnSignal(_hf3, [_rawProps]),
|
|
38
|
-
"q-e:input":
|
|
38
|
+
"q-e:input": /*#__PURE__*/ inlinedQrl(async (event, element, _rawProps, valueSignal) => {
|
|
39
39
|
valueSignal.value = parseFloat(element.value);
|
|
40
40
|
if (_rawProps.onInput$) await _rawProps.onInput$(event, element);
|
|
41
41
|
}, "RangeInput_component_div_input_q_e_input_0hUtvpnN79M"),
|
|
@@ -7,7 +7,7 @@ var _hf0 = (p0) => ({
|
|
|
7
7
|
group: p0.hover
|
|
8
8
|
});
|
|
9
9
|
var _hf1 = (p0) => p0.id ? `${p0.id}-dropdown` : void 0;
|
|
10
|
-
var SelectMenu =
|
|
10
|
+
var SelectMenu = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
|
|
11
11
|
const props = (0, _qwik_dev_core._restProps)(_rawProps, [
|
|
12
12
|
"values",
|
|
13
13
|
"class",
|
|
@@ -26,11 +26,11 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
|
|
|
26
26
|
});
|
|
27
27
|
const selectRef = (0, _qwik_dev_core.useSignal)();
|
|
28
28
|
const selected = _rawProps.values?.find((v) => v.value === store.value);
|
|
29
|
-
return
|
|
29
|
+
return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", {
|
|
30
30
|
..._rawProps.outerProps,
|
|
31
31
|
class: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps])
|
|
32
32
|
}, null, [
|
|
33
|
-
_rawProps.values &&
|
|
33
|
+
_rawProps.values && /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("select", {
|
|
34
34
|
"q-e:change": props.onChange$,
|
|
35
35
|
...(0, _qwik_dev_core._getVarProps)(props),
|
|
36
36
|
ref: selectRef
|
|
@@ -38,14 +38,14 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
|
|
|
38
38
|
...(0, _qwik_dev_core._getConstProps)(props),
|
|
39
39
|
class: "hidden"
|
|
40
40
|
}, _rawProps.values.map((value, i) => {
|
|
41
|
-
return
|
|
41
|
+
return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("option", { value: (0, _qwik_dev_core._wrapProp)(value) }, null, `${value.value}`, 1, i);
|
|
42
42
|
}), 0, "WO_0"),
|
|
43
|
-
|
|
43
|
+
/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Dropdown.Dropdown, {
|
|
44
44
|
class: {
|
|
45
45
|
"w-full": true,
|
|
46
46
|
...require_functions.getClassObject(_rawProps.class)
|
|
47
47
|
},
|
|
48
|
-
onClick$:
|
|
48
|
+
onClick$: /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e, el) => {
|
|
49
49
|
const _rawProps = _qwik_dev_core._captures[0], store = _qwik_dev_core._captures[1];
|
|
50
50
|
if (_rawProps.hover) return;
|
|
51
51
|
store.opened = !store.opened;
|
|
@@ -61,9 +61,9 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
|
|
|
61
61
|
}, {
|
|
62
62
|
id: (0, _qwik_dev_core._fnSignal)(_hf1, [props]),
|
|
63
63
|
opened: (0, _qwik_dev_core._wrapProp)(store, "opened")
|
|
64
|
-
}, [_rawProps.customDropdown &&
|
|
65
|
-
_rawProps.hover &&
|
|
66
|
-
|
|
64
|
+
}, [_rawProps.customDropdown && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
|
|
65
|
+
_rawProps.hover && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
|
|
66
|
+
/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
|
|
67
67
|
"absolute z-1000 mt-2": true,
|
|
68
68
|
"backdrop-blur-lg": !_rawProps.noblur,
|
|
69
69
|
"lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
|
|
@@ -75,12 +75,12 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
|
|
|
75
75
|
"focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
|
|
76
76
|
...require_functions.getClassObject(_rawProps.panelClass ?? "lum-bg-lum-input-bg")
|
|
77
77
|
} }, null, [_rawProps.values?.map(({ name, value }, i) => {
|
|
78
|
-
return
|
|
78
|
+
return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
|
|
79
79
|
class: {
|
|
80
80
|
"lum-btn rounded-lum-1": true,
|
|
81
81
|
...require_functions.getClassObject(_rawProps.btnClass ?? "lum-bg-transparent")
|
|
82
82
|
},
|
|
83
|
-
"q-e:click":
|
|
83
|
+
"q-e:click": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e, el, selectRef, store, value) => {
|
|
84
84
|
el.blur();
|
|
85
85
|
store.opened = false;
|
|
86
86
|
const select = selectRef.value;
|
|
@@ -96,7 +96,7 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
|
|
|
96
96
|
value
|
|
97
97
|
]
|
|
98
98
|
}, { type: "button" }, name, 4, i);
|
|
99
|
-
}),
|
|
99
|
+
}), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
|
|
100
100
|
], 0, "WO_6");
|
|
101
101
|
}, "SelectMenu_component_ofsf7iGvkLg"));
|
|
102
102
|
//#endregion
|
|
@@ -7,7 +7,7 @@ var _hf0 = (p0) => ({
|
|
|
7
7
|
group: p0.hover
|
|
8
8
|
});
|
|
9
9
|
var _hf1 = (p0) => p0.id ? `${p0.id}-dropdown` : void 0;
|
|
10
|
-
var SelectMenu =
|
|
10
|
+
var SelectMenu = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
|
|
11
11
|
const props = _restProps(_rawProps, [
|
|
12
12
|
"values",
|
|
13
13
|
"class",
|
|
@@ -26,11 +26,11 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
|
|
|
26
26
|
});
|
|
27
27
|
const selectRef = useSignal();
|
|
28
28
|
const selected = _rawProps.values?.find((v) => v.value === store.value);
|
|
29
|
-
return
|
|
29
|
+
return /*#__PURE__*/ _jsxSplit("div", {
|
|
30
30
|
..._rawProps.outerProps,
|
|
31
31
|
class: _fnSignal(_hf0, [_rawProps])
|
|
32
32
|
}, null, [
|
|
33
|
-
_rawProps.values &&
|
|
33
|
+
_rawProps.values && /*#__PURE__*/ _jsxSplit("select", {
|
|
34
34
|
"q-e:change": props.onChange$,
|
|
35
35
|
..._getVarProps(props),
|
|
36
36
|
ref: selectRef
|
|
@@ -38,14 +38,14 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
|
|
|
38
38
|
..._getConstProps(props),
|
|
39
39
|
class: "hidden"
|
|
40
40
|
}, _rawProps.values.map((value, i) => {
|
|
41
|
-
return
|
|
41
|
+
return /*#__PURE__*/ _jsxSorted("option", { value: _wrapProp(value) }, null, `${value.value}`, 1, i);
|
|
42
42
|
}), 0, "WO_0"),
|
|
43
|
-
|
|
43
|
+
/*#__PURE__*/ _jsxSorted(Dropdown, {
|
|
44
44
|
class: {
|
|
45
45
|
"w-full": true,
|
|
46
46
|
...getClassObject(_rawProps.class)
|
|
47
47
|
},
|
|
48
|
-
onClick$:
|
|
48
|
+
onClick$: /*#__PURE__*/ inlinedQrl((e, el) => {
|
|
49
49
|
const _rawProps = _captures[0], store = _captures[1];
|
|
50
50
|
if (_rawProps.hover) return;
|
|
51
51
|
store.opened = !store.opened;
|
|
@@ -61,9 +61,9 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
|
|
|
61
61
|
}, {
|
|
62
62
|
id: _fnSignal(_hf1, [props]),
|
|
63
63
|
opened: _wrapProp(store, "opened")
|
|
64
|
-
}, [_rawProps.customDropdown &&
|
|
65
|
-
_rawProps.hover &&
|
|
66
|
-
|
|
64
|
+
}, [_rawProps.customDropdown && /*#__PURE__*/ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /*#__PURE__*/ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
|
|
65
|
+
_rawProps.hover && /*#__PURE__*/ _jsxSorted("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
|
|
66
|
+
/*#__PURE__*/ _jsxSorted("div", { class: {
|
|
67
67
|
"absolute z-1000 mt-2": true,
|
|
68
68
|
"backdrop-blur-lg": !_rawProps.noblur,
|
|
69
69
|
"lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
|
|
@@ -75,12 +75,12 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
|
|
|
75
75
|
"focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
|
|
76
76
|
...getClassObject(_rawProps.panelClass ?? "lum-bg-lum-input-bg")
|
|
77
77
|
} }, null, [_rawProps.values?.map(({ name, value }, i) => {
|
|
78
|
-
return
|
|
78
|
+
return /*#__PURE__*/ _jsxSorted("button", {
|
|
79
79
|
class: {
|
|
80
80
|
"lum-btn rounded-lum-1": true,
|
|
81
81
|
...getClassObject(_rawProps.btnClass ?? "lum-bg-transparent")
|
|
82
82
|
},
|
|
83
|
-
"q-e:click":
|
|
83
|
+
"q-e:click": /*#__PURE__*/ inlinedQrl((e, el, selectRef, store, value) => {
|
|
84
84
|
el.blur();
|
|
85
85
|
store.opened = false;
|
|
86
86
|
const select = selectRef.value;
|
|
@@ -96,7 +96,7 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
|
|
|
96
96
|
value
|
|
97
97
|
]
|
|
98
98
|
}, { type: "button" }, name, 4, i);
|
|
99
|
-
}),
|
|
99
|
+
}), /*#__PURE__*/ _jsxSorted(Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
|
|
100
100
|
], 0, "WO_6");
|
|
101
101
|
}, "SelectMenu_component_ofsf7iGvkLg"));
|
|
102
102
|
//#endregion
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
const require_functions = require("../functions.qwik.cjs");
|
|
2
2
|
let _qwik_dev_core = require("@qwik.dev/core");
|
|
3
3
|
//#region src/components/elements/Sidebar.tsx
|
|
4
|
-
var Sidebar =
|
|
4
|
+
var Sidebar = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
|
|
5
5
|
const props = (0, _qwik_dev_core._restProps)(_rawProps, ["position", "class"]);
|
|
6
|
-
return
|
|
6
|
+
return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("aside", {
|
|
7
7
|
...(0, _qwik_dev_core._getVarProps)(props),
|
|
8
8
|
...(0, _qwik_dev_core._getConstProps)(props),
|
|
9
9
|
class: {
|
|
@@ -12,10 +12,10 @@ var Sidebar = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (
|
|
|
12
12
|
"right-0 border-0 border-l": _rawProps.position === "right",
|
|
13
13
|
...require_functions.getClassObject(_rawProps.class)
|
|
14
14
|
}
|
|
15
|
-
}, null,
|
|
15
|
+
}, null, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("nav", null, {
|
|
16
16
|
id: "docs-sidebar",
|
|
17
17
|
class: "min-h-full relative"
|
|
18
|
-
}, [
|
|
18
|
+
}, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10" }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex-1" }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "title" }, null, 3, "Nu_0"), 1, null), 1, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: { "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true } }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "Nu_1"), 1, null)], 1, null), 0, "Nu_2");
|
|
19
19
|
}, "Sidebar_component_moIMGaONnvw"));
|
|
20
20
|
//#endregion
|
|
21
21
|
exports.Sidebar = Sidebar;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { getClassObject } from "../functions.qwik.mjs";
|
|
2
2
|
import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl } from "@qwik.dev/core";
|
|
3
3
|
//#region src/components/elements/Sidebar.tsx
|
|
4
|
-
var Sidebar =
|
|
4
|
+
var Sidebar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
|
|
5
5
|
const props = _restProps(_rawProps, ["position", "class"]);
|
|
6
|
-
return
|
|
6
|
+
return /*#__PURE__*/ _jsxSplit("aside", {
|
|
7
7
|
..._getVarProps(props),
|
|
8
8
|
..._getConstProps(props),
|
|
9
9
|
class: {
|
|
@@ -12,10 +12,10 @@ var Sidebar = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps
|
|
|
12
12
|
"right-0 border-0 border-l": _rawProps.position === "right",
|
|
13
13
|
...getClassObject(_rawProps.class)
|
|
14
14
|
}
|
|
15
|
-
}, null,
|
|
15
|
+
}, null, /*#__PURE__*/ _jsxSorted("nav", null, {
|
|
16
16
|
id: "docs-sidebar",
|
|
17
17
|
class: "min-h-full relative"
|
|
18
|
-
}, [
|
|
18
|
+
}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "flex-1" }, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "title" }, null, 3, "Nu_0"), 1, null), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: { "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true } }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Nu_1"), 1, null)], 1, null), 0, "Nu_2");
|
|
19
19
|
}, "Sidebar_component_moIMGaONnvw"));
|
|
20
20
|
//#endregion
|
|
21
21
|
export { Sidebar };
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
const require_functions = require("../functions.qwik.cjs");
|
|
2
2
|
let _qwik_dev_core = require("@qwik.dev/core");
|
|
3
3
|
//#region src/components/elements/Toggle.tsx
|
|
4
|
-
var Toggle =
|
|
4
|
+
var Toggle = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
|
|
5
5
|
const props = (0, _qwik_dev_core._restProps)(_rawProps, [
|
|
6
6
|
"class",
|
|
7
7
|
"checkbox",
|
|
8
8
|
"round",
|
|
9
9
|
"outerProps"
|
|
10
10
|
]);
|
|
11
|
-
return
|
|
11
|
+
return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: "flex touch-manipulation items-center gap-3" }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
|
|
12
12
|
type: "checkbox",
|
|
13
13
|
...(0, _qwik_dev_core._getVarProps)(props)
|
|
14
14
|
}, {
|
|
15
15
|
...(0, _qwik_dev_core._getConstProps)(props),
|
|
16
16
|
class: "peer sr-only"
|
|
17
|
-
}, null, 0, null),
|
|
17
|
+
}, null, 0, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
|
|
18
18
|
"peer h-7 duration-300 ease-out hover:duration-75 peer-focus:border-blue-500": true,
|
|
19
19
|
"after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
|
|
20
20
|
"rounded-lum after:rounded-lum-1": !_rawProps.round,
|
|
@@ -23,7 +23,7 @@ var Toggle = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0
|
|
|
23
23
|
"w-7 after:opacity-0 peer-checked:after:opacity-100": _rawProps.checkbox,
|
|
24
24
|
"lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
|
|
25
25
|
...require_functions.getClassObject(_rawProps.class)
|
|
26
|
-
} }, null, null, 3, null)], 1, null),
|
|
26
|
+
} }, null, null, 3, null)], 1, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("label", { for: (0, _qwik_dev_core._wrapProp)(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "R0_0"), 1, null)], 0, "R0_1");
|
|
27
27
|
}, "Toggle_component_AHnKi33alRM"));
|
|
28
28
|
//#endregion
|
|
29
29
|
exports.Toggle = Toggle;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { getClassObject } from "../functions.qwik.mjs";
|
|
2
2
|
import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
|
|
3
3
|
//#region src/components/elements/Toggle.tsx
|
|
4
|
-
var Toggle =
|
|
4
|
+
var Toggle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
|
|
5
5
|
const props = _restProps(_rawProps, [
|
|
6
6
|
"class",
|
|
7
7
|
"checkbox",
|
|
8
8
|
"round",
|
|
9
9
|
"outerProps"
|
|
10
10
|
]);
|
|
11
|
-
return
|
|
11
|
+
return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: "flex touch-manipulation items-center gap-3" }, [/*#__PURE__*/ _jsxSorted("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/*#__PURE__*/ _jsxSplit("input", {
|
|
12
12
|
type: "checkbox",
|
|
13
13
|
..._getVarProps(props)
|
|
14
14
|
}, {
|
|
15
15
|
..._getConstProps(props),
|
|
16
16
|
class: "peer sr-only"
|
|
17
|
-
}, null, 0, null),
|
|
17
|
+
}, null, 0, null), /*#__PURE__*/ _jsxSorted("div", { class: {
|
|
18
18
|
"peer h-7 duration-300 ease-out hover:duration-75 peer-focus:border-blue-500": true,
|
|
19
19
|
"after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
|
|
20
20
|
"rounded-lum after:rounded-lum-1": !_rawProps.round,
|
|
@@ -23,7 +23,7 @@ var Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps)
|
|
|
23
23
|
"w-7 after:opacity-0 peer-checked:after:opacity-100": _rawProps.checkbox,
|
|
24
24
|
"lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
|
|
25
25
|
...getClassObject(_rawProps.class)
|
|
26
|
-
} }, null, null, 3, null)], 1, null),
|
|
26
|
+
} }, null, null, 3, null)], 1, null), /*#__PURE__*/ _jsxSorted("label", { for: _wrapProp(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "R0_0"), 1, null)], 0, "R0_1");
|
|
27
27
|
}, "Toggle_component_AHnKi33alRM"));
|
|
28
28
|
//#endregion
|
|
29
29
|
export { Toggle };
|