@luminescent/ui-qwik 6.8.3-2 → 7.0.0-0
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/LICENSE +661 -0
- package/lib/assets/BBIagblG-bundle-graph.json +1 -0
- package/lib/assets/ChtqwOpy-bundle-graph.json +1 -0
- package/lib/components/elements/Anchor.d.ts +1 -4
- package/lib/components/elements/Anchor.qwik.cjs +21 -25
- package/lib/components/elements/Anchor.qwik.mjs +21 -25
- package/lib/components/elements/Blobs.d.ts +3 -4
- package/lib/components/elements/Blobs.qwik.cjs +181 -187
- package/lib/components/elements/Blobs.qwik.mjs +182 -189
- package/lib/components/elements/ColorPicker.d.ts +1 -4
- package/lib/components/elements/ColorPicker.qwik.cjs +285 -303
- package/lib/components/elements/ColorPicker.qwik.mjs +285 -303
- package/lib/components/elements/Dropdown.d.ts +1 -4
- package/lib/components/elements/Dropdown.qwik.cjs +20 -30
- package/lib/components/elements/Dropdown.qwik.mjs +20 -30
- package/lib/components/elements/Label.d.ts +6 -0
- package/lib/components/elements/Label.qwik.cjs +10 -0
- package/lib/components/elements/Label.qwik.mjs +10 -0
- package/lib/components/elements/Nav.d.ts +3 -6
- package/lib/components/elements/Nav.qwik.cjs +63 -97
- package/lib/components/elements/Nav.qwik.mjs +63 -97
- package/lib/components/elements/NumberInput.d.ts +4 -11
- package/lib/components/elements/NumberInput.qwik.cjs +52 -78
- package/lib/components/elements/NumberInput.qwik.mjs +51 -77
- package/lib/components/elements/RangeInput.d.ts +2 -9
- package/lib/components/elements/RangeInput.qwik.cjs +45 -76
- package/lib/components/elements/RangeInput.qwik.mjs +46 -77
- package/lib/components/elements/SelectMenu.d.ts +5 -8
- package/lib/components/elements/SelectMenu.qwik.cjs +90 -133
- package/lib/components/elements/SelectMenu.qwik.mjs +90 -133
- package/lib/components/elements/Sidebar.d.ts +1 -4
- package/lib/components/elements/Sidebar.qwik.cjs +19 -36
- package/lib/components/elements/Sidebar.qwik.mjs +20 -37
- package/lib/components/elements/Toggle.d.ts +1 -2
- package/lib/components/elements/Toggle.qwik.cjs +22 -38
- package/lib/components/elements/Toggle.qwik.mjs +23 -39
- package/lib/components/elements.d.ts +1 -0
- package/lib/components/functions.d.ts +2 -0
- package/lib/components/functions.qwik.cjs +19 -16
- package/lib/components/functions.qwik.mjs +19 -17
- package/lib/index.d.ts +0 -1
- package/lib/index.qwik.cjs +26 -48
- package/lib/index.qwik.mjs +6 -42
- package/lib/q-manifest.json +239 -0
- package/lib/svg/ChevronDown.d.ts +1 -1
- package/lib/svg/ChevronDown.qwik.cjs +18 -22
- package/lib/svg/ChevronDown.qwik.mjs +19 -23
- package/lib/svg/Link.d.ts +1 -1
- package/lib/svg/Link.qwik.cjs +27 -33
- package/lib/svg/Link.qwik.mjs +28 -34
- package/lib/svg/Menu.d.ts +1 -1
- package/lib/svg/Menu.qwik.cjs +22 -30
- package/lib/svg/Menu.qwik.mjs +23 -31
- package/lib/svg/Minus.d.ts +1 -1
- package/lib/svg/Minus.qwik.cjs +18 -22
- package/lib/svg/Minus.qwik.mjs +19 -23
- package/lib/svg/Plus.d.ts +1 -1
- package/lib/svg/Plus.qwik.cjs +18 -27
- package/lib/svg/Plus.qwik.mjs +19 -28
- package/lib/svg/Shuffle.d.ts +1 -1
- package/lib/svg/Shuffle.qwik.cjs +24 -36
- package/lib/svg/Shuffle.qwik.mjs +25 -37
- package/lib/utils/color.qwik.cjs +101 -115
- package/lib/utils/color.qwik.mjs +102 -122
- package/package.json +14 -14
- package/lib/components/logos/Birdflop.d.ts +0 -7
- package/lib/components/logos/Birdflop.qwik.cjs +0 -73
- package/lib/components/logos/Birdflop.qwik.mjs +0 -73
- package/lib/components/logos/Discord.d.ts +0 -2
- package/lib/components/logos/Discord.qwik.cjs +0 -18
- package/lib/components/logos/Discord.qwik.mjs +0 -18
- package/lib/components/logos/Fabric.d.ts +0 -2
- package/lib/components/logos/Fabric.qwik.cjs +0 -32
- package/lib/components/logos/Fabric.qwik.mjs +0 -32
- package/lib/components/logos/Forge.d.ts +0 -2
- package/lib/components/logos/Forge.qwik.cjs +0 -31
- package/lib/components/logos/Forge.qwik.mjs +0 -31
- package/lib/components/logos/Luminescent.d.ts +0 -3
- package/lib/components/logos/Luminescent.qwik.cjs +0 -143
- package/lib/components/logos/Luminescent.qwik.mjs +0 -143
- package/lib/components/logos/Paper.d.ts +0 -2
- package/lib/components/logos/Paper.qwik.cjs +0 -40
- package/lib/components/logos/Paper.qwik.mjs +0 -40
- package/lib/components/logos/Pterodactyl.d.ts +0 -2
- package/lib/components/logos/Pterodactyl.qwik.cjs +0 -35
- package/lib/components/logos/Pterodactyl.qwik.mjs +0 -35
- package/lib/components/logos/Purpur.d.ts +0 -2
- package/lib/components/logos/Purpur.qwik.cjs +0 -76
- package/lib/components/logos/Purpur.qwik.mjs +0 -76
- package/lib/components/logos/Velocity.d.ts +0 -2
- package/lib/components/logos/Velocity.qwik.cjs +0 -27
- package/lib/components/logos/Velocity.qwik.mjs +0 -27
- package/lib/components/logos/Waterfall.d.ts +0 -2
- package/lib/components/logos/Waterfall.qwik.cjs +0 -21
- package/lib/components/logos/Waterfall.qwik.mjs +0 -21
- package/lib/components/logos.d.ts +0 -10
- /package/lib/components/docs/{IconsLogos.d.ts → Label.d.ts} +0 -0
- /package/lib/{components/logos → svg}/IconProps.d.ts +0 -0
|
@@ -1,31 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
class: {
|
|
22
|
-
"ease-out motion-safe:transition-transform": true,
|
|
23
|
-
"rotate-180 transform": opened,
|
|
24
|
-
"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
|
|
25
|
-
"focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
|
|
26
|
-
}
|
|
27
|
-
})
|
|
28
|
-
]
|
|
29
|
-
});
|
|
30
|
-
});
|
|
1
|
+
const require_functions = require("../functions.qwik.cjs");
|
|
2
|
+
const require_ChevronDown = require("../../svg/ChevronDown.qwik.cjs");
|
|
3
|
+
let _qwik_dev_core = require("@qwik.dev/core");
|
|
4
|
+
//#region src/components/elements/Dropdown.tsx
|
|
5
|
+
var Dropdown = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ class: Class, hover, opened, ...props }) => {
|
|
6
|
+
return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("button", {
|
|
7
|
+
type: "button",
|
|
8
|
+
class: {
|
|
9
|
+
"group lum-btn": true,
|
|
10
|
+
...require_functions.getClassObject(Class)
|
|
11
|
+
},
|
|
12
|
+
...(0, _qwik_dev_core._getVarProps)(props)
|
|
13
|
+
}, (0, _qwik_dev_core._getConstProps)(props), [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("span", null, { class: "flex-1 text-left" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "Q4_0"), 1, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_ChevronDown.ChevronDown, { class: {
|
|
14
|
+
"ease-out motion-safe:transition-transform": true,
|
|
15
|
+
"rotate-180 transform": opened,
|
|
16
|
+
"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
|
|
17
|
+
"focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
|
|
18
|
+
} }, { size: 16 }, null, 3, "Q4_1")], 0, "Q4_2");
|
|
19
|
+
}, "Dropdown_component_uFQ6p5skpCY"));
|
|
20
|
+
//#endregion
|
|
31
21
|
exports.Dropdown = Dropdown;
|
|
@@ -1,31 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { component$, Slot } from "@qwik.dev/core";
|
|
1
|
+
import { getClassObject } from "../functions.qwik.mjs";
|
|
3
2
|
import { ChevronDown } from "../../svg/ChevronDown.qwik.mjs";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
|
|
24
|
-
}
|
|
25
|
-
})
|
|
26
|
-
]
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
export {
|
|
30
|
-
Dropdown
|
|
31
|
-
};
|
|
3
|
+
import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl } from "@qwik.dev/core";
|
|
4
|
+
//#region src/components/elements/Dropdown.tsx
|
|
5
|
+
var Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ class: Class, hover, opened, ...props }) => {
|
|
6
|
+
return /* @__PURE__ */ _jsxSplit("button", {
|
|
7
|
+
type: "button",
|
|
8
|
+
class: {
|
|
9
|
+
"group lum-btn": true,
|
|
10
|
+
...getClassObject(Class)
|
|
11
|
+
},
|
|
12
|
+
..._getVarProps(props)
|
|
13
|
+
}, _getConstProps(props), [/* @__PURE__ */ _jsxSorted("span", null, { class: "flex-1 text-left" }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "Q4_0"), 1, null), /* @__PURE__ */ _jsxSorted(ChevronDown, { class: {
|
|
14
|
+
"ease-out motion-safe:transition-transform": true,
|
|
15
|
+
"rotate-180 transform": opened,
|
|
16
|
+
"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
|
|
17
|
+
"focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
|
|
18
|
+
} }, { size: 16 }, null, 3, "Q4_1")], 0, "Q4_2");
|
|
19
|
+
}, "Dropdown_component_uFQ6p5skpCY"));
|
|
20
|
+
//#endregion
|
|
21
|
+
export { Dropdown };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
let _qwik_dev_core = require("@qwik.dev/core");
|
|
2
|
+
//#region src/components/elements/Label.tsx
|
|
3
|
+
var Label = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((props) => {
|
|
4
|
+
return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-col" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("label", { ...(0, _qwik_dev_core._getVarProps)(props) }, {
|
|
5
|
+
...(0, _qwik_dev_core._getConstProps)(props),
|
|
6
|
+
class: "pb-1 text-lum-text select-none"
|
|
7
|
+
}, [(0, _qwik_dev_core._wrapProp)(props, "label"), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { "q:slot": "label" }, null, 3, "20_0")], 0, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "20_1")], 1, "20_2");
|
|
8
|
+
}, "Label_component_k1r00IhIA0s"));
|
|
9
|
+
//#endregion
|
|
10
|
+
exports.Label = Label;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
|
|
2
|
+
//#region src/components/elements/Label.tsx
|
|
3
|
+
var Label = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
|
|
4
|
+
return /* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-col" }, [/* @__PURE__ */ _jsxSplit("label", { ..._getVarProps(props) }, {
|
|
5
|
+
..._getConstProps(props),
|
|
6
|
+
class: "pb-1 text-lum-text select-none"
|
|
7
|
+
}, [_wrapProp(props, "label"), /* @__PURE__ */ _jsxSorted(Slot, null, { "q:slot": "label" }, null, 3, "20_0")], 0, null), /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "20_1")], 1, "20_2");
|
|
8
|
+
}, "Label_component_k1r00IhIA0s"));
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Label };
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
import type { PropsOf } from '@qwik.dev/core';
|
|
2
|
-
interface NavProps extends
|
|
3
|
-
class?: {
|
|
4
|
-
[key: string]: boolean;
|
|
5
|
-
};
|
|
1
|
+
import type { ClassList, PropsOf } from '@qwik.dev/core';
|
|
2
|
+
interface NavProps extends PropsOf<'nav'> {
|
|
6
3
|
fixed?: boolean;
|
|
7
4
|
floating?: boolean;
|
|
8
5
|
noblur?: boolean;
|
|
9
6
|
nohamburger?: boolean;
|
|
10
7
|
nodismiss?: boolean;
|
|
11
|
-
colorClass?:
|
|
8
|
+
colorClass?: ClassList;
|
|
12
9
|
}
|
|
13
10
|
export declare const Nav: import("@qwik.dev/core").Component<NavProps>;
|
|
14
11
|
export {};
|
|
@@ -1,98 +1,64 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
class: "flex flex-1 items-center justify-start gap-2 py-2",
|
|
65
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
|
|
66
|
-
name: "start"
|
|
67
|
-
})
|
|
68
|
-
}),
|
|
69
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
70
|
-
class: "flex flex-1 items-center justify-center gap-2 py-2",
|
|
71
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
|
|
72
|
-
name: "center"
|
|
73
|
-
})
|
|
74
|
-
}),
|
|
75
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
76
|
-
class: "flex flex-1 items-center justify-end gap-2 py-2",
|
|
77
|
-
children: [
|
|
78
|
-
/* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
|
|
79
|
-
name: "end"
|
|
80
|
-
}),
|
|
81
|
-
!nohamburger && /* @__PURE__ */ jsxRuntime.jsx("button", {
|
|
82
|
-
name: "Navigation Menu",
|
|
83
|
-
title: "Navigation Menu",
|
|
84
|
-
class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
|
|
85
|
-
onClick$: () => menu.value = !menu.value,
|
|
86
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(Menu.Menu, {
|
|
87
|
-
size: 24
|
|
88
|
-
})
|
|
89
|
-
})
|
|
90
|
-
]
|
|
91
|
-
})
|
|
92
|
-
]
|
|
93
|
-
})
|
|
94
|
-
})
|
|
95
|
-
]
|
|
96
|
-
});
|
|
97
|
-
});
|
|
1
|
+
const require_functions = require("../functions.qwik.cjs");
|
|
2
|
+
const require_Menu = require("../../svg/Menu.qwik.cjs");
|
|
3
|
+
let _qwik_dev_core = require("@qwik.dev/core");
|
|
4
|
+
//#region src/components/elements/Nav.tsx
|
|
5
|
+
var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ fixed, floating, noblur, nohamburger, nodismiss, class: Class, colorClass = "lum-bg-lum-card-bg", ...props }) => {
|
|
6
|
+
const menu = (0, _qwik_dev_core.useSignal)(false);
|
|
7
|
+
(0, _qwik_dev_core.useTaskQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ track }) => {
|
|
8
|
+
const menu = _qwik_dev_core._captures[0], nodismiss = _qwik_dev_core._captures[1];
|
|
9
|
+
track(() => menu.value);
|
|
10
|
+
if (menu.value && !nodismiss) {
|
|
11
|
+
const onClick = (e) => {
|
|
12
|
+
let el = e.target;
|
|
13
|
+
while (el) {
|
|
14
|
+
if (el.classList && el.classList.contains("nav-ignore-dismiss")) return;
|
|
15
|
+
el = el.parentElement;
|
|
16
|
+
}
|
|
17
|
+
menu.value = false;
|
|
18
|
+
window.removeEventListener("click", onClick);
|
|
19
|
+
};
|
|
20
|
+
window.addEventListener("click", onClick);
|
|
21
|
+
}
|
|
22
|
+
}, "Nav_component_useTask_ZYe1GvC0CAM", [menu, nodismiss]));
|
|
23
|
+
return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("nav", {
|
|
24
|
+
...(0, _qwik_dev_core._getVarProps)(props),
|
|
25
|
+
...(0, _qwik_dev_core._getConstProps)(props),
|
|
26
|
+
class: {
|
|
27
|
+
"top-0 left-0 z-50 flex w-full flex-col": true,
|
|
28
|
+
fixed,
|
|
29
|
+
absolute: !fixed,
|
|
30
|
+
...require_functions.getClassObject(Class)
|
|
31
|
+
}
|
|
32
|
+
}, null, [!nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
|
|
33
|
+
"absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
|
|
34
|
+
"w-[calc(100%-(--spacing(8)))] mx-4": floating,
|
|
35
|
+
"w-[calc(100%-(--spacing(4)))] mx-2": !floating,
|
|
36
|
+
"mt-2": menu.value,
|
|
37
|
+
"pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
|
|
38
|
+
"backdrop-blur-lg": !noblur,
|
|
39
|
+
...require_functions.getClassObject(colorClass)
|
|
40
|
+
} }, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "mobile" }, null, 3, "03_0"), 1, "03_1"), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
|
|
41
|
+
...require_functions.getClassObject(colorClass),
|
|
42
|
+
"border-x-0! border-t-0!": !floating,
|
|
43
|
+
"backdrop-blur-lg": !noblur && !floating,
|
|
44
|
+
"relative mx-2 mt-2": floating
|
|
45
|
+
} }, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
|
|
46
|
+
"mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
|
|
47
|
+
...require_functions.getClassObject(colorClass),
|
|
48
|
+
"rounded-lum border": floating,
|
|
49
|
+
"backdrop-blur-lg": !noblur && floating
|
|
50
|
+
} }, null, [
|
|
51
|
+
/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-1 items-center justify-start gap-2 py-2" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "start" }, null, 3, "03_2"), 1, null),
|
|
52
|
+
/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-1 items-center justify-center gap-2 py-2" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "center" }, null, 3, "03_3"), 1, null),
|
|
53
|
+
/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-1 items-center justify-end gap-2 py-2" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "end" }, null, 3, "03_4"), !nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
|
|
54
|
+
"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_, _1, menu) => menu.value = !menu.value, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
|
|
55
|
+
"q:p": menu
|
|
56
|
+
}, {
|
|
57
|
+
name: "Navigation Menu",
|
|
58
|
+
title: "Navigation Menu",
|
|
59
|
+
class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2"
|
|
60
|
+
}, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Menu.Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 1, null)
|
|
61
|
+
], 1, null), 1, null)], 0, "03_7");
|
|
62
|
+
}, "Nav_component_GVA94DyavJM"));
|
|
63
|
+
//#endregion
|
|
98
64
|
exports.Nav = Nav;
|
|
@@ -1,98 +1,64 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { component$, useSignal, useTask$, Slot } from "@qwik.dev/core";
|
|
1
|
+
import { getClassObject } from "../functions.qwik.mjs";
|
|
3
2
|
import { Menu } from "../../svg/Menu.qwik.mjs";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}),
|
|
67
|
-
/* @__PURE__ */ jsx("div", {
|
|
68
|
-
class: "flex flex-1 items-center justify-center gap-2 py-2",
|
|
69
|
-
children: /* @__PURE__ */ jsx(Slot, {
|
|
70
|
-
name: "center"
|
|
71
|
-
})
|
|
72
|
-
}),
|
|
73
|
-
/* @__PURE__ */ jsxs("div", {
|
|
74
|
-
class: "flex flex-1 items-center justify-end gap-2 py-2",
|
|
75
|
-
children: [
|
|
76
|
-
/* @__PURE__ */ jsx(Slot, {
|
|
77
|
-
name: "end"
|
|
78
|
-
}),
|
|
79
|
-
!nohamburger && /* @__PURE__ */ jsx("button", {
|
|
80
|
-
name: "Navigation Menu",
|
|
81
|
-
title: "Navigation Menu",
|
|
82
|
-
class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
|
|
83
|
-
onClick$: () => menu.value = !menu.value,
|
|
84
|
-
children: /* @__PURE__ */ jsx(Menu, {
|
|
85
|
-
size: 24
|
|
86
|
-
})
|
|
87
|
-
})
|
|
88
|
-
]
|
|
89
|
-
})
|
|
90
|
-
]
|
|
91
|
-
})
|
|
92
|
-
})
|
|
93
|
-
]
|
|
94
|
-
});
|
|
95
|
-
});
|
|
96
|
-
export {
|
|
97
|
-
Nav
|
|
98
|
-
};
|
|
3
|
+
import { Slot, _captures, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl, useSignal, useTaskQrl } from "@qwik.dev/core";
|
|
4
|
+
//#region src/components/elements/Nav.tsx
|
|
5
|
+
var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ fixed, floating, noblur, nohamburger, nodismiss, class: Class, colorClass = "lum-bg-lum-card-bg", ...props }) => {
|
|
6
|
+
const menu = useSignal(false);
|
|
7
|
+
useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
|
|
8
|
+
const menu = _captures[0], nodismiss = _captures[1];
|
|
9
|
+
track(() => menu.value);
|
|
10
|
+
if (menu.value && !nodismiss) {
|
|
11
|
+
const onClick = (e) => {
|
|
12
|
+
let el = e.target;
|
|
13
|
+
while (el) {
|
|
14
|
+
if (el.classList && el.classList.contains("nav-ignore-dismiss")) return;
|
|
15
|
+
el = el.parentElement;
|
|
16
|
+
}
|
|
17
|
+
menu.value = false;
|
|
18
|
+
window.removeEventListener("click", onClick);
|
|
19
|
+
};
|
|
20
|
+
window.addEventListener("click", onClick);
|
|
21
|
+
}
|
|
22
|
+
}, "Nav_component_useTask_ZYe1GvC0CAM", [menu, nodismiss]));
|
|
23
|
+
return /* @__PURE__ */ _jsxSplit("nav", {
|
|
24
|
+
..._getVarProps(props),
|
|
25
|
+
..._getConstProps(props),
|
|
26
|
+
class: {
|
|
27
|
+
"top-0 left-0 z-50 flex w-full flex-col": true,
|
|
28
|
+
fixed,
|
|
29
|
+
absolute: !fixed,
|
|
30
|
+
...getClassObject(Class)
|
|
31
|
+
}
|
|
32
|
+
}, null, [!nohamburger && /* @__PURE__ */ _jsxSorted("div", { class: {
|
|
33
|
+
"absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
|
|
34
|
+
"w-[calc(100%-(--spacing(8)))] mx-4": floating,
|
|
35
|
+
"w-[calc(100%-(--spacing(4)))] mx-2": !floating,
|
|
36
|
+
"mt-2": menu.value,
|
|
37
|
+
"pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
|
|
38
|
+
"backdrop-blur-lg": !noblur,
|
|
39
|
+
...getClassObject(colorClass)
|
|
40
|
+
} }, null, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "mobile" }, null, 3, "03_0"), 1, "03_1"), /* @__PURE__ */ _jsxSorted("div", { class: {
|
|
41
|
+
...getClassObject(colorClass),
|
|
42
|
+
"border-x-0! border-t-0!": !floating,
|
|
43
|
+
"backdrop-blur-lg": !noblur && !floating,
|
|
44
|
+
"relative mx-2 mt-2": floating
|
|
45
|
+
} }, null, /* @__PURE__ */ _jsxSorted("div", { class: {
|
|
46
|
+
"mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
|
|
47
|
+
...getClassObject(colorClass),
|
|
48
|
+
"rounded-lum border": floating,
|
|
49
|
+
"backdrop-blur-lg": !noblur && floating
|
|
50
|
+
} }, null, [
|
|
51
|
+
/* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-1 items-center justify-start gap-2 py-2" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "start" }, null, 3, "03_2"), 1, null),
|
|
52
|
+
/* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-1 items-center justify-center gap-2 py-2" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "center" }, null, 3, "03_3"), 1, null),
|
|
53
|
+
/* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-1 items-center justify-end gap-2 py-2" }, [/* @__PURE__ */ _jsxSorted(Slot, null, { name: "end" }, null, 3, "03_4"), !nohamburger && /* @__PURE__ */ _jsxSorted("button", {
|
|
54
|
+
"q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, menu) => menu.value = !menu.value, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
|
|
55
|
+
"q:p": menu
|
|
56
|
+
}, {
|
|
57
|
+
name: "Navigation Menu",
|
|
58
|
+
title: "Navigation Menu",
|
|
59
|
+
class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2"
|
|
60
|
+
}, /* @__PURE__ */ _jsxSorted(Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 1, null)
|
|
61
|
+
], 1, null), 1, null)], 0, "03_7");
|
|
62
|
+
}, "Nav_component_GVA94DyavJM"));
|
|
63
|
+
//#endregion
|
|
64
|
+
export { Nav };
|
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
import type { PropsOf, QRL } from '@qwik.dev/core';
|
|
2
|
-
interface
|
|
2
|
+
interface NumberInputProps extends Omit<PropsOf<'input'> & {
|
|
3
3
|
type: 'number';
|
|
4
|
-
}, '
|
|
5
|
-
onDecrement
|
|
6
|
-
onIncrement
|
|
4
|
+
}, 'type'> {
|
|
5
|
+
onDecrement$?: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
|
|
6
|
+
onIncrement$?: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
|
|
7
7
|
input?: boolean;
|
|
8
|
-
class?: {
|
|
9
|
-
[key: string]: boolean;
|
|
10
|
-
};
|
|
11
8
|
value?: number;
|
|
12
9
|
min?: number;
|
|
13
10
|
max?: number;
|
|
14
11
|
step?: number;
|
|
15
12
|
}
|
|
16
|
-
interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
|
|
17
|
-
id: string;
|
|
18
|
-
}
|
|
19
13
|
export declare const NumberInput: import("@qwik.dev/core").Component<NumberInputProps>;
|
|
20
|
-
export declare const NumberInputRaw: import("@qwik.dev/core").Component<NumberInputRawProps>;
|
|
21
14
|
export {};
|