@nightshadeui/core 2.0.14 → 2.0.16

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.
Files changed (4) hide show
  1. package/dist/components/RouterBtn.vue.d.ts +232 -0
  2. package/dist/components/index.d.ts +2 -1
  3. package/dist/core.mjs +233 -197
  4. package/package.json +1 -1
package/dist/components/RouterBtn.vue.d.ts ADDED
@@ -0,0 +1,232 @@
1
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
+ to: {
3
+ required: true;
4
+ };
5
+ activeOverrides: {
6
+ type: ObjectConstructor;
7
+ };
8
+ exactActiveOverrides: {
9
+ type: ObjectConstructor;
10
+ };
11
+ }>, {}, {}, {}, {
12
+ actualAttrs(isActive: any, isExactActive: any): {
13
+ [x: string]: any;
14
+ };
15
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
16
+ to: {
17
+ required: true;
18
+ };
19
+ activeOverrides: {
20
+ type: ObjectConstructor;
21
+ };
22
+ exactActiveOverrides: {
23
+ type: ObjectConstructor;
24
+ };
25
+ }>> & Readonly<{}>, {}, {}, {
26
+ Btn: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
27
+ tagName: {
28
+ type: StringConstructor;
29
+ default: string;
30
+ };
31
+ href: {
32
+ type: StringConstructor;
33
+ };
34
+ label: {
35
+ type: StringConstructor;
36
+ };
37
+ title: {
38
+ type: StringConstructor;
39
+ };
40
+ kind: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ };
44
+ size: {
45
+ type: StringConstructor;
46
+ default: string;
47
+ };
48
+ flat: {
49
+ type: BooleanConstructor;
50
+ default: boolean;
51
+ };
52
+ shadow: {
53
+ type: BooleanConstructor;
54
+ default: boolean;
55
+ };
56
+ outline: {
57
+ type: BooleanConstructor;
58
+ default: boolean;
59
+ };
60
+ round: {
61
+ type: BooleanConstructor;
62
+ default: boolean;
63
+ };
64
+ ghost: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
68
+ block: {
69
+ type: BooleanConstructor;
70
+ default: boolean;
71
+ };
72
+ square: {
73
+ type: BooleanConstructor;
74
+ default: boolean;
75
+ };
76
+ disabled: {
77
+ type: BooleanConstructor;
78
+ default: boolean;
79
+ };
80
+ forceFocus: {
81
+ type: BooleanConstructor;
82
+ default: boolean;
83
+ };
84
+ forceHover: {
85
+ type: BooleanConstructor;
86
+ default: boolean;
87
+ };
88
+ forceActive: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
92
+ icon: {
93
+ type: StringConstructor;
94
+ };
95
+ iconPos: {
96
+ type: StringConstructor;
97
+ default: string;
98
+ };
99
+ hoverOverrides: {
100
+ type: ObjectConstructor;
101
+ };
102
+ activeOverrides: {
103
+ type: ObjectConstructor;
104
+ };
105
+ focusOverrides: {
106
+ type: ObjectConstructor;
107
+ };
108
+ }>, {}, {
109
+ hover: boolean;
110
+ active: boolean;
111
+ focus: boolean;
112
+ blocked: boolean;
113
+ }, {
114
+ baseStyle(): {
115
+ kind: string;
116
+ size: string;
117
+ flat: boolean;
118
+ shadow: boolean;
119
+ outline: boolean;
120
+ round: boolean;
121
+ ghost: boolean;
122
+ };
123
+ effectiveStyle(): {
124
+ kind: string;
125
+ size: string;
126
+ flat: boolean;
127
+ shadow: boolean;
128
+ outline: boolean;
129
+ round: boolean;
130
+ ghost: boolean;
131
+ };
132
+ }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
133
+ tagName: {
134
+ type: StringConstructor;
135
+ default: string;
136
+ };
137
+ href: {
138
+ type: StringConstructor;
139
+ };
140
+ label: {
141
+ type: StringConstructor;
142
+ };
143
+ title: {
144
+ type: StringConstructor;
145
+ };
146
+ kind: {
147
+ type: StringConstructor;
148
+ default: string;
149
+ };
150
+ size: {
151
+ type: StringConstructor;
152
+ default: string;
153
+ };
154
+ flat: {
155
+ type: BooleanConstructor;
156
+ default: boolean;
157
+ };
158
+ shadow: {
159
+ type: BooleanConstructor;
160
+ default: boolean;
161
+ };
162
+ outline: {
163
+ type: BooleanConstructor;
164
+ default: boolean;
165
+ };
166
+ round: {
167
+ type: BooleanConstructor;
168
+ default: boolean;
169
+ };
170
+ ghost: {
171
+ type: BooleanConstructor;
172
+ default: boolean;
173
+ };
174
+ block: {
175
+ type: BooleanConstructor;
176
+ default: boolean;
177
+ };
178
+ square: {
179
+ type: BooleanConstructor;
180
+ default: boolean;
181
+ };
182
+ disabled: {
183
+ type: BooleanConstructor;
184
+ default: boolean;
185
+ };
186
+ forceFocus: {
187
+ type: BooleanConstructor;
188
+ default: boolean;
189
+ };
190
+ forceHover: {
191
+ type: BooleanConstructor;
192
+ default: boolean;
193
+ };
194
+ forceActive: {
195
+ type: BooleanConstructor;
196
+ default: boolean;
197
+ };
198
+ icon: {
199
+ type: StringConstructor;
200
+ };
201
+ iconPos: {
202
+ type: StringConstructor;
203
+ default: string;
204
+ };
205
+ hoverOverrides: {
206
+ type: ObjectConstructor;
207
+ };
208
+ activeOverrides: {
209
+ type: ObjectConstructor;
210
+ };
211
+ focusOverrides: {
212
+ type: ObjectConstructor;
213
+ };
214
+ }>> & Readonly<{}>, {
215
+ tagName: string;
216
+ kind: string;
217
+ size: string;
218
+ flat: boolean;
219
+ shadow: boolean;
220
+ outline: boolean;
221
+ round: boolean;
222
+ ghost: boolean;
223
+ block: boolean;
224
+ square: boolean;
225
+ disabled: boolean;
226
+ forceFocus: boolean;
227
+ forceHover: boolean;
228
+ forceActive: boolean;
229
+ iconPos: string;
230
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
231
+ }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
232
+ export default _default;
package/dist/components/index.d.ts CHANGED
@@ -6,8 +6,9 @@ import { default as InputGroup } from './InputGroup.vue';
6
6
  import { default as InputSelect } from './InputSelect.vue';
