lkt-menu 2.0.13 → 2.0.14

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 (2) hide show
  1. package/dist/build.js +97 -95
  2. package/package.json +1 -1
package/dist/build.js CHANGED
@@ -1,9 +1,9 @@
1
- import { defineComponent as Z, ref as L, useSlots as x, computed as c, watch as K, onMounted as ee, resolveComponent as I, createElementBlock as p, openBlock as u, normalizeClass as O, createElementVNode as V, createCommentVNode as C, createBlock as f, unref as r, normalizeProps as W, mergeProps as R, createSlots as q, withCtx as g, renderSlot as k, toDisplayString as le, resolveDynamicComponent as ne, Fragment as te, renderList as P, mergeDefaults as oe } from "vue";
1
+ import { defineComponent as Z, ref as L, useSlots as x, computed as d, watch as M, onMounted as ee, resolveComponent as I, createElementBlock as r, openBlock as u, normalizeClass as C, createElementVNode as K, createCommentVNode as g, createBlock as f, unref as c, normalizeProps as W, mergeProps as R, createSlots as q, withCtx as _, renderSlot as y, toDisplayString as le, resolveDynamicComponent as ne, Fragment as te, renderList as P, mergeDefaults as oe } from "vue";
2
2
  import { MenuEntryType as T, MenuController as j, MenuType as Y, getDefaultValues as ue, Menu as se } from "lkt-vue-kernel";
3
3
  import { useRouter as ie } from "vue-router";
4
4
  import { DataState as ae } from "lkt-data-state";
5
5
  import { httpCall as re } from "lkt-http-client";
