@stachelock/ui 0.2.9 → 0.2.11
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/{NavigationItem.vue_vue_type_script_setup_true_lang-53p-Y_ru.js → NavigationItem.vue_vue_type_script_setup_true_lang-CEsuYl3S.js} +20 -20
- package/dist/NavigationItem.vue_vue_type_script_setup_true_lang-CEsuYl3S.js.map +1 -0
- package/dist/{SidebarLayout.vue_vue_type_script_setup_true_lang-BngtQexQ.js → SidebarLayout.vue_vue_type_script_setup_true_lang-CzLbBcNS.js} +22 -22
- package/dist/{SidebarLayout.vue_vue_type_script_setup_true_lang-BngtQexQ.js.map → SidebarLayout.vue_vue_type_script_setup_true_lang-CzLbBcNS.js.map} +1 -1
- package/dist/index.js +2 -2
- package/dist/layouts/NavigationItem.js +1 -1
- package/dist/layouts/SidebarLayout.js +1 -1
- package/package.json +1 -1
- package/dist/NavigationItem.vue_vue_type_script_setup_true_lang-53p-Y_ru.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as r, createElementBlock as l, openBlock as s, createElementVNode as i, normalizeStyle as n, normalizeClass as a, createBlock as m, createCommentVNode as t, resolveDynamicComponent as d, toDisplayString as o } from "vue";
|
|
2
|
+
const c = ["href"], g = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "sl-truncate"
|
|
5
|
-
},
|
|
5
|
+
}, b = /* @__PURE__ */ r({
|
|
6
6
|
__name: "NavigationItem",
|
|
7
7
|
props: {
|
|
8
8
|
name: {},
|
|
@@ -13,32 +13,32 @@ const m = ["href"], h = {
|
|
|
13
13
|
badge: {},
|
|
14
14
|
badgeTheme: {}
|
|
15
15
|
},
|
|
16
|
-
setup(
|
|
17
|
-
return (e, p) => (
|
|
16
|
+
setup(h) {
|
|
17
|
+
return (e, p) => (s(), l("li", null, [
|
|
18
18
|
i("a", {
|
|
19
19
|
href: e.href,
|
|
20
|
-
class:
|
|
20
|
+
class: a([
|
|
21
21
|
"sl-group sl-flex sl-gap-x-3 sl-rounded-md sl-p-2 sl-text-sm sl-leading-6 sl-font-semibold",
|
|
22
22
|
e.isActive ? "sl-bg-stachelock-400" : "hover:sl-bg-white/10"
|
|
23
23
|
]),
|
|
24
|
-
style:
|
|
25
|
-
color: e.isActive ? "
|
|
26
|
-
backgroundColor: e.isActive ? "
|
|
24
|
+
style: n({
|
|
25
|
+
color: e.isActive ? "#fef2f2" : "#fca5a5",
|
|
26
|
+
backgroundColor: e.isActive ? "#f87171" : "transparent"
|
|
27
27
|
})
|
|
28
28
|
}, [
|
|
29
|
-
(
|
|
30
|
-
class:
|
|
29
|
+
(s(), m(d(e.icon), {
|
|
30
|
+
class: a([
|
|
31
31
|
"sl-h-6 sl-w-6 sl-shrink-0"
|
|
32
32
|
]),
|
|
33
|
-
style:
|
|
34
|
-
color: e.isActive ? "
|
|
33
|
+
style: n({
|
|
34
|
+
color: e.isActive ? "#fef2f2" : "#fca5a5"
|
|
35
35
|
}),
|
|
36
36
|
"aria-hidden": "true"
|
|
37
37
|
}, null, 8, ["style"])),
|
|
38
|
-
e.iconOnly ? t("", !0) : (
|
|
39
|
-
e.badge ? (
|
|
38
|
+
e.iconOnly ? t("", !0) : (s(), l("span", g, o(e.name), 1)),
|
|
39
|
+
e.badge ? (s(), l("span", {
|
|
40
40
|
key: 1,
|
|
41
|
-
class:
|
|
41
|
+
class: a([
|
|
42
42
|
"sl-ml-auto sl-inline-flex sl-items-center sl-rounded-md sl-px-2 sl-py-1 sl-text-xs sl-font-medium",
|
|
43
43
|
e.badgeTheme === "primary" ? "sl-bg-stachelock-400 sl-text-white" : "",
|
|
44
44
|
e.badgeTheme === "secondary" ? "sl-bg-gray-400 sl-text-white" : "",
|
|
@@ -46,12 +46,12 @@ const m = ["href"], h = {
|
|
|
46
46
|
e.badgeTheme === "warning" ? "sl-bg-yellow-400 sl-text-white" : "",
|
|
47
47
|
e.badgeTheme === "danger" ? "sl-bg-red-400 sl-text-white" : ""
|
|
48
48
|
])
|
|
49
|
-
},
|
|
50
|
-
], 14,
|
|
49
|
+
}, o(e.badge), 3)) : t("", !0)
|
|
50
|
+
], 14, c)
|
|
51
51
|
]));
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
54
|
export {
|
|
55
|
-
|
|
55
|
+
b as _
|
|
56
56
|
};
|
|
57
|
-
//# sourceMappingURL=NavigationItem.vue_vue_type_script_setup_true_lang-
|
|
57
|
+
//# sourceMappingURL=NavigationItem.vue_vue_type_script_setup_true_lang-CEsuYl3S.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavigationItem.vue_vue_type_script_setup_true_lang-CEsuYl3S.js","sources":["../src/components/layouts/NavigationItem.vue"],"sourcesContent":["<template>\n <li>\n <a :href=\"href\" :class=\"[\n 'sl-group sl-flex sl-gap-x-3 sl-rounded-md sl-p-2 sl-text-sm sl-leading-6 sl-font-semibold',\n isActive \n ? 'sl-bg-stachelock-400'\n : 'hover:sl-bg-white/10'\n ]\"\n :style=\"{\n color: isActive \n ? '#fef2f2' \n : '#fca5a5',\n backgroundColor: isActive \n ? '#f87171' \n : 'transparent'\n }\">\n <component \n :is=\"icon\" \n :class=\"[\n 'sl-h-6 sl-w-6 sl-shrink-0'\n ]\"\n :style=\"{\n color: isActive \n ? '#fef2f2' \n : '#fca5a5'\n }\" \n aria-hidden=\"true\" \n />\n <span v-if=\"!iconOnly\" class=\"sl-truncate\">{{ name }}</span>\n <span v-if=\"badge\" :class=\"[\n 'sl-ml-auto sl-inline-flex sl-items-center sl-rounded-md sl-px-2 sl-py-1 sl-text-xs sl-font-medium',\n badgeTheme === 'primary' ? 'sl-bg-stachelock-400 sl-text-white' : '',\n badgeTheme === 'secondary' ? 'sl-bg-gray-400 sl-text-white' : '',\n badgeTheme === 'success' ? 'sl-bg-green-400 sl-text-white' : '',\n badgeTheme === 'warning' ? 'sl-bg-yellow-400 sl-text-white' : '',\n badgeTheme === 'danger' ? 'sl-bg-red-400 sl-text-white' : ''\n ]\">\n {{ badge }}\n </span>\n </a>\n </li>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Component } from 'vue';\n\ndefineProps<{\n name: string;\n href: string;\n icon: Component;\n isActive?: boolean;\n iconOnly?: boolean;\n badge?: string;\n badgeTheme?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';\n}>();\n</script>\n\n<style scoped>\n</style>\n"],"names":["_createElementBlock","_createElementVNode","href","_normalizeClass","isActive","_normalizeStyle","_openBlock","_createBlock","_resolveDynamicComponent","icon","iconOnly","_hoisted_2","_toDisplayString","name","badge","badgeTheme"],"mappings":";;;;;;;;;;;;;;;;2BACEA,EAuCK,MAAA,MAAA;AAAA,MAtCHC,EAqCI,KAAA;AAAA,QArCA,MAAMC,EAAAA;AAAAA,QAAa,OAAKC,EAAA;AAAA;UAAiHC,EAAAA;;QAM1I,OAAKC,EAAA;AAAA,iBAAmBD,EAAAA;2BAAiFA,EAAAA;;;SAQ1GE,KAAAC,EAWEC,EAVKC,EAAAA,IAAI,GAAA;AAAA,UACR,OAAKN,EAAE;AAAA;WAEP;AAAA,UACA,OAAKE,EAAA;AAAA,mBAAqBD,EAAAA;;UAK3B,eAAY;AAAA,QAAA;QAEDM,EAAAA,6BAAbV,EAA4D,QAA5DW,GAA4DC,EAAdC,EAAAA,IAAI,GAAA,CAAA;AAAA,QACtCC,EAAAA,cAAZd,EASO,QAAA;AAAA;UATa,OAAKG,EAAA;AAAA;YAAyHY,EAAAA,eAAU,YAAA,uCAAA;AAAA,YAAoEA,EAAAA,eAAU,cAAA,iCAAA;AAAA,YAAgEA,EAAAA,eAAU,YAAA,kCAAA;AAAA,YAA+DA,EAAAA,eAAU,YAAA,mCAAA;AAAA,YAAgEA,EAAAA,eAAU,WAAA,gCAAA;AAAA,UAAA;aAQlcD,EAAAA,KAAK,GAAA,CAAA;;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { defineComponent as u, ref as x, createElementBlock as g, openBlock as v, createVNode as o, createElementVNode as s, unref as a, withCtx as i, renderSlot as t, normalizeClass as d } from "vue";
|
|
2
|
-
import { r as
|
|
3
|
-
import { S as
|
|
4
|
-
import { Y as _, G as
|
|
5
|
-
const
|
|
2
|
+
import { r as b, a as y } from "./XMarkIcon-C4wILUsz.js";
|
|
3
|
+
import { S as h, h as f } from "./transition-CuxxW9dY.js";
|
|
4
|
+
import { Y as _, G as w } from "./dialog-U1KNiPzc.js";
|
|
5
|
+
const k = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }, S = { class: "sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5" }, C = {
|
|
6
6
|
class: "sl-flex sl-grow sl-flex-col sl-gap-y-5 sl-px-6 sl-pb-2 sl-ring-1 sl-ring-white/10",
|
|
7
|
-
style: { "background-color": "
|
|
7
|
+
style: { "background-color": "#dc2626" }
|
|
8
8
|
}, z = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center" }, W = { class: "sl-flex sl-flex-1 sl-flex-col" }, B = {
|
|
9
9
|
role: "list",
|
|
10
10
|
class: "-sl-mx-2 sl-flex-1 sl-space-y-1"
|
|
@@ -16,16 +16,16 @@ const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
|
|
|
16
16
|
default: !1
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
-
setup(
|
|
20
|
-
const
|
|
21
|
-
|
|
19
|
+
setup(n) {
|
|
20
|
+
const r = x(!1), c = () => {
|
|
21
|
+
r.value = !1;
|
|
22
22
|
}, p = () => {
|
|
23
|
-
|
|
23
|
+
r.value = !0;
|
|
24
24
|
};
|
|
25
|
-
return (e, l) => (v(), g("div",
|
|
26
|
-
o(a(
|
|
25
|
+
return (e, l) => (v(), g("div", k, [
|
|
26
|
+
o(a(h), {
|
|
27
27
|
as: "template",
|
|
28
|
-
show:
|
|
28
|
+
show: r.value
|
|
29
29
|
}, {
|
|
30
30
|
default: i(() => [
|
|
31
31
|
o(a(_), {
|
|
@@ -60,7 +60,7 @@ const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
|
|
|
60
60
|
"leave-to": "-sl-translate-x-full"
|
|
61
61
|
}, {
|
|
62
62
|
default: i(() => [
|
|
63
|
-
o(a(
|
|
63
|
+
o(a(w), { class: "sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1" }, {
|
|
64
64
|
default: i(() => [
|
|
65
65
|
o(a(f), {
|
|
66
66
|
as: "template",
|
|
@@ -79,7 +79,7 @@ const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
|
|
|
79
79
|
onClick: l[0] || (l[0] = (m) => c())
|
|
80
80
|
}, [
|
|
81
81
|
l[3] || (l[3] = s("span", { class: "sl-sr-only" }, "Close sidebar", -1)),
|
|
82
|
-
o(a(
|
|
82
|
+
o(a(b), {
|
|
83
83
|
class: "sl-h-6 sl-w-6 sl-text-stachelock-050",
|
|
84
84
|
"aria-hidden": "true"
|
|
85
85
|
})
|
|
@@ -93,7 +93,7 @@ const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
|
|
|
93
93
|
t(e.$slots, "logo", {}, () => [
|
|
94
94
|
l[4] || (l[4] = s("div", {
|
|
95
95
|
class: "sl-font-semibold sl-text-lg",
|
|
96
|
-
style: { color: "
|
|
96
|
+
style: { color: "#fef2f2" }
|
|
97
97
|
}, "Logo", -1))
|
|
98
98
|
])
|
|
99
99
|
]),
|
|
@@ -120,21 +120,21 @@ const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
|
|
|
120
120
|
_: 3
|
|
121
121
|
}, 8, ["show"]),
|
|
122
122
|
s("div", {
|
|
123
|
-
class: d(["sl-hidden lg:sl-fixed lg:sl-inset-y-0 lg:sl-left-0 lg:sl-z-50 lg:sl-block lg:sl-pb-4 sl-pt-4",
|
|
124
|
-
style: { "background-color": "
|
|
123
|
+
class: d(["sl-hidden lg:sl-fixed lg:sl-inset-y-0 lg:sl-left-0 lg:sl-z-50 lg:sl-block lg:sl-pb-4 sl-pt-4", n.isWideSidebar ? "lg:sl-w-72" : "lg:sl-w-20"]),
|
|
124
|
+
style: { "background-color": "#dc2626" }
|
|
125
125
|
}, [
|
|
126
126
|
s("div", j, [
|
|
127
127
|
t(e.$slots, "logo", {}, () => [
|
|
128
128
|
l[5] || (l[5] = s("div", {
|
|
129
129
|
class: "sl-font-semibold sl-text-lg",
|
|
130
|
-
style: { color: "
|
|
130
|
+
style: { color: "#fef2f2" }
|
|
131
131
|
}, "Logo", -1))
|
|
132
132
|
])
|
|
133
133
|
]),
|
|
134
134
|
s("nav", E, [
|
|
135
135
|
s("ul", {
|
|
136
136
|
role: "list",
|
|
137
|
-
class: d(
|
|
137
|
+
class: d(n.isWideSidebar ? "sl-flex sl-flex-col sl-items-start sl-mx-4 sl-space-y-1" : "sl-flex sl-flex-col sl-items-center sl-space-y-1")
|
|
138
138
|
}, [
|
|
139
139
|
t(e.$slots, "navigation")
|
|
140
140
|
], 2),
|
|
@@ -144,7 +144,7 @@ const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
|
|
|
144
144
|
])
|
|
145
145
|
], 2),
|
|
146
146
|
s("div", {
|
|
147
|
-
class: d(["lg:sl-pl-20",
|
|
147
|
+
class: d(["lg:sl-pl-20", n.isWideSidebar ? "lg:sl-pl-72" : "lg:sl-pl-20"])
|
|
148
148
|
}, [
|
|
149
149
|
s("div", N, [
|
|
150
150
|
s("button", {
|
|
@@ -153,7 +153,7 @@ const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
|
|
|
153
153
|
onClick: l[1] || (l[1] = (m) => p())
|
|
154
154
|
}, [
|
|
155
155
|
l[6] || (l[6] = s("span", { class: "sl-sr-only" }, "Open sidebar", -1)),
|
|
156
|
-
o(a(
|
|
156
|
+
o(a(y), {
|
|
157
157
|
class: "sl-h-6 sl-w-6",
|
|
158
158
|
"aria-hidden": "true"
|
|
159
159
|
})
|
|
@@ -181,4 +181,4 @@ const w = { class: "sl-relative" }, $ = { class: "sl-fixed sl-inset-0 sl-flex" }
|
|
|
181
181
|
export {
|
|
182
182
|
I as _
|
|
183
183
|
};
|
|
184
|
-
//# sourceMappingURL=SidebarLayout.vue_vue_type_script_setup_true_lang-
|
|
184
|
+
//# sourceMappingURL=SidebarLayout.vue_vue_type_script_setup_true_lang-CzLbBcNS.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarLayout.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
{"version":3,"file":"SidebarLayout.vue_vue_type_script_setup_true_lang-CzLbBcNS.js","sources":["../src/components/layouts/SidebarLayout.vue"],"sourcesContent":["<template>\n <div class=\"sl-relative\">\n <!-- Mobile sidebar overlay -->\n <TransitionRoot as=\"template\" :show=\"sidebarOpen\">\n <Dialog as=\"div\" class=\"sl-relative sl-z-50 lg:sl-hidden\" @close=\"closeSidebar\">\n <TransitionChild as=\"template\" enter=\"sl-transition-opacity sl-ease-linear sl-duration-300\"\n enter-from=\"sl-opacity-0\" enter-to=\"sl-opacity-100\"\n leave=\"sl-transition-opacity sl-ease-linear sl-duration-300\" leave-from=\"sl-opacity-100\"\n leave-to=\"sl-opacity-0\">\n <div class=\"sl-fixed sl-inset-0 sl-bg-gray-900/80\" />\n </TransitionChild>\n\n <div class=\"sl-fixed sl-inset-0 sl-flex\">\n <TransitionChild as=\"template\" enter=\"sl-transition sl-ease-in-out sl-duration-300 sl-transform\"\n enter-from=\"-sl-translate-x-full\" enter-to=\"sl-translate-x-0\"\n leave=\"sl-transition sl-ease-in-out sl-duration-300 sl-transform\" leave-from=\"sl-translate-x-0\"\n leave-to=\"-sl-translate-x-full\">\n <DialogPanel class=\"sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1\">\n <TransitionChild as=\"template\" enter=\"sl-ease-in-out sl-duration-300\" enter-from=\"sl-opacity-0\"\n enter-to=\"sl-opacity-100\" leave=\"sl-ease-in-out sl-duration-300\" leave-from=\"sl-opacity-100\"\n leave-to=\"sl-opacity-0\">\n <div class=\"sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5\">\n <button type=\"button\" class=\"-sl-m-2.5 sl-p-2.5\" @click=\"closeSidebar()\">\n <span class=\"sl-sr-only\">Close sidebar</span>\n <XMarkIcon class=\"sl-h-6 sl-w-6 sl-text-stachelock-050\" aria-hidden=\"true\" />\n </button>\n </div>\n </TransitionChild>\n\n <div\n class=\"sl-flex sl-grow sl-flex-col sl-gap-y-5 sl-px-6 sl-pb-2 sl-ring-1 sl-ring-white/10\"\n style=\"background-color: #dc2626;\">\n <div class=\"sl-flex sl-h-16 sl-shrink-0 sl-items-center\">\n <slot name=\"logo\">\n <div class=\"sl-font-semibold sl-text-lg\" style=\"color: #fef2f2;\">Logo</div>\n </slot>\n </div>\n <nav class=\"sl-flex sl-flex-1 sl-flex-col\">\n <ul role=\"list\" class=\"-sl-mx-2 sl-flex-1 sl-space-y-1\">\n <slot name=\"navigation\">\n <!-- Default navigation slot -->\n </slot>\n </ul>\n </nav>\n <div class=\"sl-mt-auto\">\n <slot name=\"sidebar-footer\">\n <!-- Sidebar footer content -->\n </slot>\n </div>\n </div>\n </DialogPanel>\n </TransitionChild>\n </div>\n </Dialog>\n </TransitionRoot>\n\n <!-- Desktop sidebar -->\n <div\n class=\"sl-hidden lg:sl-fixed lg:sl-inset-y-0 lg:sl-left-0 lg:sl-z-50 lg:sl-block lg:sl-pb-4 sl-pt-4\"\n style=\"background-color: #dc2626;\"\n :class=\"isWideSidebar ? 'lg:sl-w-72' : 'lg:sl-w-20'\">\n <div class=\"sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6\">\n <slot name=\"logo\">\n <div class=\"sl-font-semibold sl-text-lg\" style=\"color: #fef2f2;\">Logo</div>\n </slot>\n </div>\n <nav class=\"sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full\">\n <ul role=\"list\"\n :class=\"isWideSidebar ? 'sl-flex sl-flex-col sl-items-start sl-mx-4 sl-space-y-1' : 'sl-flex sl-flex-col sl-items-center sl-space-y-1'\">\n <slot name=\"navigation\">\n <!-- Default navigation slot -->\n </slot>\n </ul>\n <div class=\"sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6\">\n <slot name=\"sidebar-footer\">\n <!-- Sidebar footer content -->\n </slot>\n </div>\n </nav>\n </div>\n\n <!-- Main content area -->\n <div :class=\"['lg:sl-pl-20', isWideSidebar ? 'lg:sl-pl-72' : 'lg:sl-pl-20']\">\n <!-- Header -->\n <div\n class=\"sl-sticky sl-top-0 sl-z-40 sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-gap-x-4 sl-border-b sl-border-gray-200 sl-bg-white sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8\">\n <button type=\"button\" class=\"-sl-m-2.5 sl-p-2.5 sl-text-gray-700 lg:sl-hidden\" @click=\"openSidebar()\">\n <span class=\"sl-sr-only\">Open sidebar</span>\n <Bars3Icon class=\"sl-h-6 sl-w-6\" aria-hidden=\"true\" />\n </button>\n\n <!-- Separator -->\n <div class=\"sl-h-6 sl-w-px sl-bg-gray-900/10 lg:sl-hidden\" aria-hidden=\"true\" />\n\n <div class=\"sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6\">\n <div class=\"sl-relative sl-flex sl-flex-1\">\n <slot name=\"header-content\">\n <!-- Header content -->\n </slot>\n </div>\n <div class=\"sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6\">\n <slot name=\"header-right\">\n <!-- Header right content (notifications, profile, etc.) -->\n </slot>\n </div>\n </div>\n </div>\n\n <!-- Main content -->\n <main class=\"sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6\">\n <slot name=\"main\">\n <!-- Main content slot -->\n </slot>\n </main>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { Dialog, DialogPanel, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { Bars3Icon, XMarkIcon } from '@heroicons/vue/24/outline';\n\ndefineProps({\n isWideSidebar: {\n type: Boolean,\n default: false\n }\n});\n\nconst sidebarOpen = ref(false);\n\nconst closeSidebar = () => {\n sidebarOpen.value = false;\n};\n\nconst openSidebar = () => {\n sidebarOpen.value = true;\n};\n</script>\n\n<style scoped></style>\n"],"names":["sidebarOpen","ref","closeSidebar","openSidebar","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","TransitionRoot","Dialog","TransitionChild","_cache","_createElementVNode","_hoisted_2","DialogPanel","_hoisted_3","XMarkIcon","_hoisted_4","_hoisted_5","_renderSlot","_ctx","_hoisted_6","_hoisted_7","_hoisted_8","_normalizeClass","__props","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","Bars3Icon","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -28,8 +28,8 @@ import { _ as Ge } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-C
|
|
|
28
28
|
import { _ as He } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
|
|
29
29
|
import { _ as qe } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
|
|
30
30
|
import { _ as Ke } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-2tAB9Hbx.js";
|
|
31
|
-
import { _ as Xe } from "./NavigationItem.vue_vue_type_script_setup_true_lang-
|
|
32
|
-
import { _ as et } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-
|
|
31
|
+
import { _ as Xe } from "./NavigationItem.vue_vue_type_script_setup_true_lang-CEsuYl3S.js";
|
|
32
|
+
import { _ as et } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-CzLbBcNS.js";
|
|
33
33
|
import { default as st } from "./components/Badge.js";
|
|
34
34
|
import { default as rt } from "./components/Button.js";
|
|
35
35
|
import { default as lt } from "./components/LoadingDots.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationItem.vue_vue_type_script_setup_true_lang-53p-Y_ru.js","sources":["../src/components/layouts/NavigationItem.vue"],"sourcesContent":["<template>\n <li>\n <a :href=\"href\" :class=\"[\n 'sl-group sl-flex sl-gap-x-3 sl-rounded-md sl-p-2 sl-text-sm sl-leading-6 sl-font-semibold',\n isActive \n ? 'sl-bg-stachelock-400'\n : 'hover:sl-bg-white/10'\n ]\"\n :style=\"{\n color: isActive \n ? 'var(--sl-color-stachelock-050, #edeff9)' \n : 'var(--sl-color-stachelock-300, #949ed9)',\n backgroundColor: isActive \n ? 'var(--sl-color-stachelock-400, #717ecd)' \n : 'transparent'\n }\">\n <component \n :is=\"icon\" \n :class=\"[\n 'sl-h-6 sl-w-6 sl-shrink-0'\n ]\"\n :style=\"{\n color: isActive \n ? 'var(--sl-color-stachelock-050, #edeff9)' \n : 'var(--sl-color-stachelock-300, #949ed9)'\n }\" \n aria-hidden=\"true\" \n />\n <span v-if=\"!iconOnly\" class=\"sl-truncate\">{{ name }}</span>\n <span v-if=\"badge\" :class=\"[\n 'sl-ml-auto sl-inline-flex sl-items-center sl-rounded-md sl-px-2 sl-py-1 sl-text-xs sl-font-medium',\n badgeTheme === 'primary' ? 'sl-bg-stachelock-400 sl-text-white' : '',\n badgeTheme === 'secondary' ? 'sl-bg-gray-400 sl-text-white' : '',\n badgeTheme === 'success' ? 'sl-bg-green-400 sl-text-white' : '',\n badgeTheme === 'warning' ? 'sl-bg-yellow-400 sl-text-white' : '',\n badgeTheme === 'danger' ? 'sl-bg-red-400 sl-text-white' : ''\n ]\">\n {{ badge }}\n </span>\n </a>\n </li>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Component } from 'vue';\n\ndefineProps<{\n name: string;\n href: string;\n icon: Component;\n isActive?: boolean;\n iconOnly?: boolean;\n badge?: string;\n badgeTheme?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';\n}>();\n</script>\n\n<style scoped>\n</style>\n"],"names":["_createElementBlock","_createElementVNode","href","_normalizeClass","isActive","_normalizeStyle","_openBlock","_createBlock","_resolveDynamicComponent","icon","iconOnly","_hoisted_2","_toDisplayString","name","badge","badgeTheme"],"mappings":";;;;;;;;;;;;;;;;2BACEA,EAuCK,MAAA,MAAA;AAAA,MAtCHC,EAqCI,KAAA;AAAA,QArCA,MAAMC,EAAAA;AAAAA,QAAa,OAAKC,EAAA;AAAA;UAAiHC,EAAAA;;QAM1I,OAAKC,EAAA;AAAA,iBAAmBD,EAAAA;2BAAiJA,EAAAA;;;SAQ1KE,KAAAC,EAWEC,EAVKC,EAAAA,IAAI,GAAA;AAAA,UACR,OAAKN,EAAE;AAAA;WAEP;AAAA,UACA,OAAKE,EAAA;AAAA,mBAAqBD,EAAAA;;UAK3B,eAAY;AAAA,QAAA;QAEDM,EAAAA,6BAAbV,EAA4D,QAA5DW,GAA4DC,EAAdC,EAAAA,IAAI,GAAA,CAAA;AAAA,QACtCC,EAAAA,cAAZd,EASO,QAAA;AAAA;UATa,OAAKG,EAAA;AAAA;YAAyHY,EAAAA,eAAU,YAAA,uCAAA;AAAA,YAAoEA,EAAAA,eAAU,cAAA,iCAAA;AAAA,YAAgEA,EAAAA,eAAU,YAAA,kCAAA;AAAA,YAA+DA,EAAAA,eAAU,YAAA,mCAAA;AAAA,YAAgEA,EAAAA,eAAU,WAAA,gCAAA;AAAA,UAAA;aAQlcD,EAAAA,KAAK,GAAA,CAAA;;;;;"}
|