7
7
  import { default as InputText } from './InputText.vue';
8
8
  import { default as InputTextarea } from './InputTextarea.vue';
9
+ import { default as RouterBtn } from './RouterBtn.vue';
9
10
  import { default as Tab } from './Tab.vue';
10
11
  import { default as TabCap } from './TabCap.vue';
11
12
  import { default as Toggle } from './Toggle.vue';
12
13
  import { default as VGroup } from './VGroup.vue';
13
- export { Btn, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, Tab, TabCap, Toggle, VGroup, };
14
+ export { Btn, Filler, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, RouterBtn, Tab, TabCap, Toggle, VGroup, };
package/dist/core.mjs CHANGED
@@ -1,10 +1,10 @@
1
- import { createBlock as y, openBlock as u, resolveDynamicComponent as g, normalizeClass as p, withCtx as b, renderSlot as r, createElementBlock as d, createCommentVNode as c, toDisplayString as h, resolveComponent as m, createVNode as k, createElementVNode as v, Fragment as O, mergeProps as I } from "vue";
1
+ import { createBlock as p, openBlock as r, resolveDynamicComponent as S, normalizeClass as y, withCtx as v, renderSlot as u, createElementBlock as d, createCommentVNode as c, toDisplayString as g, resolveComponent as b, createVNode as O, createElementVNode as h, Fragment as $, mergeProps as B } from "vue";
2
2
  const f = (t, n) => {
3
3
  const e = t.__vccOpts || t;
4
- for (const [i, o] of n)
5
- e[i] = o;
4
+ for (const [i, l] of n)
5
+ e[i] = l;
6
6
  return e;
7
- }, V = {
7
+ }, j = {
8
8
  props: {
9
9
  tagName: { type: String, default: "button" },
10
10
  href: { type: String },
@@ -55,89 +55,89 @@ const f = (t, n) => {
55
55
  hoverOverrides: n = {},
56
56
  activeOverrides: e = {},
57
57
  focusOverrides: i = {},
58
- active: o,
59
- hover: l,
58
+ active: l,
59
+ hover: o,
60
60
  focus: s,
61
61
  forceActive: a,
62
- forceHover: B,
63
- forceFocus: T
64
- } = this, S = Object.assign({}, t);
65
- return (o || a) && Object.assign(S, e), (l || B) && Object.assign(S, n), (s || T) && Object.assign(S, i), S;
62
+ forceHover: _,
63
+ forceFocus: k
64
+ } = this, m = Object.assign({}, t);
65
+ return (l || a) && Object.assign(m, e), (o || _) && Object.assign(m, n), (s || k) && Object.assign(m, i), m;
66
66
  }
67
67
  },
68
68
  methods: {
69
69
  // TODO add debounce
70
70
  }
71
- }, $ = {
71
+ }, C = {
72
72
  key: 0,
73
73
  class: "Label"
74
74
  };