6
- const G = (s, b) => (b.forEach((o) => {
6
+ const G = (s, V) => (V.forEach((o) => {
7
7
  o.key && !s.includes(o.key) && s.push(o.key), o.children && o.children.length > 0 && G(s, o.children);
8
8
  }), s), U = class U {
9
9
  };
@@ -15,10 +15,10 @@ const ce = ["id"], de = { class: "lkt-menu-entry-main" }, ve = { class: "lkt-ent
15
15
  }, me = {
16
16
  key: 1,
17
17
  class: "lkt-menu-entry-text"
18
- }, ke = {
18
+ }, ye = {
19
19
  key: 0,
20
20
  class: "lkt-menu-entry-children"
21
- }, ye = /* @__PURE__ */ Z({
21
+ }, ke = /* @__PURE__ */ Z({
22
22
  __name: "MenuItem",
23
23
  props: {
24
24
  modelValue: { default: () => ({}) },
@@ -28,31 +28,31 @@ const ce = ["id"], de = { class: "lkt-menu-entry-main" }, ve = { class: "lkt-ent
28
28
  emits: [
29
29
  "update:modelValue"
30
30
  ],
31
- setup(s, { emit: b }) {
32
- const o = b, d = s, e = L(d.modelValue), v = x(), a = ie(), A = L(!1), B = () => {
31
+ setup(s, { emit: V }) {
32
+ const o = V, v = s, e = L(v.modelValue), p = x(), a = ie(), A = L(!1), B = () => {
33
33
  e.value.isOpened = !e.value.isOpened;
34
- }, $ = () => {
34
+ }, b = () => {
35
35
  var t, l;
36
36
  return typeof e.value.children < "u" && ((t = e.value.children) == null ? void 0 : t.length) > 0 && !e.value.keepOpenOnChildClick && B(), typeof ((l = e.value.events) == null ? void 0 : l.click) == "function" && e.value.events.click({
37
37
  entry: e.value
38
38
  }), 1;
39
- }, D = c(() => v["icon-" + e.value.key] || e.value.icon !== ""), w = c(() => {
39
+ }, D = d(() => p["icon-" + e.value.key] || e.value.icon !== ""), w = d(() => {
40
40
  let t = [];
41
41
  return D.value && t.push("has-icon"), A.value && t.push("is-active"), e.value.type && t.push(`is-${e.value.type}`), t.join(" ");
42
- }), F = c(() => {
42
+ }), F = d(() => {
43
43
  var l;
44
44
  return G([], ((l = e.value) == null ? void 0 : l.children) ?? []);
45
- }), J = c(() => {
45
+ }), J = d(() => {
46
46
  let t = [];
47
- for (let l in v)
47
+ for (let l in p)
48
48
  l.startsWith("icon-") && F.value.includes(l.substring(5)) && t.push(l);
49
49
  return t;
50
- }), z = c(() => e.value.isActive ? !0 : typeof e.value.isActiveChecker == "function" ? !!e.value.isActiveChecker({
50
+ }), z = d(() => e.value.isActive ? !0 : typeof e.value.isActiveChecker == "function" ? !!e.value.isActiveChecker({
51
51
  entry: e.value
52
- }) : !1), N = c(() => !!E.toggleSlot), n = c(() => E.toggleSlot);
53
- return K(() => d.modelValue, (t) => {
52
+ }) : !1), N = d(() => !!E.toggleSlot), n = d(() => E.toggleSlot);
53
+ return M(() => v.modelValue, (t) => {
54
54
  e.value = t;
55
- }, { deep: !0 }), K(e, (t) => {
55
+ }, { deep: !0 }), M(e, (t) => {
56
56
  o("update:modelValue", t);
57
57
  }, { deep: !0 }), ee(() => {
58
58
  var l, i, m;
@@ -61,98 +61,98 @@ const ce = ["id"], de = { class: "lkt-menu-entry-main" }, ve = { class: "lkt-ent
61
61
  if (t.value.path === ((l = e.value.anchor) == null ? void 0 : l.to))
62
62
  e.value.isOpened = !0;
63
63
  else if (typeof e.value.children < "u" && ((i = e.value.children) == null ? void 0 : i.length) > 0) {
64
- let S = !1;
64
+ let $ = !1;
65
65
  (m = e.value.children) == null || m.forEach((H) => {
66
- var M;
67
- t.value.path === ((M = H.anchor) == null ? void 0 : M.to) && (S = !0);
68
- }), S && (e.value.isOpened = !0);
66
+ var S;
67
+ t.value.path === ((S = H.anchor) == null ? void 0 : S.to) && ($ = !0);
68
+ }), $ && (e.value.isOpened = !0);
69
69
  }
70
70
  }
71
71
  }), (t, l) => {
72
- var M;
73
- const i = I("lkt-button"), m = I("lkt-header"), S = I("lkt-anchor"), H = I("menu-item", !0);
74
- return u(), p("div", {
75
- class: O(["lkt-menu-entry", w.value]),
72
+ var S;
73
+ const i = I("lkt-button"), m = I("lkt-header"), $ = I("lkt-anchor"), H = I("menu-item", !0);
74
+ return u(), r("div", {
75
+ class: C(["lkt-menu-entry", w.value]),
76
76
  id: `entry-${e.value.key}`
77
77
  }, [
78
- V("div", de, [
79
- e.value.type === r(T).Button ? (u(), f(i, W(R({ key: 0 }, e.value.button)), q({ _: 2 }, [
80
- r(v).tooltip ? {
78
+ K("div", de, [
79
+ e.value.type === c(T).Button ? (u(), f(i, W(R({ key: 0 }, e.value.button)), q({ _: 2 }, [
80
+ c(p).tooltip ? {
81
81
  name: "tooltip",
82
- fn: g(() => [
83
- k(t.$slots, "tooltip")
82
+ fn: _(() => [
83
+ y(t.$slots, "tooltip")
84
84
  ]),
85
85
  key: "0"
86
86
  } : void 0,
87
- r(v).split ? {
87
+ c(p).split ? {
88
88
  name: "split",
89
- fn: g(() => [
90
- k(t.$slots, "split")
89
+ fn: _(() => [
90
+ y(t.$slots, "split")
91
91
  ]),
92
92
  key: "1"
93
93
  } : void 0
94
- ]), 1040)) : e.value.type === r(T).Header ? (u(), f(m, W(R({ key: 1 }, e.value.header)), null, 16)) : e.value.type === r(T).Anchor ? (u(), f(S, W(R({ key: 2 }, {
94
+ ]), 1040)) : e.value.type === c(T).Header ? (u(), f(m, W(R({ key: 1 }, e.value.header)), null, 16)) : e.value.type === c(T).Anchor ? (u(), f($, W(R({ key: 2 }, {
95
95
  ...e.value.anchor
96
- })), null, 16)) : (u(), f(S, R({ key: 3 }, {
96
+ })), null, 16)) : (u(), f($, R({ key: 3 }, {
97
97
  ...e.value.anchor,
98
98
  events: {
99
99
  ...e.value.anchor.events,
100
- click: (y) => {
101
- var _, h, Q, X;
102
- t.closeOnClickEntry && r(j).closeMenu(d.menuKey), typeof ((h = (_ = e.value.anchor) == null ? void 0 : _.events) == null ? void 0 : h.click) == "function" && ((X = (Q = e.value.anchor) == null ? void 0 : Q.events) == null || X.click(y));
100
+ click: (k) => {
101
+ var O, h, Q, X;
102
+ t.closeOnClickEntry && c(j).closeMenu(v.menuKey), typeof ((h = (O = e.value.anchor) == null ? void 0 : O.events) == null ? void 0 : h.click) == "function" && ((X = (Q = e.value.anchor) == null ? void 0 : Q.events) == null || X.click(k));
103
103
  }
104
104
  }
105
105
  }, {
106
- "on-click": $,
106
+ "on-click": b,
107
107
  "is-active": z.value,
108
- onActive: l[0] || (l[0] = (y) => A.value = y)
108
+ onActive: l[0] || (l[0] = (k) => A.value = k)
109
109
  }), {
110
- text: g(({ text: y }) => [
111
- V("div", ve, [
112
- D.value ? (u(), p("div", pe, [
113
- r(v)["icon-" + e.value.key] ? k(t.$slots, "icon-" + e.value.key, {
110
+ text: _(({ text: k }) => [
111
+ K("div", ve, [
112
+ D.value ? (u(), r("div", pe, [
113
+ c(p)["icon-" + e.value.key] ? y(t.$slots, "icon-" + e.value.key, {
114
114
  key: e.value.key,
115
115
  entry: e.value
116
- }) : e.value.icon !== "" ? (u(), p("i", {
116
+ }) : e.value.icon !== "" ? (u(), r("i", {
117
117
  key: 1,
118
- class: O(e.value.icon)
119
- }, null, 2)) : C("", !0)
120
- ])) : C("", !0),
121
- y !== "" ? (u(), p("div", me, le(y), 1)) : C("", !0)
118
+ class: C(e.value.icon)
119
+ }, null, 2)) : g("", !0)
120
+ ])) : g("", !0),
121
+ k !== "" ? (u(), r("div", me, le(k), 1)) : g("", !0)
122
122
  ])
123
123
  ]),
124
124
  _: 3
125
125
  }, 16, ["is-active"])),
126
- e.value.type !== r(T).Button && e.value.children && ((M = e.value.children) == null ? void 0 : M.length) > 0 ? (u(), p("div", {
126
+ e.value.type !== c(T).Button && e.value.children && ((S = e.value.children) == null ? void 0 : S.length) > 0 ? (u(), r("div", {
127
127
  key: 4,
128
128
  class: "lkt-menu-entry-toggle",
129
129
  onClick: B
130
130
  }, [
131
131
  N.value ? (u(), f(ne(n.value), {
132
132
  key: 0,
133
- class: O(["lkt-menu-entry-toggle-inner", e.value.isOpened ? "is-opened" : ""])
134
- }, null, 8, ["class"])) : (u(), p("div", {
133
+ class: C(["lkt-menu-entry-toggle-inner", e.value.isOpened ? "is-opened" : ""])
134
+ }, null, 8, ["class"])) : (u(), r("div", {
135
135
  key: 1,
136
- class: O(["lkt-menu-entry-toggle-inner", e.value.isOpened ? "is-opened" : ""])
136
+ class: C(["lkt-menu-entry-toggle-inner", e.value.isOpened ? "is-opened" : ""])
137
137
  }, l[1] || (l[1] = [
138
- V("i", { class: "lkt-icn-angle-bottom" }, null, -1)
138
+ K("i", { class: "lkt-icn-angle-bottom" }, null, -1)
139
139
  ]), 2))
140
- ])) : C("", !0)
140
+ ])) : g("", !0)
141
141
  ]),
142
- e.value.isOpened ? (u(), p("div", ke, [
143
- (u(!0), p(te, null, P(e.value.children, (y, _) => (u(), f(H, {
144
- modelValue: e.value.children[_],
145
- "onUpdate:modelValue": (h) => e.value.children[_] = h,
146
- key: e.value.children[_].key
142
+ e.value.isOpened ? (u(), r("div", ye, [
143
+ (u(!0), r(te, null, P(e.value.children, (k, O) => (u(), f(H, {
144
+ modelValue: e.value.children[O],
145
+ "onUpdate:modelValue": (h) => e.value.children[O] = h,
146
+ key: e.value.children[O].key
147
147
  }, q({ _: 2 }, [
148
148
  P(J.value, (h) => ({
149
149
  name: h,
150
- fn: g(() => [
151
- k(t.$slots, h)
150
+ fn: _(() => [
151
+ y(t.$slots, h)
152
152
  ])
153
153
  }))
154
154
  ]), 1032, ["modelValue", "onUpdate:modelValue"]))), 128))
155
- ])) : C("", !0)
155
+ ])) : g("", !0)
156
156
  ], 10, ce);
157
157
  };
158
158
  }
@@ -163,6 +163,7 @@ const ce = ["id"], de = { class: "lkt-menu-entry-main" }, ve = { class: "lkt-ent
163
163
  type: {},
164
164
  menuKey: { type: [String, Number, Function] },
165
165
  hiddenPosition: {},
166
+ renderOutside: { type: Boolean },
166
167
  closeOnClickOutside: { type: Boolean },
167
168
  closeOnClickEntry: { type: Boolean },
168
169
  http: {}
@@ -175,93 +176,94 @@ const ce = ["id"], de = { class: "lkt-menu-entry-main" }, ve = { class: "lkt-ent
175
176
  "response",
176
177
  "error"
177
178
  ],
178
- setup(s, { emit: b }) {
179
+ setup(s, { emit: V }) {
179
180
  var N;
180
- const o = s, d = b, e = L(!1), v = x(), a = L(o.modelValue), A = (n) => {
181
+ const o = s, v = V, e = L(!1), p = x(), a = L(o.modelValue), A = (n) => {
181
182
  let t = {};
182
183
  typeof n == "object" && Object.keys(n).length > 0 && (t = JSON.parse(JSON.stringify(n)));
183
184
  for (let l in t)
184
185
  (Array.isArray(t[l]) || typeof t[l] == "object") && (t[l] = JSON.stringify(t[l]));
185
186
  return t;
186
187
  };
187
- K(() => j.config.value, (n) => {
188
+ M(() => j.config.value, (n) => {
188
189
  }, { deep: !0 });
189
- const B = c(() => {
190
+ const B = d(() => {
190
191
  let n = [
191
192
  `type-${o.type}`
192
193
  ];
193
194
  return o.menuKey && n.push(o.menuKey), e.value && n.push("is-visible"), o.type === Y.Hidden && n.push(`${o.hiddenPosition}-hidden`), n.join(" ");
194
195
  });
195
- let $ = new ae({});
196
- $.increment(A(((N = o.http) == null ? void 0 : N.data) ?? {}));
197
- const D = c(() => G([], a.value)), w = c(() => {
196
+ let b = new ae({});
197
+ b.increment(A(((N = o.http) == null ? void 0 : N.data) ?? {}));
198
+ const D = d(() => G([], a.value)), w = d(() => {
198
199
  let n = [];
199
- for (let t in v)
200
+ for (let t in p)
200
201
  t.startsWith("icon-") && D.value.includes(t.substring(5)) && n.push(t);
201
202
  return n;
202
203
  }), F = () => {
203
204
  var t, l;
204
205
  if (!((t = o.http) != null && t.resource)) return;
205
- let n = $.getData();
206
- d("loading"), re((l = o.http) == null ? void 0 : l.resource, n).then((i) => {
207
- $.turnStoredIntoOriginal(), a.value = i.data, d("results", i.data), d("response", i);
206
+ let n = b.getData();
207
+ v("loading"), re((l = o.http) == null ? void 0 : l.resource, n).then((i) => {
208
+ b.turnStoredIntoOriginal(), a.value = i.data, v("results", i.data), v("response", i);
208
209
  }).catch((i) => {
209
- d("error", i);
210
+ v("error", i);
210
211
  });
211
212
  }, J = () => {
212
- o.closeOnClickOutside && j.closeMenu(o.menuKey), d("click-outside");
213
+ o.closeOnClickOutside && j.closeMenu(o.menuKey), v("click-outside");
213
214
  };
214
- K(() => o.modelValue, (n) => {
215
+ M(() => o.modelValue, (n) => {
215
216
  a.value = n;
216
- }, { deep: !0 }), K(a, (n) => {
217
- d("update:modelValue", n);
217
+ }, { deep: !0 }), M(a, (n) => {
218
+ v("update:modelValue", n);
218
219
  }, { deep: !0 }), ee(() => {
219
220
  j.addMenu(o.menuKey, e), F();
220
221
  });
221
- const z = c(() => {
222
+ const z = d(() => {
222
223
  if (o.type === Y.TabList) return "tablist";
223
224
  });
224
- return (n, t) => (u(), p("div", {
225
- class: O(["lkt-menu", B.value]),
225
+ return (n, t) => (u(), r("div", {
226
+ class: C(["lkt-menu", B.value]),
226
227
  role: z.value
227
228
  }, [
228
- V("div", fe, [
229
- r(v).before ? k(n.$slots, "before", { key: 0 }) : C("", !0),
230
- V("div", ge, [
231
- (u(!0), p(te, null, P(a.value, (l, i) => (u(), f(ye, {
229
+ K("div", fe, [
230
+ c(p).before ? y(n.$slots, "before", { key: 0 }) : g("", !0),
231
+ K("div", ge, [
232
+ (u(!0), r(te, null, P(a.value, (l, i) => (u(), f(ke, {
232
233
  modelValue: a.value[i],
233
234
  "onUpdate:modelValue": (m) => a.value[i] = m,
234
- class: O(l.class),
235
+ class: C(l.class),
235
236
  "menu-key": n.menuKey,
236
237
  "close-on-click-entry": n.closeOnClickEntry
237
238
  }, q({ _: 2 }, [
238
239
  P(w.value, (m) => ({
239
240
  name: m,
240
- fn: g(() => [
241
- k(n.$slots, m)
241
+ fn: _(() => [
242
+ y(n.$slots, m)
242
243
  ])
243
244
  })),
244
- r(v)[`tooltip-${l.key}`] ? {
245
+ c(p)[`tooltip-${l.key}`] ? {
245
246
  name: "tooltip",
246
- fn: g(() => [
247
- k(n.$slots, `tooltip-${l.key}`)
247
+ fn: _(() => [
248
+ y(n.$slots, `tooltip-${l.key}`)
248
249
  ]),
249
250
  key: "0"
250
251
  } : void 0,
251
- r(v)[`split-${l.key}`] ? {
252
+ c(p)[`split-${l.key}`] ? {
252
253
  name: "split",
253
- fn: g(() => [
254
- k(n.$slots, `split-${l.key}`)
254
+ fn: _(() => [
255
+ y(n.$slots, `split-${l.key}`)
255
256
  ]),
256
257
  key: "1"
257
258
  } : void 0
258
259
  ]), 1032, ["modelValue", "onUpdate:modelValue", "class", "menu-key", "close-on-click-entry"]))), 256))
259
260
  ])
260
261
  ]),
261
- V("div", {
262
+ n.renderOutside ? (u(), r("div", {
263
+ key: 0,
262
264
  class: "lkt-menu-outside",
263
265
  onClick: J
264
- })
266
+ })) : g("", !0)
265
267
  ], 10, he));
266
268
  }
267
269
  }), Se = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lkt-menu",
3
- "version": "2.0.13",
3
+ "version": "2.0.14",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "lkt",