@nr1e/qwik-ui 0.0.36 → 0.0.38
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.
|
@@ -45,7 +45,7 @@ const Dialog = qwik.component$((props) => {
|
|
|
45
45
|
class: `modal-box ${props.modalBoxClass ?? ""}`,
|
|
46
46
|
children: [
|
|
47
47
|
props.showCloseIcon && /* @__PURE__ */ jsxRuntime.jsx("button", {
|
|
48
|
-
class: "btn btn-sm btn-circle btn-ghost absolute top-1 right-1",
|
|
48
|
+
class: "btn btn-sm btn-circle btn-ghost absolute top-1 right-1 z-50",
|
|
49
49
|
onClick$: () => {
|
|
50
50
|
props.open.value = false;
|
|
51
51
|
},
|
|
@@ -43,7 +43,7 @@ const Dialog = component$((props) => {
|
|
|
43
43
|
class: `modal-box ${props.modalBoxClass ?? ""}`,
|
|
44
44
|
children: [
|
|
45
45
|
props.showCloseIcon && /* @__PURE__ */ jsx("button", {
|
|
46
|
-
class: "btn btn-sm btn-circle btn-ghost absolute top-1 right-1",
|
|
46
|
+
class: "btn btn-sm btn-circle btn-ghost absolute top-1 right-1 z-50",
|
|
47
47
|
onClick$: () => {
|
|
48
48
|
props.open.value = false;
|
|
49
49
|
},
|
|
@@ -6,8 +6,9 @@ const qwikCity = require("@builder.io/qwik-city");
|
|
|
6
6
|
const MenuItem = qwik.component$((props) => {
|
|
7
7
|
const nav = qwikCity.useNavigate();
|
|
8
8
|
return /* @__PURE__ */ jsxRuntime.jsx("li", {
|
|
9
|
+
class: props.class ?? "",
|
|
9
10
|
children: /* @__PURE__ */ jsxRuntime.jsx(qwikCity.Link, {
|
|
10
|
-
class: `truncate ${props.selected
|
|
11
|
+
class: `truncate ${props.selected ? "bg-base-200" : ""}`,
|
|
11
12
|
href: props.href,
|
|
12
13
|
prefetch: props.prefetch ?? true,
|
|
13
14
|
onClick$: async (event) => {
|
|
@@ -27,28 +28,30 @@ const MenuItem = qwik.component$((props) => {
|
|
|
27
28
|
})
|
|
28
29
|
});
|
|
29
30
|
});
|
|
30
|
-
const MenuGroupSummary = qwik.component$(() => {
|
|
31
|
+
const MenuGroupSummary = qwik.component$((props) => {
|
|
31
32
|
return /* @__PURE__ */ jsxRuntime.jsx("summary", {
|
|
32
|
-
class:
|
|
33
|
+
class: `truncate ${props?.class ?? ""}`,
|
|
33
34
|
children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
|
|
34
35
|
});
|
|
35
36
|
});
|
|
36
37
|
const MenuGroup = qwik.component$((props) => {
|
|
37
38
|
return /* @__PURE__ */ jsxRuntime.jsx("li", {
|
|
39
|
+
class: props.class ?? "",
|
|
38
40
|
children: /* @__PURE__ */ jsxRuntime.jsx("details", {
|
|
39
41
|
open: props.open,
|
|
40
42
|
children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
|
|
41
43
|
})
|
|
42
44
|
});
|
|
43
45
|
});
|
|
44
|
-
const Submenu = qwik.component$(() => {
|
|
46
|
+
const Submenu = qwik.component$((props) => {
|
|
45
47
|
return /* @__PURE__ */ jsxRuntime.jsx("ul", {
|
|
48
|
+
class: props?.class ?? "",
|
|
46
49
|
children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
|
|
47
50
|
});
|
|
48
51
|
});
|
|
49
|
-
const MenuDivider = qwik.component$(() => {
|
|
52
|
+
const MenuDivider = qwik.component$((props) => {
|
|
50
53
|
return /* @__PURE__ */ jsxRuntime.jsx("li", {
|
|
51
|
-
class: "
|
|
54
|
+
class: `divider ${props?.class ?? ""}`
|
|
52
55
|
});
|
|
53
56
|
});
|
|
54
57
|
const Menu = qwik.component$((props) => {
|
|
@@ -4,8 +4,9 @@ import { useNavigate, Link } from "@builder.io/qwik-city";
|
|
|
4
4
|
const MenuItem = component$((props) => {
|
|
5
5
|
const nav = useNavigate();
|
|
6
6
|
return /* @__PURE__ */ jsx("li", {
|
|
7
|
+
class: props.class ?? "",
|
|
7
8
|
children: /* @__PURE__ */ jsx(Link, {
|
|
8
|
-
class: `truncate ${props.selected
|
|
9
|
+
class: `truncate ${props.selected ? "bg-base-200" : ""}`,
|
|
9
10
|
href: props.href,
|
|
10
11
|
prefetch: props.prefetch ?? true,
|
|
11
12
|
onClick$: async (event) => {
|
|
@@ -25,28 +26,30 @@ const MenuItem = component$((props) => {
|
|
|
25
26
|
})
|
|
26
27
|
});
|
|
27
28
|
});
|
|
28
|
-
const MenuGroupSummary = component$(() => {
|
|
29
|
+
const MenuGroupSummary = component$((props) => {
|
|
29
30
|
return /* @__PURE__ */ jsx("summary", {
|
|
30
|
-
class:
|
|
31
|
+
class: `truncate ${props?.class ?? ""}`,
|
|
31
32
|
children: /* @__PURE__ */ jsx(Slot, {})
|
|
32
33
|
});
|
|
33
34
|
});
|
|
34
35
|
const MenuGroup = component$((props) => {
|
|
35
36
|
return /* @__PURE__ */ jsx("li", {
|
|
37
|
+
class: props.class ?? "",
|
|
36
38
|
children: /* @__PURE__ */ jsx("details", {
|
|
37
39
|
open: props.open,
|
|
38
40
|
children: /* @__PURE__ */ jsx(Slot, {})
|
|
39
41
|
})
|
|
40
42
|
});
|
|
41
43
|
});
|
|
42
|
-
const Submenu = component$(() => {
|
|
44
|
+
const Submenu = component$((props) => {
|
|
43
45
|
return /* @__PURE__ */ jsx("ul", {
|
|
46
|
+
class: props?.class ?? "",
|
|
44
47
|
children: /* @__PURE__ */ jsx(Slot, {})
|
|
45
48
|
});
|
|
46
49
|
});
|
|
47
|
-
const MenuDivider = component$(() => {
|
|
50
|
+
const MenuDivider = component$((props) => {
|
|
48
51
|
return /* @__PURE__ */ jsx("li", {
|
|
49
|
-
class: "
|
|
52
|
+
class: `divider ${props?.class ?? ""}`
|
|
50
53
|
});
|
|
51
54
|
});
|
|
52
55
|
const Menu = component$((props) => {
|
|
@@ -5,15 +5,26 @@ export interface MenuItemProps {
|
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
loading?: Signal<boolean>;
|
|
7
7
|
onClick$?: QRL<(event: Event) => void>;
|
|
8
|
+
class?: string;
|
|
8
9
|
}
|
|
9
10
|
export declare const MenuItem: import("@builder.io/qwik").Component<MenuItemProps>;
|
|
10
|
-
export
|
|
11
|
+
export interface MenuGroupSummaryProps {
|
|
12
|
+
class?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const MenuGroupSummary: import("@builder.io/qwik").Component<MenuGroupSummaryProps | undefined>;
|
|
11
15
|
export interface MenuGroupProps {
|
|
12
16
|
open?: boolean;
|
|
17
|
+
class?: string;
|
|
13
18
|
}
|
|
14
19
|
export declare const MenuGroup: import("@builder.io/qwik").Component<MenuGroupProps>;
|
|
15
|
-
export
|
|
16
|
-
|
|
20
|
+
export interface SubmenuProps {
|
|
21
|
+
class?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const Submenu: import("@builder.io/qwik").Component<SubmenuProps | undefined>;
|
|
24
|
+
export interface MenuDividerProps {
|
|
25
|
+
class?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare const MenuDivider: import("@builder.io/qwik").Component<MenuDividerProps | undefined>;
|
|
17
28
|
export interface MenuProps {
|
|
18
29
|
class?: string;
|
|
19
30
|
}
|