75
- function j(t, n, e, i, o, l) {
76
- return u(), y(g(e.tagName), {
75
+ function F(t, n, e, i, l, o) {
76
+ return r(), p(S(e.tagName), {
77
77
  ref: "button",
78
- class: p(["Btn InputElement", [
79
- `Btn-${l.effectiveStyle.size}`,
80
- `Btn-${l.effectiveStyle.kind}`,
81
- `input-kind-${l.effectiveStyle.kind}`,
78
+ class: y(["Btn InputElement", [
79
+ `Btn-${o.effectiveStyle.size}`,
80
+ `Btn-${o.effectiveStyle.kind}`,
81
+ `input-kind-${o.effectiveStyle.kind}`,
82
82
  `Btn-iconPos-${e.iconPos}`,
83
83
  {
84
- "Btn-ghost": l.effectiveStyle.ghost,
85
- "Btn-round": l.effectiveStyle.round,
86
- "Btn-outline": l.effectiveStyle.outline,
87
- "Btn-flat": l.effectiveStyle.flat,
88
- "Btn-shadow": l.effectiveStyle.shadow,
84
+ "Btn-ghost": o.effectiveStyle.ghost,
85
+ "Btn-round": o.effectiveStyle.round,
86
+ "Btn-outline": o.effectiveStyle.outline,
87
+ "Btn-flat": o.effectiveStyle.flat,
88
+ "Btn-shadow": o.effectiveStyle.shadow,
89
89
  "Btn-square": e.square,
90
90
  "Btn-block": e.block,
91
- "Btn-disabled": e.disabled || o.blocked,
91
+ "Btn-disabled": e.disabled || l.blocked,
92
92
  "Btn-force-focus": e.forceFocus,
93
93
  "Btn-force-hover": e.forceHover,
94
94
  "Btn-force-active": e.forceActive
95
95
  }
96
96
  ]]),
97
- disabled: e.disabled || o.blocked,
97
+ disabled: e.disabled || l.blocked,
98
98
  title: e.title ?? e.label,
99
99
  href: e.href,
100
- onMouseenter: n[0] || (n[0] = (s) => o.hover = !0),
101
- onMouseleave: n[1] || (n[1] = (s) => o.hover = !1),
102
- onMousedown: n[2] || (n[2] = (s) => o.active = !0),
103
- onMouseup: n[3] || (n[3] = (s) => o.active = !1),
104
- onMouseout: n[4] || (n[4] = (s) => o.active = !1),
105
- onFocusin: n[5] || (n[5] = (s) => o.focus = !0),
106
- onFocusout: n[6] || (n[6] = (s) => o.focus = !1)
100
+ onMouseenter: n[0] || (n[0] = (s) => l.hover = !0),
101
+ onMouseleave: n[1] || (n[1] = (s) => l.hover = !1),
102
+ onMousedown: n[2] || (n[2] = (s) => l.active = !0),
103
+ onMouseup: n[3] || (n[3] = (s) => l.active = !1),
104
+ onMouseout: n[4] || (n[4] = (s) => l.active = !1),
105
+ onFocusin: n[5] || (n[5] = (s) => l.focus = !0),
106
+ onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
107
107
  }, {
108
- default: b(() => [
109
- r(t.$slots, "icon", {
110
- hover: o.hover,
111
- blocked: o.blocked
108
+ default: v(() => [
109
+ u(t.$slots, "icon", {
110
+ hover: l.hover,
111
+ blocked: l.blocked
112
112
  }, () => [
113
- e.icon ? (u(), d("i", {
113
+ e.icon ? (r(), d("i", {
114
114
  key: 0,
115
- class: p([e.icon, "Icon"])
115
+ class: y([e.icon, "Icon"])
116
116
  }, null, 2)) : c("", !0)
117
117
  ], !0),
118
- e.label ? (u(), d("span", $, h(e.label), 1)) : c("", !0),
119
- r(t.$slots, "default", {
120
- hover: o.hover,
121
- active: o.active,
122
- blocked: o.blocked
118
+ e.label ? (r(), d("span", C, g(e.label), 1)) : c("", !0),
119
+ u(t.$slots, "default", {
120
+ hover: l.hover,
121
+ active: l.active,
122
+ blocked: l.blocked
123
123
  }, void 0, !0)
124
124
  ]),
125
125
  _: 3
126
126
  }, 40, ["class", "disabled", "title", "href"]);
127
127
  }
128
- const F = /* @__PURE__ */ f(V, [["render", j], ["__scopeId", "data-v-09d29421"]]), C = {
128
+ const w = /* @__PURE__ */ f(j, [["render", F], ["__scopeId", "data-v-09d29421"]]), x = {
129
129
  props: {
130
130
  fill: { type: String, default: "none" }
131
131
  }
132
132
  };
133
- function H(t, n, e, i, o, l) {
134
- return u(), d("div", {
135
- class: p(["Filler", [
133
+ function H(t, n, e, i, l, o) {
134
+ return r(), d("div", {
135
+ class: y(["Filler", [
136
136
  `Filler-${e.fill}`
137
137
  ]])
138
138
  }, null, 2);
139
139
  }
140
- const z = /* @__PURE__ */ f(C, [["render", H], ["__scopeId", "data-v-a4c89219"]]), x = {
140
+ const z = /* @__PURE__ */ f(x, [["render", H], ["__scopeId", "data-v-a4c89219"]]), N = {
141
141
  props: {
142
142
  tagName: { type: String, default: "div" },
143
143
  align: { type: String, default: "center" },
@@ -146,9 +146,9 @@ const z = /* @__PURE__ */ f(C, [["render", H], ["__scopeId", "data-v-a4c89219"]]
146
146
  wrap: { type: Boolean, default: !1 }
147
147
  }
148
148
  };
149
- function N(t, n, e, i, o, l) {
150
- return u(), y(g(e.tagName), {
151
- class: p(["HGroup", [
149
+ function M(t, n, e, i, l, o) {
150
+ return r(), p(S(e.tagName), {
151
+ class: y(["HGroup", [
152
152
  `HGroup-align-${e.align}`,
153
153
  `HGroup-justify-${e.justify}`,
154
154
  `HGroup-gap-${e.gap}`,
@@ -157,13 +157,13 @@ function N(t, n, e, i, o, l) {
157
157
  }
158
158
  ]])
159
159
  }, {
160
- default: b(() => [
161
- r(t.$slots, "default", {}, void 0, !0)
160
+ default: v(() => [
161
+ u(t.$slots, "default", {}, void 0, !0)
162
162
  ]),
163
163
  _: 3
164
164
  }, 8, ["class"]);
165
165
  }
166
- const M = /* @__PURE__ */ f(x, [["render", N], ["__scopeId", "data-v-4afcf47f"]]), G = {
166
+ const G = /* @__PURE__ */ f(N, [["render", M], ["__scopeId", "data-v-4afcf47f"]]), A = {
167
167
  props: {
168
168
  dir: { type: String, default: "top" },
169
169
  label: { type: String }
@@ -173,39 +173,39 @@ const M = /* @__PURE__ */ f(x, [["render", N], ["__scopeId", "data-v-4afcf47f"]]
173
173
  return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
174
174
  }
175
175
  }
176
- }, L = { class: "Content" }, A = ["title"];
177
- function D(t, n, e, i, o, l) {
178
- const s = m("TabCap");
179
- return u(), d("div", {
180
- class: p(["Tab", [
176
+ }, L = { class: "Content" }, D = ["title"];
177
+ function P(t, n, e, i, l, o) {
178
+ const s = b("TabCap");
179
+ return r(), d("div", {
180
+ class: y(["Tab", [
181
181
  `Tab-${e.dir}`,
182
- `Tab-${l.orientation}`
182
+ `Tab-${o.orientation}`
183
183
  ]])
184
184
  }, [
185
- k(s, {
185
+ O(s, {
186
186
  class: "TabCap",
187
187
  dir: e.dir,
188
188
  type: "start"
189
189
  }, null, 8, ["dir"]),
190
- v("div", L, [
191
- r(t.$slots, "default", {}, () => [
192
- e.label ? (u(), d("div", {
190
+ h("div", L, [
191
+ u(t.$slots, "default", {}, () => [
192
+ e.label ? (r(), d("div", {
193
193
  key: 0,
194
194
  class: "TabLabel",
195
195
  title: e.label
196
- }, h(e.label), 9, A)) : c("", !0)
196
+ }, g(e.label), 9, D)) : c("", !0)
197
197
  ], !0)
198
198
  ]),
199
- k(s, {
199
+ O(s, {
200
200
  class: "TabCap",
201
201
  dir: e.dir,
202
202
  type: "end"
203
203
  }, null, 8, ["dir"])
204
204
  ], 2);
205
205
  }
206
- const w = /* @__PURE__ */ f(G, [["render", D], ["__scopeId", "data-v-a4bb3614"]]), P = {
206
+ const T = /* @__PURE__ */ f(A, [["render", P], ["__scopeId", "data-v-a4bb3614"]]), E = {
207
207
  components: {
208
- Tab: w
208
+ Tab: T
209
209
  },
210
210
  props: {
211
211
  tagName: { default: "label" },
@@ -244,74 +244,74 @@ const w = /* @__PURE__ */ f(G, [["render", D], ["__scopeId", "data-v-a4bb3614"]]
244
244
  hoverOverrides: n = {},
245
245
  focusOverrides: e = {},
246
246
  hover: i,
247
- focus: o,
248
- forceHover: l,
247
+ focus: l,
248
+ forceHover: o,
249
249
  forceFocus: s
250
250
  } = this, a = Object.assign({}, t);
251
- return (i || l) && Object.assign(a, n), (o || s) && Object.assign(a, e), a;
251
+ return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
252
252
  }
253
253
  }
254
- }, E = {
254
+ }, R = {
255
255
  key: 1,
256
256
  class: "Label TextLabel"
257
257
  }, q = {
258
258
  key: 2,
259
259
  class: "Label InlineLabel"
260
260
  }, K = { class: "InputElement Container" };
261
- function R(t, n, e, i, o, l) {
262
- const s = m("Tab");
263
- return u(), y(g(e.tagName), {
264
- class: p(["InputBase", [
265
- `InputBase-${l.effectiveStyle.kind}`,
266
- `input-kind-${l.effectiveStyle.kind}`,
267
- `InputBase-${l.effectiveStyle.size}`,
261
+ function Y(t, n, e, i, l, o) {
262
+ const s = b("Tab");
263
+ return r(), p(S(e.tagName), {
264
+ class: y(["InputBase", [
265
+ `InputBase-${o.effectiveStyle.kind}`,
266
+ `input-kind-${o.effectiveStyle.kind}`,
267
+ `InputBase-${o.effectiveStyle.size}`,
268
268
  {
269
269
  "InputBase-fixed-height": e.fixedHeight,
270
- "InputBase-shadow": l.effectiveStyle.shadow,
271
- "InputBase-round": l.effectiveStyle.round,
270
+ "InputBase-shadow": o.effectiveStyle.shadow,
271
+ "InputBase-round": o.effectiveStyle.round,
272
272
  "InputBase-disabled": e.disabled,
273
273
  "InputBase-force-focus": e.forceFocus,
274
274
  "InputBase-force-hover": e.forceHover
275
275
  }
276
276
  ]]),
277
- onMouseenter: n[0] || (n[0] = (a) => o.hover = !0),
278
- onMouseleave: n[1] || (n[1] = (a) => o.hover = !1),
279
- onFocusin: n[2] || (n[2] = (a) => o.focus = !0),
280
- onFocusout: n[3] || (n[3] = (a) => o.focus = !1)
277
+ onMouseenter: n[0] || (n[0] = (a) => l.hover = !0),
278
+ onMouseleave: n[1] || (n[1] = (a) => l.hover = !1),
279
+ onFocusin: n[2] || (n[2] = (a) => l.focus = !0),
280
+ onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
281
281
  }, {
282
- default: b(() => [
283
- e.label ? (u(), d(O, { key: 0 }, [
284
- e.labelStyle === "tab" ? (u(), y(s, {
282
+ default: v(() => [
283
+ e.label ? (r(), d($, { key: 0 }, [
284
+ e.labelStyle === "tab" ? (r(), p(s, {
285
285
  key: 0,
286
286
  class: "Label TabLabel",
287
287
  label: e.label
288
288
  }, null, 8, ["label"])) : c("", !0),
289
- e.labelStyle === "text" ? (u(), d("div", E, h(e.label), 1)) : c("", !0),
290
- e.labelStyle === "inline" ? (u(), d("div", q, h(e.label), 1)) : c("", !0)
289
+ e.labelStyle === "text" ? (r(), d("div", R, g(e.label), 1)) : c("", !0),
290
+ e.labelStyle === "inline" ? (r(), d("div", q, g(e.label), 1)) : c("", !0)
291
291
  ], 64)) : c("", !0),
292
- v("div", K, [
293
- r(t.$slots, "default", {}, void 0, !0)
292
+ h("div", K, [
293
+ u(t.$slots, "default", {}, void 0, !0)
294
294
  ])
295
295
  ]),
296
296
  _: 3
297
297
  }, 40, ["class"]);
298
298
  }
299
- const _ = /* @__PURE__ */ f(P, [["render", R], ["__scopeId", "data-v-408c1aa3"]]), Y = {
299
+ const I = /* @__PURE__ */ f(E, [["render", Y], ["__scopeId", "data-v-408c1aa3"]]), J = {
300
300
  props: {
301
301
  tagName: { type: String, default: "div" }
302
302
  }
303
303
  };
304
- function J(t, n, e, i, o, l) {
305
- return u(), y(g(e.tagName), { class: "InputGroup" }, {
306
- default: b(() => [
307
- r(t.$slots, "default", {}, void 0, !0)
304
+ function Q(t, n, e, i, l, o) {
305
+ return r(), p(S(e.tagName), { class: "InputGroup" }, {
306
+ default: v(() => [
307
+ u(t.$slots, "default", {}, void 0, !0)
308
308
  ]),
309
309
  _: 3
310
310
  });
311
311
  }
312
- const Q = /* @__PURE__ */ f(Y, [["render", J], ["__scopeId", "data-v-3d98e109"]]), U = {
312
+ const U = /* @__PURE__ */ f(J, [["render", Q], ["__scopeId", "data-v-3d98e109"]]), W = {
313
313
  props: {
314
- ..._.props,
314
+ ...I.props,
315
315
  modelValue: {},
316
316
  items: { type: Array, default: () => [] },
317
317
  placeholder: { type: String },
@@ -370,55 +370,55 @@ const Q = /* @__PURE__ */ f(Y, [["render", J], ["__scopeId", "data-v-3d98e109"]]
370
370
  this.disabled || (this.menuShown = !0);
371
371
  }
372
372
  }
373
- }, W = {
373
+ }, X = {
374
374
  key: 1,
375
375
  class: "Value"
376
- }, X = {
376
+ }, Z = {
377
377
  key: 2,
378
378
  class: "Placeholder"
379
- }, Z = {
379
+ }, ee = {
380
380
  ref: "icon",
381
381
  class: "DropdownIcon"
382
382
  };
383
- function ee(t, n, e, i, o, l) {
384
- const s = m("ContextMenu"), a = m("InputBase");
385
- return u(), y(a, I({ class: "InputSelect" }, {
383
+ function te(t, n, e, i, l, o) {
384
+ const s = b("ContextMenu"), a = b("InputBase");
385
+ return r(), p(a, B({ class: "InputSelect" }, {
386
386
  ...t.$props
387
387
  }, {
388
388
  tabindex: "0",
389
- onClick: n[1] || (n[1] = (B) => l.show())
389
+ onClick: n[1] || (n[1] = (_) => o.show())
390
390
  }), {
391
- default: b(() => [
392
- r(t.$slots, "before", {}, void 0, !0),
393
- l.itemIcon ? (u(), d("i", {
391
+ default: v(() => [
392
+ u(t.$slots, "before", {}, void 0, !0),
393
+ o.itemIcon ? (r(), d("i", {
394
394
  key: 0,
395
- class: p(["Icon", l.itemIcon])
395
+ class: y(["Icon", o.itemIcon])
396
396
  }, null, 2)) : c("", !0),
397
- l.selectedItem ? (u(), d("span", W, h(l.itemTitle), 1)) : c("", !0),
398
- l.selectedItem ? c("", !0) : (u(), d("span", X, h(e.placeholder), 1)),
399
- v("div", Z, [
400
- r(t.$slots, "iconDropdown", {}, () => [
401
- v("i", {
402
- class: p(l.iconDropdown)
397
+ o.selectedItem ? (r(), d("span", X, g(o.itemTitle), 1)) : c("", !0),
398
+ o.selectedItem ? c("", !0) : (r(), d("span", Z, g(e.placeholder), 1)),
399
+ h("div", ee, [
400
+ u(t.$slots, "iconDropdown", {}, () => [
401
+ h("i", {
402
+ class: y(o.iconDropdown)
403
403
  }, null, 2)
404
404
  ], !0)
405
405
  ], 512),
406
- !t.disabled && o.menuShown ? (u(), y(s, {
406
+ !t.disabled && l.menuShown ? (r(), p(s, {
407
407
  key: 3,
408
408
  anchorRef: "icon",
409
- items: l.getMenuItems(),
409
+ items: o.getMenuItems(),
410
410
  search: e.search,
411
411
  overlayShown: !1,
412
- onHide: n[0] || (n[0] = (B) => o.menuShown = !1)
412
+ onHide: n[0] || (n[0] = (_) => l.menuShown = !1)
413
413
  }, null, 8, ["items", "search"])) : c("", !0),
414
- r(t.$slots, "after", {}, void 0, !0)
414
+ u(t.$slots, "after", {}, void 0, !0)
415
415
  ]),
416
416
  _: 3
417
417
  }, 16);
418
418
  }
419
- const te = /* @__PURE__ */ f(U, [["render", ee], ["__scopeId", "data-v-2c4374be"]]), ne = {
419
+ const ne = /* @__PURE__ */ f(W, [["render", te], ["__scopeId", "data-v-2c4374be"]]), oe = {
420
420
  props: {
421
- ..._.props,
421
+ ...I.props,
422
422
  modelValue: { type: [String, Number] },
423
423
  type: { type: String },
424
424
  placeholder: { type: String },
@@ -443,14 +443,14 @@ const te = /* @__PURE__ */ f(U, [["render", ee], ["__scopeId", "data-v-2c4374be"
443
443
  }
444
444
  }
445
445
  }, le = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
446
- function oe(t, n, e, i, o, l) {
447
- const s = m("InputBase");
448
- return u(), y(s, I({ class: "InputText" }, {
446
+ function se(t, n, e, i, l, o) {
447
+ const s = b("InputBase");
448
+ return r(), p(s, B({ class: "InputText" }, {
449
449
  ...t.$props
450
450
  }), {
451
- default: b(() => [
452
- r(t.$slots, "before", {}, void 0, !0),
453
- v("input", {
451
+ default: v(() => [
452
+ u(t.$slots, "before", {}, void 0, !0),
453
+ h("input", {
454
454
  ref: "input",
455
455
  value: e.modelValue,
456
456
  type: e.type,
@@ -461,18 +461,18 @@ function oe(t, n, e, i, o, l) {
461
461
  max: e.max,
462
462
  step: e.step,
463
463
  autocomplete: "off",
464
- onInput: n[0] || (n[0] = (a) => l.onInput(a)),
464
+ onInput: n[0] || (n[0] = (a) => o.onInput(a)),
465
465
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
466
466
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
467
467
  }, null, 40, le),
468
- r(t.$slots, "after", {}, void 0, !0)
468
+ u(t.$slots, "after", {}, void 0, !0)
469
469
  ]),
470
470
  _: 3
471
471
  }, 16);
472
472
  }
473
- const se = /* @__PURE__ */ f(ne, [["render", oe], ["__scopeId", "data-v-f0bca74d"]]), ae = {
473
+ const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-f0bca74d"]]), re = {
474
474
  props: {
475
- ..._.props,
475
+ ...I.props,
476
476
  modelValue: { type: String },
477
477
  placeholder: { type: String },
478
478
  rows: { type: Number },
@@ -505,15 +505,15 @@ const se = /* @__PURE__ */ f(ne, [["render", oe], ["__scopeId", "data-v-f0bca74d
505
505
  this.$emit("update:modelValue", t.target.value);
506
506
  }
507
507
  }
508
- }, ue = ["value", "placeholder", "readonly", "disabled", "rows"];
509
- function ie(t, n, e, i, o, l) {
510
- const s = m("InputBase");
511
- return u(), y(s, I({ class: "InputTextarea" }, {
508
+ }, ie = ["value", "placeholder", "readonly", "disabled", "rows"];
509
+ function ue(t, n, e, i, l, o) {
510
+ const s = b("InputBase");
511
+ return r(), p(s, B({ class: "InputTextarea" }, {
512
512
  ...t.$props
513
513
  }, { fixedHeight: !1 }), {
514
- default: b(() => [
515
- r(t.$slots, "before", {}, void 0, !0),
516
- v("textarea", {
514
+ default: v(() => [
515
+ u(t.$slots, "before", {}, void 0, !0),
516
+ h("textarea", {
517
517
  ref: "input",
518
518
  value: e.modelValue,
519
519
  placeholder: e.placeholder,
@@ -522,34 +522,68 @@ function ie(t, n, e, i, o, l) {
522
522
  rows: e.rows,
523
523
  resize: "none",
524
524
  autocomplete: "off",
525
- onInput: n[0] || (n[0] = (a) => l.onInput(a)),
525
+ onInput: n[0] || (n[0] = (a) => o.onInput(a)),
526
526
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
527
527
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
528
- }, null, 40, ue),
529
- r(t.$slots, "after", {}, void 0, !0)
528
+ }, null, 40, ie),
529
+ u(t.$slots, "after", {}, void 0, !0)
530
530
  ]),
531
531
  _: 3
532
532
  }, 16);
533
533
  }
534
- const re = /* @__PURE__ */ f(ae, [["render", ie], ["__scopeId", "data-v-d1f75aa4"]]), de = {
534
+ const de = /* @__PURE__ */ f(re, [["render", ue], ["__scopeId", "data-v-d1f75aa4"]]), fe = {
535
+ components: {
536
+ Btn: w
537
+ },
538
+ props: {
539
+ to: { required: !0 },
540
+ activeOverrides: { type: Object },
541
+ exactActiveOverrides: { type: Object }
542
+ },
543
+ methods: {
544
+ actualAttrs(t, n) {
545
+ return {
546
+ ...this.$attrs,
547
+ ...t ? this.activeOverrides : {},
548
+ ...n ? this.exactActiveOverrides : {}
549
+ };
550
+ }
551
+ }
552
+ };
553
+ function ce(t, n, e, i, l, o) {
554
+ const s = b("Btn"), a = b("RouterLink");
555
+ return r(), p(a, {
556
+ to: e.to,
557
+ custom: ""
558
+ }, {
559
+ default: v(({ href: _, navigate: k, isActive: m, isExactActive: V }) => [
560
+ O(s, B({
561
+ as: "a",
562
+ href: _
563
+ }, o.actualAttrs(m, V), { onClick: k }), null, 16, ["href", "onClick"])
564
+ ]),
565
+ _: 1
566
+ }, 8, ["to"]);
567
+ }
568
+ const pe = /* @__PURE__ */ f(fe, [["render", ce]]), ye = {
535
569
  props: {
536
570
  dir: { type: String, default: "top" },
537
571
  type: { type: String, default: "start" }
538
572
  }
539
573
  };
540
- function fe(t, n, e, i, o, l) {
541
- return u(), d("svg", {
542
- class: p(["TabCap", [
574
+ function ve(t, n, e, i, l, o) {
575
+ return r(), d("svg", {
576
+ class: y(["TabCap", [
543
577
  `TabCap-${e.dir}`,
544
578
  `TabCap-${e.type}`
545
579
  ]]),
546
580
  viewBox: "0 0 32 32",
547
581
  preserveAspectRatio: "none"
548
582
  }, [...n[0] || (n[0] = [
549
- v("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
583
+ h("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
550
584
  ])], 2);
551
585
  }
552
- const ce = /* @__PURE__ */ f(de, [["render", fe], ["__scopeId", "data-v-d898255a"]]), pe = {
586
+ const be = /* @__PURE__ */ f(ye, [["render", ve], ["__scopeId", "data-v-d898255a"]]), he = {
553
587
  props: {
554
588
  modelValue: { type: Boolean },
555
589
  disabled: { type: Boolean },
@@ -592,11 +626,11 @@ const ce = /* @__PURE__ */ f(de, [["render", fe], ["__scopeId", "data-v-d898255a
592
626
  hoverOverrides: n = {},
593
627
  focusOverrides: e = {},
594
628
  hover: i,
595
- focus: o,
596
- forceHover: l,
629
+ focus: l,
630
+ forceHover: o,
597
631
  forceFocus: s
598
632
  } = this, a = Object.assign({}, t);
599
- return (i || l) && Object.assign(a, n), (o || s) && Object.assign(a, e), a;
633
+ return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
600
634
  }
601
635
  },
602
636
  methods: {
@@ -604,38 +638,38 @@ const ce = /* @__PURE__ */ f(de, [["render", fe], ["__scopeId", "data-v-d898255a
604
638
  this.$emit("update:modelValue", t.target.checked);
605
639
  }
606
640
  }
607
- }, ye = ["checked", "disabled"];
608
- function ve(t, n, e, i, o, l) {
609
- return u(), d("label", {
610
- class: p(["Toggle InputElement", [
611
- `Toggle-${l.effectiveStyle.kind}`,
612
- `input-kind-${l.effectiveStyle.kind}`,
613
- `Toggle-${l.effectiveStyle.size}`,
641
+ }, me = ["checked", "disabled"];
642
+ function ge(t, n, e, i, l, o) {
643
+ return r(), d("label", {
644
+ class: y(["Toggle InputElement", [
645
+ `Toggle-${o.effectiveStyle.kind}`,
646
+ `input-kind-${o.effectiveStyle.kind}`,
647
+ `Toggle-${o.effectiveStyle.size}`,
614
648
  {
615
649
  "Toggle-active": !!e.modelValue,
616
- "Toggle-outline": l.effectiveStyle.outline,
617
- "Toggle-round": l.effectiveStyle.round,
618
- "Toggle-flat": l.effectiveStyle.flat,
650
+ "Toggle-outline": o.effectiveStyle.outline,
651
+ "Toggle-round": o.effectiveStyle.round,
652
+ "Toggle-flat": o.effectiveStyle.flat,
619
653
  "Toggle-disabled": e.disabled,
620
654
  "Toggle-force-focus": e.forceFocus,
621
655
  "Toggle-force-hover": e.forceHover
622
656
  }
623
657
  ]]),
624
658
  tabindex: "0",
625
- onMouseenter: n[1] || (n[1] = (s) => o.hover = !0),
626
- onMouseleave: n[2] || (n[2] = (s) => o.hover = !1),
627
- onFocusin: n[3] || (n[3] = (s) => o.focus = !0),
628
- onFocusout: n[4] || (n[4] = (s) => o.focus = !1)
659
+ onMouseenter: n[1] || (n[1] = (s) => l.hover = !0),
660
+ onMouseleave: n[2] || (n[2] = (s) => l.hover = !1),
661
+ onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
662
+ onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
629
663
  }, [
630
- v("input", {
664
+ h("input", {
631
665
  type: "checkbox",
632
666
  checked: e.modelValue,
633
667
  disabled: e.disabled,
634
- onChange: n[0] || (n[0] = (...s) => l.onChange && l.onChange(...s))
635
- }, null, 40, ye)
668
+ onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
669
+ }, null, 40, me)
636
670
  ], 34);
637
671
  }
638
- const be = /* @__PURE__ */ f(pe, [["render", ve], ["__scopeId", "data-v-c5f9a677"]]), he = {
672
+ const _e = /* @__PURE__ */ f(he, [["render", ge], ["__scopeId", "data-v-c5f9a677"]]), Se = {
639
673
  props: {
640
674
  tagName: { type: String, default: "div" },
641
675
  align: { type: String, default: "stretch" },
@@ -643,47 +677,49 @@ const be = /* @__PURE__ */ f(pe, [["render", ve], ["__scopeId", "data-v-c5f9a677
643
677
  gap: { type: String, default: "m" }
644
678
  }
645
679
  };
646
- function me(t, n, e, i, o, l) {
647
- return u(), y(g(e.tagName), {
648
- class: p(["VGroup", [
680
+ function Be(t, n, e, i, l, o) {
681
+ return r(), p(S(e.tagName), {
682
+ class: y(["VGroup", [
649
683
  `VGroup-align-${e.align}`,
650
684
  `VGroup-justify-${e.justify}`,
651
685
  `VGroup-gap-${e.gap}`
652
686
  ]])
653
687
  }, {
654
- default: b(() => [
655
- r(t.$slots, "default", {}, void 0, !0)
688
+ default: v(() => [
689
+ u(t.$slots, "default", {}, void 0, !0)
656
690
  ]),
657
691
  _: 3
658
692
  }, 8, ["class"]);
659
693
  }
660
- const ge = /* @__PURE__ */ f(he, [["render", me], ["__scopeId", "data-v-ada4a00f"]]), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
694
+ const Ie = /* @__PURE__ */ f(Se, [["render", Be], ["__scopeId", "data-v-ada4a00f"]]), Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
661
695
  __proto__: null,
662
- Btn: F,
696
+ Btn: w,
663
697
  Filler: z,
664
- HGroup: M,
665
- InputBase: _,
666
- InputGroup: Q,
667
- InputSelect: te,
668
- InputText: se,
669
- InputTextarea: re,
670
- Tab: w,
671
- TabCap: ce,
672
- Toggle: be,
673
- VGroup: ge
698
+ HGroup: G,
699
+ InputBase: I,
700
+ InputGroup: U,
701
+ InputSelect: ne,
702
+ InputText: ae,
703
+ InputTextarea: de,
704
+ RouterBtn: pe,
705
+ Tab: T,
706
+ TabCap: be,
707
+ Toggle: _e,
708
+ VGroup: Ie
674
709
  }, Symbol.toStringTag, { value: "Module" }));
675
710
  export {
676
- F as Btn,
711
+ w as Btn,
677
712
  z as Filler,
678
- M as HGroup,
679
- _ as InputBase,
680
- Q as InputGroup,
681
- te as InputSelect,
682
- se as InputText,
683
- re as InputTextarea,
684
- w as Tab,
685
- ce as TabCap,
686
- be as Toggle,
687
- ge as VGroup,
688
- _e as coreComponents
713
+ G as HGroup,
714
+ I as InputBase,
715
+ U as InputGroup,
716
+ ne as InputSelect,
717
+ ae as InputText,
718
+ de as InputTextarea,
719
+ pe as RouterBtn,
720
+ T as Tab,
721
+ be as TabCap,
722
+ _e as Toggle,
723
+ Ie as VGroup,
724
+ Oe as coreComponents
689
725
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nightshadeui/core",
3
- "version": "2.0.14",
3
+ "version": "2.0.16",
4
4
  "description": "Core Nightshade UI components",
5
5
  "author": "Boris Okunskiy",
6
6
  "license": "ISC",