@septkit/ui 0.0.2 → 0.0.3
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/dist/config.css +3 -38
- package/dist/dropdown/dropdown.vue.js +18 -18
- package/package.json +1 -1
package/dist/config.css
CHANGED
|
@@ -1,42 +1,5 @@
|
|
|
1
1
|
@plugin "daisyui" {
|
|
2
|
-
themes:
|
|
3
|
-
spark --default,
|
|
4
|
-
dark --prefersdark;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
@plugin "daisyui/theme" {
|
|
8
|
-
name: 'dark';
|
|
9
|
-
default: false;
|
|
10
|
-
prefersdark: false;
|
|
11
|
-
color-scheme: 'dark';
|
|
12
|
-
--color-base-100: oklch(25.33% 0.016 252.42);
|
|
13
|
-
--color-base-200: oklch(23.26% 0.014 253.1);
|
|
14
|
-
--color-base-300: oklch(21.15% 0.012 254.09);
|
|
15
|
-
--color-base-content: oklch(97.807% 0.029 256.847);
|
|
16
|
-
--color-primary: oklch(70% 0.213 47.604);
|
|
17
|
-
--color-primary-content: oklch(96% 0.018 272.314);
|
|
18
|
-
--color-secondary: oklch(95% 0.038 75.164);
|
|
19
|
-
--color-secondary-content: oklch(66% 0.179 58.318);
|
|
20
|
-
--color-accent: oklch(60% 0.118 184.704);
|
|
21
|
-
--color-accent-content: oklch(38% 0.063 188.416);
|
|
22
|
-
--color-neutral: oklch(14% 0.005 285.823);
|
|
23
|
-
--color-neutral-content: oklch(92% 0.004 286.32);
|
|
24
|
-
--color-info: oklch(74% 0.16 232.661);
|
|
25
|
-
--color-info-content: oklch(29% 0.066 243.157);
|
|
26
|
-
--color-success: oklch(76% 0.177 163.223);
|
|
27
|
-
--color-success-content: oklch(37% 0.077 168.94);
|
|
28
|
-
--color-warning: oklch(82% 0.189 84.429);
|
|
29
|
-
--color-warning-content: oklch(41% 0.112 45.904);
|
|
30
|
-
--color-error: oklch(71% 0.194 13.428);
|
|
31
|
-
--color-error-content: oklch(27% 0.105 12.094);
|
|
32
|
-
--radius-selector: 0.5rem;
|
|
33
|
-
--radius-field: 0.25rem;
|
|
34
|
-
--radius-box: 0.5rem;
|
|
35
|
-
--size-selector: 0.25rem;
|
|
36
|
-
--size-field: 0.25rem;
|
|
37
|
-
--border: 1px;
|
|
38
|
-
--depth: 1;
|
|
39
|
-
--noise: 0;
|
|
2
|
+
themes: spark --default;
|
|
40
3
|
}
|
|
41
4
|
|
|
42
5
|
@plugin "daisyui/theme" {
|
|
@@ -72,4 +35,6 @@
|
|
|
72
35
|
--border: 1.5px;
|
|
73
36
|
--depth: 1;
|
|
74
37
|
--noise: 1;
|
|
38
|
+
|
|
39
|
+
--border-color: var(--color-base-content);
|
|
75
40
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as h, useTemplateRef as k, ref as _, computed as
|
|
1
|
+
import { defineComponent as h, useTemplateRef as k, ref as _, computed as t, createElementBlock as l, openBlock as r, createElementVNode as z, withDirectives as C, normalizeClass as O, withModifiers as S, renderSlot as a, unref as B } from "vue";
|
|
2
2
|
import { VOnClickOutside as D } from "../external/.pnpm/@vueuse_components@13.5.0_vue@3.5.17_typescript@5.8.3_/node_modules/@vueuse/components/index.js";
|
|
3
3
|
const x = ["open"], q = {
|
|
4
4
|
"data-testid": "dropdown-menu",
|
|
@@ -16,7 +16,7 @@ const x = ["open"], q = {
|
|
|
16
16
|
},
|
|
17
17
|
emits: ["open", "close"],
|
|
18
18
|
setup(c, { expose: u, emit: p }) {
|
|
19
|
-
const n = c,
|
|
19
|
+
const n = c, d = p, i = k("details-ref"), e = _(!1), b = t(
|
|
20
20
|
() => ({
|
|
21
21
|
neutral: "btn-neutral",
|
|
22
22
|
primary: "btn-primary",
|
|
@@ -28,7 +28,7 @@ const x = ["open"], q = {
|
|
|
28
28
|
error: "btn-error",
|
|
29
29
|
undefined: ""
|
|
30
30
|
})[n.color ?? "undefined"]
|
|
31
|
-
), f =
|
|
31
|
+
), f = t(
|
|
32
32
|
() => ({
|
|
33
33
|
outline: "btn-outline",
|
|
34
34
|
dash: "btn-dash",
|
|
@@ -37,7 +37,7 @@ const x = ["open"], q = {
|
|
|
37
37
|
link: "btn-link",
|
|
38
38
|
undefined: ""
|
|
39
39
|
})[n.variant ?? "undefined"]
|
|
40
|
-
), m =
|
|
40
|
+
), m = t(
|
|
41
41
|
() => ({
|
|
42
42
|
xs: "btn-xs",
|
|
43
43
|
sm: "btn-sm",
|
|
@@ -46,7 +46,7 @@ const x = ["open"], q = {
|
|
|
46
46
|
xl: "btn-xl",
|
|
47
47
|
undefined: ""
|
|
48
48
|
})[n.size ?? "undefined"]
|
|
49
|
-
),
|
|
49
|
+
), g = t(
|
|
50
50
|
() => ({
|
|
51
51
|
wide: "btn-wide",
|
|
52
52
|
block: "btn-block",
|
|
@@ -55,17 +55,17 @@ const x = ["open"], q = {
|
|
|
55
55
|
undefined: ""
|
|
56
56
|
})[n.modifier ?? "undefined"]
|
|
57
57
|
);
|
|
58
|
-
function
|
|
59
|
-
|
|
58
|
+
function v() {
|
|
59
|
+
i.value && (i.value.open = e.value);
|
|
60
60
|
}
|
|
61
61
|
function s() {
|
|
62
|
-
e.value = !1,
|
|
62
|
+
e.value = !1, d("close");
|
|
63
63
|
}
|
|
64
|
-
function
|
|
65
|
-
e.value = !0,
|
|
64
|
+
function w() {
|
|
65
|
+
console.debug({ level: "debug", msg: "opening dropdown" }), e.value = !0, d("open");
|
|
66
66
|
}
|
|
67
67
|
function y() {
|
|
68
|
-
e.value ? s() :
|
|
68
|
+
console.debug({ level: "debug", msg: "toggle dropdown" }), e.value ? s() : w();
|
|
69
69
|
}
|
|
70
70
|
return u({
|
|
71
71
|
/** Method to close the dropdown */
|
|
@@ -73,12 +73,12 @@ const x = ["open"], q = {
|
|
|
73
73
|
/** Reactive boolean of the dropdown state */
|
|
74
74
|
isOpen: e,
|
|
75
75
|
id: n.id
|
|
76
|
-
}), (
|
|
76
|
+
}), (o, E) => (r(), l("details", {
|
|
77
77
|
"data-testid": "dropdown-wrapper",
|
|
78
78
|
ref: "details-ref",
|
|
79
79
|
class: "dropdown",
|
|
80
80
|
open: e.value,
|
|
81
|
-
onToggle:
|
|
81
|
+
onToggle: v
|
|
82
82
|
}, [
|
|
83
83
|
z("summary", {
|
|
84
84
|
"data-testid": "dropdown-trigger",
|
|
@@ -87,14 +87,14 @@ const x = ["open"], q = {
|
|
|
87
87
|
b.value,
|
|
88
88
|
f.value,
|
|
89
89
|
m.value,
|
|
90
|
-
|
|
91
|
-
{ "btn-active":
|
|
90
|
+
g.value,
|
|
91
|
+
{ "btn-active": o.active, "btn-disabled": o.disabled }
|
|
92
92
|
]])
|
|
93
93
|
}, [
|
|
94
|
-
|
|
94
|
+
a(o.$slots, "label")
|
|
95
95
|
], 2),
|
|
96
|
-
C((
|
|
97
|
-
|
|
96
|
+
C((r(), l("ul", q, [
|
|
97
|
+
a(o.$slots, "items")
|
|
98
98
|
])), [
|
|
99
99
|
[
|
|
100
100
|
B(D),
|