admins-components 9.0.7 → 9.0.9

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 (170) hide show
  1. package/dist/admins-components.js +56 -55
  2. package/dist/admins-components100.js +26 -27
  3. package/dist/admins-components101.js +25 -169
  4. package/dist/admins-components102.js +165 -61
  5. package/dist/admins-components103.js +61 -60
  6. package/dist/admins-components104.js +65 -28
  7. package/dist/admins-components105.js +28 -14
  8. package/dist/admins-components106.js +15 -26
  9. package/dist/admins-components107.js +26 -8
  10. package/dist/admins-components108.js +9 -4
  11. package/dist/admins-components109.js +4 -3
  12. package/dist/admins-components11.js +9 -38
  13. package/dist/admins-components110.js +2 -2
  14. package/dist/admins-components111.js +3 -21
  15. package/dist/admins-components112.js +21 -14
  16. package/dist/admins-components113.js +14 -8
  17. package/dist/admins-components114.js +8 -13
  18. package/dist/admins-components115.js +11 -24
  19. package/dist/admins-components116.js +24 -81
  20. package/dist/admins-components117.js +82 -10
  21. package/dist/admins-components118.js +10 -4
  22. package/dist/admins-components119.js +5 -8
  23. package/dist/admins-components12.js +37 -141
  24. package/dist/admins-components120.js +7 -6
  25. package/dist/admins-components121.js +6 -5
  26. package/dist/admins-components122.js +4 -13
  27. package/dist/admins-components123.js +11 -9
  28. package/dist/admins-components124.js +13 -30
  29. package/dist/admins-components125.js +30 -4
  30. package/dist/admins-components126.js +4 -29
  31. package/dist/admins-components127.js +29 -5
  32. package/dist/admins-components128.js +3 -3
  33. package/dist/admins-components129.js +4 -7
  34. package/dist/admins-components13.js +145 -5
  35. package/dist/admins-components130.js +7 -73
  36. package/dist/admins-components131.js +71 -26
  37. package/dist/admins-components132.js +27 -57
  38. package/dist/admins-components133.js +57 -22
  39. package/dist/admins-components134.js +21 -47
  40. package/dist/admins-components135.js +48 -29
  41. package/dist/admins-components136.js +31 -3
  42. package/dist/admins-components137.js +3 -179
  43. package/dist/admins-components138.js +176 -43
  44. package/dist/admins-components139.js +44 -35
  45. package/dist/admins-components14.js +5 -46
  46. package/dist/admins-components140.js +34 -43
  47. package/dist/admins-components141.js +42 -137
  48. package/dist/admins-components142.js +134 -51
  49. package/dist/admins-components143.js +58 -7
  50. package/dist/admins-components144.js +6 -5
  51. package/dist/admins-components145.js +6 -76
  52. package/dist/admins-components146.js +76 -29
  53. package/dist/admins-components147.js +29 -1931
  54. package/dist/admins-components148.js +1748 -24628
  55. package/dist/admins-components149.js +24810 -8
  56. package/dist/admins-components15.js +49 -4
  57. package/dist/admins-components150.js +9 -7
  58. package/dist/admins-components151.js +7 -142
  59. package/dist/admins-components152.js +141 -8
  60. package/dist/admins-components153.js +3 -3
  61. package/dist/admins-components154.js +10 -0
  62. package/dist/admins-components156.js +161 -44
  63. package/dist/admins-components157.js +50 -8
  64. package/dist/admins-components158.js +8 -49
  65. package/dist/admins-components159.js +50 -6
  66. package/dist/admins-components16.js +4 -94
  67. package/dist/admins-components160.js +6 -80
  68. package/dist/admins-components161.js +70 -48
  69. package/dist/admins-components162.js +31 -32
  70. package/dist/admins-components163.js +58 -8
  71. package/dist/admins-components164.js +8 -51
  72. package/dist/admins-components165.js +51 -8
  73. package/dist/admins-components166.js +10 -0
  74. package/dist/{admins-components167.js → admins-components168.js} +3 -3
  75. package/dist/admins-components17.js +91 -225
  76. package/dist/admins-components18.js +245 -5
  77. package/dist/admins-components19.js +5 -181
  78. package/dist/admins-components20.js +183 -0
  79. package/dist/admins-components22.js +6 -72
  80. package/dist/admins-components23.js +78 -6
  81. package/dist/admins-components24.js +6 -58
  82. package/dist/admins-components25.js +59 -0
  83. package/dist/admins-components27.js +6 -60
  84. package/dist/admins-components28.js +61 -0
  85. package/dist/admins-components30.js +6 -36
  86. package/dist/admins-components31.js +37 -0
  87. package/dist/admins-components33.js +6 -36
  88. package/dist/admins-components34.js +36 -4
  89. package/dist/admins-components35.js +4 -32
  90. package/dist/admins-components36.js +33 -0
  91. package/dist/admins-components38.js +6 -147
  92. package/dist/admins-components39.js +148 -0
  93. package/dist/admins-components4.js +9 -56
  94. package/dist/admins-components41.js +6 -124
  95. package/dist/admins-components42.js +124 -4
  96. package/dist/admins-components43.js +4 -179
  97. package/dist/admins-components44.js +179 -4
  98. package/dist/admins-components45.js +4 -19
  99. package/dist/admins-components46.js +20 -0
  100. package/dist/admins-components48.js +6 -54
  101. package/dist/admins-components49.js +54 -93
  102. package/dist/admins-components5.js +57 -4
  103. package/dist/admins-components50.js +94 -0
  104. package/dist/admins-components52.js +6 -25
  105. package/dist/admins-components53.js +25 -9
  106. package/dist/admins-components54.js +9 -19
  107. package/dist/admins-components55.js +18 -72
  108. package/dist/admins-components56.js +73 -59
  109. package/dist/admins-components57.js +59 -4
  110. package/dist/admins-components58.js +4 -120
  111. package/dist/admins-components59.js +122 -0
  112. package/dist/admins-components6.js +4 -29
  113. package/dist/admins-components61.js +7 -143
  114. package/dist/admins-components62.js +148 -0
  115. package/dist/admins-components64.js +7 -7
  116. package/dist/admins-components65.js +7 -263
  117. package/dist/admins-components66.js +264 -0
  118. package/dist/admins-components68.js +6 -111
  119. package/dist/admins-components69.js +112 -0
  120. package/dist/admins-components7.js +29 -252
  121. package/dist/admins-components71.js +6 -59
  122. package/dist/admins-components72.js +55 -217
  123. package/dist/admins-components73.js +222 -0
  124. package/dist/admins-components75.js +6 -8
  125. package/dist/admins-components76.js +7 -45
  126. package/dist/admins-components77.js +45 -249
  127. package/dist/admins-components78.js +264 -0
  128. package/dist/admins-components8.js +253 -0
  129. package/dist/admins-components80.js +7 -37
  130. package/dist/admins-components81.js +38 -0
  131. package/dist/admins-components83.js +6 -198
  132. package/dist/admins-components84.js +199 -0
  133. package/dist/admins-components86.js +6 -203
  134. package/dist/admins-components87.js +204 -0
  135. package/dist/admins-components89.js +7 -3
  136. package/dist/admins-components90.js +3 -16
  137. package/dist/admins-components91.js +16 -3
  138. package/dist/admins-components92.js +3 -52
  139. package/dist/admins-components93.js +50 -80
  140. package/dist/admins-components94.js +78 -109
  141. package/dist/admins-components95.js +110 -41
  142. package/dist/admins-components96.js +39 -101
  143. package/dist/admins-components97.js +105 -6
  144. package/dist/admins-components98.js +5 -250
  145. package/dist/admins-components99.js +250 -25
  146. package/dist/base.css +1 -1
  147. package/dist/src/components/Button.vue.d.ts +1 -2
  148. package/dist/src/components/DatePicker.vue.d.ts +2 -0
  149. package/dist/src/components/DropdownMenu.vue.d.ts +2 -0
  150. package/dist/src/index.d.ts +1 -0
  151. package/package.json +1 -1
  152. package/dist/admins-components10.js +0 -10
  153. package/dist/admins-components155.js +0 -169
  154. package/dist/admins-components21.js +0 -7
  155. package/dist/admins-components26.js +0 -7
  156. package/dist/admins-components29.js +0 -7
  157. package/dist/admins-components32.js +0 -7
  158. package/dist/admins-components37.js +0 -7
  159. package/dist/admins-components40.js +0 -7
  160. package/dist/admins-components47.js +0 -7
  161. package/dist/admins-components51.js +0 -7
  162. package/dist/admins-components60.js +0 -8
  163. package/dist/admins-components63.js +0 -8
  164. package/dist/admins-components67.js +0 -7
  165. package/dist/admins-components70.js +0 -7
  166. package/dist/admins-components74.js +0 -7
  167. package/dist/admins-components79.js +0 -8
  168. package/dist/admins-components82.js +0 -7
  169. package/dist/admins-components85.js +0 -7
  170. package/dist/admins-components88.js +0 -8
@@ -1,264 +1,8 @@
1
- import e from "./admins-components5.js";
2
- import t from "./admins-components26.js";
3
- import { dataCardsSettingsDefaults as n, dataListSettingsDefaults as r, dataTableSettingsDefaults as i } from "./admins-components53.js";
4
- import { deepMerge as ee } from "./admins-components64.js";
5
- import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as h, openBlock as g, ref as _, renderList as v, resolveDirective as y, toDisplayString as b, withCtx as x, withDirectives as S, withModifiers as C } from "vue";
6
- //#region src/components/data-table/DataListOptions.vue?vue&type=script&setup=true&lang.ts
7
- var te = { class: "table-options" }, ne = { class: "table-options__col" }, re = { class: "table-options__list" }, ie = { class: "table-options__col" }, ae = { class: "table-options__title" }, oe = { class: "table-options__title-value" }, se = { class: "layout-switch" }, ce = { class: "table-options__col" }, le = { class: "table-options__title flex-center gap-1" }, ue = { class: "table-options__list" }, de = [
8
- "draggable",
9
- "onDragstart",
10
- "onDragover",
11
- "onClick"
12
- ], fe = {
13
- key: 0,
14
- class: "fa-solid fa-grip-vertical table-options__drag-handle"
15
- }, pe = ["onClick"], me = {
16
- key: 0,
17
- class: "table-options__move-actions"
18
- }, he = ["disabled"], w = ["disabled"], T = { class: "table-options__col" }, E = { class: "table-options__list" }, D = [
19
- "draggable",
20
- "onDragstart",
21
- "onDragover",
22
- "onClick"
23
- ], O = {
24
- key: 0,
25
- class: "fa-solid fa-grip-vertical table-options__drag-handle"
26
- }, k = ["onClick"], A = {
27
- key: 0,
28
- class: "table-options__move-actions"
29
- }, j = ["disabled"], M = ["disabled"], N = { class: "table-options__footer" }, P = /* @__PURE__ */ p({
30
- __name: "DataListOptions",
31
- props: {
32
- open: { type: Boolean },
33
- columns: {},
34
- settings: {},
35
- position: {},
36
- storageKey: {},
37
- orderable: {
38
- type: Boolean,
39
- default: !1
40
- }
41
- },
42
- emits: ["close", "change"],
43
- setup(p, { emit: P }) {
44
- let F = p, I = P, L = _(z()), R = o(() => `data-list-${F.storageKey}`), ge = o(() => JSON.stringify(L.value) !== JSON.stringify(z()));
45
- function z() {
46
- return {
47
- ...n,
48
- ...i,
49
- ...r,
50
- ...F.settings,
51
- columns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.columns?.[e.property] ?? e.visible !== !1])),
52
- cardHeaderColumns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.cardHeaderColumns?.[e.property] ?? e.primary === !0])),
53
- columnOrder: F.settings.columnOrder ?? F.columns.map((e) => e.property),
54
- cardHeaderOrder: F.settings.cardHeaderOrder ?? F.columns.map((e) => e.property)
55
- };
56
- }
57
- function _e() {
58
- try {
59
- let e = localStorage.getItem(R.value), t = z();
60
- if (e) {
61
- let n = JSON.parse(e);
62
- L.value = n.settings ? ee(t, n.settings) : t;
63
- } else L.value = t;
64
- } catch {
65
- L.value = z();
66
- }
67
- I("change", L.value);
68
- }
69
- function ve() {
70
- try {
71
- let e = R.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
72
- n.settings = L.value, localStorage.setItem(e, JSON.stringify(n));
73
- } catch {}
74
- I("change", L.value);
75
- }
76
- function B(e, t) {
77
- L.value = {
78
- ...L.value,
79
- [e]: t
80
- }, ve();
81
- }
82
- function V(e) {
83
- B("columns", {
84
- ...L.value.columns,
85
- [e]: !L.value.columns[e]
86
- });
87
- }
88
- function H(e) {
89
- B("cardHeaderColumns", {
90
- ...L.value.cardHeaderColumns,
91
- [e]: !L.value.cardHeaderColumns[e]
92
- });
93
- }
94
- function U(e) {
95
- B(e, !L.value[e]);
96
- }
97
- function W(e, t) {
98
- return [...e].sort((e, n) => {
99
- let r = t.indexOf(e.property), i = t.indexOf(n.property);
100
- return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
101
- });
102
- }
103
- let G = o(() => W(F.columns, L.value.columnOrder)), K = o(() => W(F.columns, L.value.cardHeaderOrder)), q = _(null), J = _(null), Y = _(null), X = _(null);
104
- function ye(e) {
105
- q.value = e;
106
- }
107
- function be(e, t) {
108
- if (e.preventDefault(), q.value === null || q.value === t) return;
109
- let n = [...L.value.columnOrder], r = n.splice(q.value, 1)[0];
110
- r && (n.splice(t, 0, r), q.value = t, B("columnOrder", n));
111
- }
112
- function xe() {
113
- q.value = null;
114
- }
115
- function Se(e) {
116
- J.value = J.value === e ? null : e;
117
- }
118
- function Z(e) {
119
- if (J.value === null) return;
120
- let t = J.value + e;
121
- if (t < 0 || t >= L.value.columnOrder.length) return;
122
- let n = [...L.value.columnOrder], r = n[J.value];
123
- n[J.value] = n[t], n[t] = r, B("columnOrder", n), J.value = t;
124
- }
125
- function Ce(e) {
126
- Y.value = e;
127
- }
128
- function we(e, t) {
129
- if (e.preventDefault(), Y.value === null || Y.value === t) return;
130
- let n = [...L.value.cardHeaderOrder], r = n.splice(Y.value, 1)[0];
131
- r && (n.splice(t, 0, r), Y.value = t, B("cardHeaderOrder", n));
132
- }
133
- function Q() {
134
- Y.value = null;
135
- }
136
- function Te(e) {
137
- X.value = X.value === e ? null : e;
138
- }
139
- function $(e) {
140
- if (X.value === null) return;
141
- let t = X.value + e;
142
- if (t < 0 || t >= L.value.cardHeaderOrder.length) return;
143
- let n = [...L.value.cardHeaderOrder], r = n[X.value];
144
- n[X.value] = n[t], n[t] = r, B("cardHeaderOrder", n), X.value = t;
145
- }
146
- function Ee() {
147
- localStorage.removeItem(R.value), L.value = z(), I("change", L.value);
148
- }
149
- return h(_e), (n, r) => {
150
- let i = y("tooltip");
151
- return g(), s(t, {
152
- open: p.open,
153
- title: "Lista beállítások",
154
- position: F.position,
155
- onClose: r[16] ||= (e) => I("close")
156
- }, {
157
- default: x(() => [u("div", te, [
158
- u("div", ne, [r[19] ||= u("h4", { class: "table-options__title" }, "Megjelenés", -1), u("ul", re, [u("li", {
159
- class: "table-options__item",
160
- onClick: r[1] ||= (e) => U("compact"),
161
- title: "A sorok közötti térköz csökkentése"
162
- }, [u("span", {
163
- class: m(["c-checkbox", { "c-checkbox--checked": L.value.compact }]),
164
- onClick: r[0] ||= C((e) => U("compact"), ["stop"])
165
- }, null, 2), r[17] ||= u("span", null, "Kompakt", -1)]), u("li", {
166
- class: "table-options__item",
167
- onClick: r[3] ||= (e) => U("striped"),
168
- title: "A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)"
169
- }, [u("span", {
170
- class: m(["c-checkbox", { "c-checkbox--checked": L.value.striped }]),
171
- onClick: r[2] ||= C((e) => U("striped"), ["stop"])
172
- }, null, 2), r[18] ||= u("span", null, "Sávos (striped)", -1)])])]),
173
- u("div", ie, [u("h4", ae, [r[20] ||= d(" Elrendezés ", -1), u("span", oe, "— " + b(L.value.layout === "screen" ? "Auto" : L.value.layout === "table" ? "Táblázat" : "Kártyák"), 1)]), u("div", se, [
174
- u("button", {
175
- class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "screen" }]),
176
- title: "Kijelző méretéhez igazodó elrendezés",
177
- onClick: r[4] ||= (e) => B("layout", "screen")
178
- }, [...r[21] ||= [u("i", { class: "fa-solid fa-display" }, null, -1)]], 2),
179
- u("button", {
180
- class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "table" }]),
181
- title: "Táblázat nézet",
182
- onClick: r[5] ||= (e) => B("layout", "table")
183
- }, [...r[22] ||= [u("i", { class: "fa-solid fa-table-list" }, null, -1)]], 2),
184
- u("button", {
185
- class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "cards" }]),
186
- title: "Kártya nézet",
187
- onClick: r[6] ||= (e) => B("layout", "cards")
188
- }, [...r[23] ||= [u("i", { class: "fa-solid fa-list" }, null, -1)]], 2)
189
- ])]),
190
- u("div", ce, [
191
- S((g(), l("h4", le, [...r[24] ||= [d(" Kártya fejléc ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Kártya nézetben, a sorok fejlécén megjelenő oszlopok"]]),
192
- u("ul", ue, [(g(!0), l(a, null, v(K.value, (e, t) => (g(), l("li", {
193
- key: "ch-" + e.property,
194
- class: m(["table-options__item", {
195
- "table-options__item--disabled": e.primary,
196
- "table-options__item--selected": p.orderable && X.value === t,
197
- "table-options__item--dragging": p.orderable && Y.value === t
198
- }]),
199
- draggable: p.orderable,
200
- onDragstart: C((e) => p.orderable && Ce(t), ["stop"]),
201
- onDragover: C((e) => p.orderable && we(e, t), ["prevent"]),
202
- onDrop: r[7] ||= C(() => {}, ["prevent"]),
203
- onDragend: r[8] ||= (e) => p.orderable && Q(),
204
- onClick: C((n) => p.orderable ? Te(t) : !e.primary && H(e.property), ["prevent"])
205
- }, [p.orderable ? (g(), l("i", fe)) : c("", !0), u("span", {
206
- class: "table-options__toggle",
207
- onClick: C((t) => !e.primary && H(e.property), ["stop"])
208
- }, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.cardHeaderColumns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, pe)], 42, de))), 128))]),
209
- p.orderable && X.value !== null ? (g(), l("div", me, [u("button", {
210
- class: "table-options__move-btn",
211
- disabled: X.value === 0,
212
- onClick: r[9] ||= (e) => $(-1)
213
- }, [...r[25] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, he), u("button", {
214
- class: "table-options__move-btn",
215
- disabled: X.value === K.value.length - 1,
216
- onClick: r[10] ||= (e) => $(1)
217
- }, [...r[26] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, w)])) : c("", !0)
218
- ]),
219
- u("div", T, [
220
- r[29] ||= u("h4", { class: "table-options__title" }, "Oszlopok", -1),
221
- u("ul", E, [(g(!0), l(a, null, v(G.value, (e, t) => (g(), l("li", {
222
- key: e.property,
223
- class: m(["table-options__item", {
224
- "table-options__item--disabled": e.primary,
225
- "table-options__item--selected": p.orderable && J.value === t,
226
- "table-options__item--dragging": p.orderable && q.value === t
227
- }]),
228
- draggable: p.orderable,
229
- onDragstart: C((e) => p.orderable && ye(t), ["stop"]),
230
- onDragover: C((e) => p.orderable && be(e, t), ["prevent"]),
231
- onDrop: r[11] ||= C(() => {}, ["prevent"]),
232
- onDragend: r[12] ||= (e) => p.orderable && xe(),
233
- onClick: C((n) => p.orderable ? Se(t) : !e.primary && V(e.property), ["prevent"])
234
- }, [p.orderable ? (g(), l("i", O)) : c("", !0), u("span", {
235
- class: "table-options__toggle",
236
- onClick: C((t) => !e.primary && V(e.property), ["stop"])
237
- }, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.columns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, k)], 42, D))), 128))]),
238
- p.orderable && J.value !== null ? (g(), l("div", A, [u("button", {
239
- class: "table-options__move-btn",
240
- disabled: J.value === 0,
241
- onClick: r[13] ||= (e) => Z(-1)
242
- }, [...r[27] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, j), u("button", {
243
- class: "table-options__move-btn",
244
- disabled: J.value === G.value.length - 1,
245
- onClick: r[14] ||= (e) => Z(1)
246
- }, [...r[28] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, M)])) : c("", !0)
247
- ])
248
- ]), u("div", N, [f(e, {
249
- icon: "fa-solid fa-triangle-exclamation",
250
- disabled: !ge.value,
251
- label: "Alapértelmezés visszaállítása",
252
- size: "small",
253
- onClick: Ee
254
- }, null, 8, ["disabled"]), f(e, {
255
- label: "OK",
256
- onClick: r[15] ||= (e) => I("close")
257
- })])]),
258
- _: 1
259
- }, 8, ["open", "position"]);
260
- };
261
- }
262
- });
1
+ //#region src/utils/objects.ts
2
+ function e(t, n) {
3
+ let r = { ...t };
4
+ for (let i in n) n[i] && typeof n[i] == "object" && !Array.isArray(n[i]) && i in t && typeof t[i] == "object" ? r[i] = e(t[i], n[i]) : r[i] = n[i];
5
+ return r;
6
+ }
263
7
  //#endregion
264
- export { P as default };
8
+ export { e as deepMerge };
@@ -0,0 +1,264 @@
1
+ import e from "./admins-components6.js";
2
+ import t from "./admins-components27.js";
3
+ import { dataCardsSettingsDefaults as n, dataListSettingsDefaults as r, dataTableSettingsDefaults as i } from "./admins-components54.js";
4
+ import { deepMerge as ee } from "./admins-components65.js";
5
+ import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as h, openBlock as g, ref as _, renderList as v, resolveDirective as y, toDisplayString as b, withCtx as x, withDirectives as S, withModifiers as C } from "vue";
6
+ //#region src/components/data-table/DataListOptions.vue?vue&type=script&setup=true&lang.ts
7
+ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re = { class: "table-options__list" }, ie = { class: "table-options__col" }, ae = { class: "table-options__title" }, oe = { class: "table-options__title-value" }, se = { class: "layout-switch" }, ce = { class: "table-options__col" }, le = { class: "table-options__title flex-center gap-1" }, ue = { class: "table-options__list" }, de = [
8
+ "draggable",
9
+ "onDragstart",
10
+ "onDragover",
11
+ "onClick"
12
+ ], fe = {
13
+ key: 0,
14
+ class: "fa-solid fa-grip-vertical table-options__drag-handle"
15
+ }, pe = ["onClick"], me = {
16
+ key: 0,
17
+ class: "table-options__move-actions"
18
+ }, he = ["disabled"], w = ["disabled"], T = { class: "table-options__col" }, E = { class: "table-options__list" }, D = [
19
+ "draggable",
20
+ "onDragstart",
21
+ "onDragover",
22
+ "onClick"
23
+ ], O = {
24
+ key: 0,
25
+ class: "fa-solid fa-grip-vertical table-options__drag-handle"
26
+ }, k = ["onClick"], A = {
27
+ key: 0,
28
+ class: "table-options__move-actions"
29
+ }, j = ["disabled"], M = ["disabled"], N = { class: "table-options__footer" }, P = /* @__PURE__ */ p({
30
+ __name: "DataListOptions",
31
+ props: {
32
+ open: { type: Boolean },
33
+ columns: {},
34
+ settings: {},
35
+ position: {},
36
+ storageKey: {},
37
+ orderable: {
38
+ type: Boolean,
39
+ default: !1
40
+ }
41
+ },
42
+ emits: ["close", "change"],
43
+ setup(p, { emit: P }) {
44
+ let F = p, I = P, L = _(z()), R = o(() => `data-list-${F.storageKey}`), ge = o(() => JSON.stringify(L.value) !== JSON.stringify(z()));
45
+ function z() {
46
+ return {
47
+ ...n,
48
+ ...i,
49
+ ...r,
50
+ ...F.settings,
51
+ columns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.columns?.[e.property] ?? e.visible !== !1])),
52
+ cardHeaderColumns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.cardHeaderColumns?.[e.property] ?? e.primary === !0])),
53
+ columnOrder: F.settings.columnOrder ?? F.columns.map((e) => e.property),
54
+ cardHeaderOrder: F.settings.cardHeaderOrder ?? F.columns.map((e) => e.property)
55
+ };
56
+ }
57
+ function _e() {
58
+ try {
59
+ let e = localStorage.getItem(R.value), t = z();
60
+ if (e) {
61
+ let n = JSON.parse(e);
62
+ L.value = n.settings ? ee(t, n.settings) : t;
63
+ } else L.value = t;
64
+ } catch {
65
+ L.value = z();
66
+ }
67
+ I("change", L.value);
68
+ }
69
+ function ve() {
70
+ try {
71
+ let e = R.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
72
+ n.settings = L.value, localStorage.setItem(e, JSON.stringify(n));
73
+ } catch {}
74
+ I("change", L.value);
75
+ }
76
+ function B(e, t) {
77
+ L.value = {
78
+ ...L.value,
79
+ [e]: t
80
+ }, ve();
81
+ }
82
+ function V(e) {
83
+ B("columns", {
84
+ ...L.value.columns,
85
+ [e]: !L.value.columns[e]
86
+ });
87
+ }
88
+ function H(e) {
89
+ B("cardHeaderColumns", {
90
+ ...L.value.cardHeaderColumns,
91
+ [e]: !L.value.cardHeaderColumns[e]
92
+ });
93
+ }
94
+ function U(e) {
95
+ B(e, !L.value[e]);
96
+ }
97
+ function W(e, t) {
98
+ return [...e].sort((e, n) => {
99
+ let r = t.indexOf(e.property), i = t.indexOf(n.property);
100
+ return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
101
+ });
102
+ }
103
+ let G = o(() => W(F.columns, L.value.columnOrder)), K = o(() => W(F.columns, L.value.cardHeaderOrder)), q = _(null), J = _(null), Y = _(null), X = _(null);
104
+ function ye(e) {
105
+ q.value = e;
106
+ }
107
+ function be(e, t) {
108
+ if (e.preventDefault(), q.value === null || q.value === t) return;
109
+ let n = [...L.value.columnOrder], r = n.splice(q.value, 1)[0];
110
+ r && (n.splice(t, 0, r), q.value = t, B("columnOrder", n));
111
+ }
112
+ function xe() {
113
+ q.value = null;
114
+ }
115
+ function Se(e) {
116
+ J.value = J.value === e ? null : e;
117
+ }
118
+ function Z(e) {
119
+ if (J.value === null) return;
120
+ let t = J.value + e;
121
+ if (t < 0 || t >= L.value.columnOrder.length) return;
122
+ let n = [...L.value.columnOrder], r = n[J.value];
123
+ n[J.value] = n[t], n[t] = r, B("columnOrder", n), J.value = t;
124
+ }
125
+ function Ce(e) {
126
+ Y.value = e;
127
+ }
128
+ function we(e, t) {
129
+ if (e.preventDefault(), Y.value === null || Y.value === t) return;
130
+ let n = [...L.value.cardHeaderOrder], r = n.splice(Y.value, 1)[0];
131
+ r && (n.splice(t, 0, r), Y.value = t, B("cardHeaderOrder", n));
132
+ }
133
+ function Q() {
134
+ Y.value = null;
135
+ }
136
+ function Te(e) {
137
+ X.value = X.value === e ? null : e;
138
+ }
139
+ function $(e) {
140
+ if (X.value === null) return;
141
+ let t = X.value + e;
142
+ if (t < 0 || t >= L.value.cardHeaderOrder.length) return;
143
+ let n = [...L.value.cardHeaderOrder], r = n[X.value];
144
+ n[X.value] = n[t], n[t] = r, B("cardHeaderOrder", n), X.value = t;
145
+ }
146
+ function Ee() {
147
+ localStorage.removeItem(R.value), L.value = z(), I("change", L.value);
148
+ }
149
+ return h(_e), (n, r) => {
150
+ let i = y("tooltip");
151
+ return g(), s(t, {
152
+ open: p.open,
153
+ title: "Lista beállítások",
154
+ position: F.position,
155
+ onClose: r[16] ||= (e) => I("close")
156
+ }, {
157
+ default: x(() => [u("div", te, [
158
+ u("div", ne, [r[19] ||= u("h4", { class: "table-options__title" }, "Megjelenés", -1), u("ul", re, [u("li", {
159
+ class: "table-options__item",
160
+ onClick: r[1] ||= (e) => U("compact"),
161
+ title: "A sorok közötti térköz csökkentése"
162
+ }, [u("span", {
163
+ class: m(["c-checkbox", { "c-checkbox--checked": L.value.compact }]),
164
+ onClick: r[0] ||= C((e) => U("compact"), ["stop"])
165
+ }, null, 2), r[17] ||= u("span", null, "Kompakt", -1)]), u("li", {
166
+ class: "table-options__item",
167
+ onClick: r[3] ||= (e) => U("striped"),
168
+ title: "A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)"
169
+ }, [u("span", {
170
+ class: m(["c-checkbox", { "c-checkbox--checked": L.value.striped }]),
171
+ onClick: r[2] ||= C((e) => U("striped"), ["stop"])
172
+ }, null, 2), r[18] ||= u("span", null, "Sávos (striped)", -1)])])]),
173
+ u("div", ie, [u("h4", ae, [r[20] ||= d(" Elrendezés ", -1), u("span", oe, "— " + b(L.value.layout === "screen" ? "Auto" : L.value.layout === "table" ? "Táblázat" : "Kártyák"), 1)]), u("div", se, [
174
+ u("button", {
175
+ class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "screen" }]),
176
+ title: "Kijelző méretéhez igazodó elrendezés",
177
+ onClick: r[4] ||= (e) => B("layout", "screen")
178
+ }, [...r[21] ||= [u("i", { class: "fa-solid fa-display" }, null, -1)]], 2),
179
+ u("button", {
180
+ class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "table" }]),
181
+ title: "Táblázat nézet",
182
+ onClick: r[5] ||= (e) => B("layout", "table")
183
+ }, [...r[22] ||= [u("i", { class: "fa-solid fa-table-list" }, null, -1)]], 2),
184
+ u("button", {
185
+ class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "cards" }]),
186
+ title: "Kártya nézet",
187
+ onClick: r[6] ||= (e) => B("layout", "cards")
188
+ }, [...r[23] ||= [u("i", { class: "fa-solid fa-list" }, null, -1)]], 2)
189
+ ])]),
190
+ u("div", ce, [
191
+ S((g(), l("h4", le, [...r[24] ||= [d(" Kártya fejléc ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Kártya nézetben, a sorok fejlécén megjelenő oszlopok"]]),
192
+ u("ul", ue, [(g(!0), l(a, null, v(K.value, (e, t) => (g(), l("li", {
193
+ key: "ch-" + e.property,
194
+ class: m(["table-options__item", {
195
+ "table-options__item--disabled": e.primary,
196
+ "table-options__item--selected": p.orderable && X.value === t,
197
+ "table-options__item--dragging": p.orderable && Y.value === t
198
+ }]),
199
+ draggable: p.orderable,
200
+ onDragstart: C((e) => p.orderable && Ce(t), ["stop"]),
201
+ onDragover: C((e) => p.orderable && we(e, t), ["prevent"]),
202
+ onDrop: r[7] ||= C(() => {}, ["prevent"]),
203
+ onDragend: r[8] ||= (e) => p.orderable && Q(),
204
+ onClick: C((n) => p.orderable ? Te(t) : !e.primary && H(e.property), ["prevent"])
205
+ }, [p.orderable ? (g(), l("i", fe)) : c("", !0), u("span", {
206
+ class: "table-options__toggle",
207
+ onClick: C((t) => !e.primary && H(e.property), ["stop"])
208
+ }, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.cardHeaderColumns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, pe)], 42, de))), 128))]),
209
+ p.orderable && X.value !== null ? (g(), l("div", me, [u("button", {
210
+ class: "table-options__move-btn",
211
+ disabled: X.value === 0,
212
+ onClick: r[9] ||= (e) => $(-1)
213
+ }, [...r[25] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, he), u("button", {
214
+ class: "table-options__move-btn",
215
+ disabled: X.value === K.value.length - 1,
216
+ onClick: r[10] ||= (e) => $(1)
217
+ }, [...r[26] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, w)])) : c("", !0)
218
+ ]),
219
+ u("div", T, [
220
+ r[29] ||= u("h4", { class: "table-options__title" }, "Oszlopok", -1),
221
+ u("ul", E, [(g(!0), l(a, null, v(G.value, (e, t) => (g(), l("li", {
222
+ key: e.property,
223
+ class: m(["table-options__item", {
224
+ "table-options__item--disabled": e.primary,
225
+ "table-options__item--selected": p.orderable && J.value === t,
226
+ "table-options__item--dragging": p.orderable && q.value === t
227
+ }]),
228
+ draggable: p.orderable,
229
+ onDragstart: C((e) => p.orderable && ye(t), ["stop"]),
230
+ onDragover: C((e) => p.orderable && be(e, t), ["prevent"]),
231
+ onDrop: r[11] ||= C(() => {}, ["prevent"]),
232
+ onDragend: r[12] ||= (e) => p.orderable && xe(),
233
+ onClick: C((n) => p.orderable ? Se(t) : !e.primary && V(e.property), ["prevent"])
234
+ }, [p.orderable ? (g(), l("i", O)) : c("", !0), u("span", {
235
+ class: "table-options__toggle",
236
+ onClick: C((t) => !e.primary && V(e.property), ["stop"])
237
+ }, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.columns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, k)], 42, D))), 128))]),
238
+ p.orderable && J.value !== null ? (g(), l("div", A, [u("button", {
239
+ class: "table-options__move-btn",
240
+ disabled: J.value === 0,
241
+ onClick: r[13] ||= (e) => Z(-1)
242
+ }, [...r[27] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, j), u("button", {
243
+ class: "table-options__move-btn",
244
+ disabled: J.value === G.value.length - 1,
245
+ onClick: r[14] ||= (e) => Z(1)
246
+ }, [...r[28] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, M)])) : c("", !0)
247
+ ])
248
+ ]), u("div", N, [f(e, {
249
+ icon: "fa-solid fa-triangle-exclamation",
250
+ disabled: !ge.value,
251
+ label: "Alapértelmezés visszaállítása",
252
+ size: "small",
253
+ onClick: Ee
254
+ }, null, 8, ["disabled"]), f(e, {
255
+ label: "OK",
256
+ onClick: r[15] ||= (e) => I("close")
257
+ })])]),
258
+ _: 1
259
+ }, 8, ["open", "position"]);
260
+ };
261
+ }
262
+ });
263
+ //#endregion
264
+ export { P as default };
@@ -1,112 +1,7 @@
1
- import e from "./admins-components5.js";
2
- import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
3
- //#region src/components/data-table/DataPaginator.vue?vue&type=script&setup=true&lang.ts
4
- var d = { class: "c-paginator-wrapper ac-component" }, f = { class: "c-paginator" }, p = { class: "c-paginator__info" }, m = { class: "c-paginator__range" }, h = { class: "c-paginator__total" }, g = {
5
- class: "c-paginator__nav",
6
- "aria-label": "Pagination"
7
- }, _ = {
8
- key: 0,
9
- class: "c-paginator__ellipsis"
10
- }, v = ["onClick"], y = { class: "c-paginator__size" }, b = ["value"], x = ["value"], S = [
11
- 10,
12
- 25,
13
- 50,
14
- 100
15
- ], C = "pagesize-";
16
- function w(e) {
17
- try {
18
- let t = localStorage.getItem(C + e);
19
- if (t) {
20
- let e = Number(t);
21
- if (e > 0) return e;
22
- }
23
- } catch {}
24
- return 25;
25
- }
26
- function T(e) {
27
- return {
28
- total: 0,
29
- page: 1,
30
- pageSize: w(e)
31
- };
32
- }
33
- var E = /* @__PURE__ */ o({
34
- __name: "DataPaginator",
35
- props: {
36
- settings: {},
37
- storageKey: {}
38
- },
39
- emits: ["update:pagination"],
40
- setup(o, { emit: w }) {
41
- let T = o, E = w;
42
- function D(e) {
43
- try {
44
- localStorage.setItem(C + T.storageKey, String(e));
45
- } catch {}
46
- }
47
- let O = n(() => Math.max(1, Math.ceil(T.settings.total / T.settings.pageSize))), k = n(() => T.settings.total === 0 ? 0 : (T.settings.page - 1) * T.settings.pageSize + 1), A = n(() => Math.min(T.settings.page * T.settings.pageSize, T.settings.total)), j = n(() => {
48
- let e = O.value, t = T.settings.page, n = [];
49
- if (e <= 7) {
50
- for (let t = 1; t <= e; t++) n.push(t);
51
- return n;
52
- }
53
- n.push(1), t > 3 && n.push("...");
54
- let r = Math.max(2, t - 1), i = Math.min(e - 1, t + 1);
55
- for (let e = r; e <= i; e++) n.push(e);
56
- return t < e - 2 && n.push("..."), n.push(e), n;
57
- });
58
- function M(e) {
59
- let t = T.settings.page, n = O.value, r = e === 1 || e === n, i = e === t;
60
- return t > 3 && t < n - 2 && !r && !i;
61
- }
62
- function N(e) {
63
- e < 1 || e > O.value || e === T.settings.page || E("update:pagination", {
64
- page: e,
65
- pageSize: T.settings.pageSize
66
- });
67
- }
68
- function P(e) {
69
- let t = Number(e.target.value);
70
- D(t), E("update:pagination", {
71
- page: 1,
72
- pageSize: t
73
- });
74
- }
75
- return (n, C) => (c(), r("div", d, [i("div", f, [
76
- i("div", p, [i("span", m, u(k.value) + "–" + u(A.value), 1), i("span", h, " / " + u(o.settings.total), 1)]),
77
- i("nav", g, [
78
- a(e, {
79
- icon: "fa-solid fa-chevron-left",
80
- rel: "prev",
81
- disabled: o.settings.page <= 1,
82
- callback: () => N(o.settings.page - 1)
83
- }, null, 8, ["disabled", "callback"]),
84
- (c(!0), r(t, null, l(j.value, (e, n) => (c(), r(t, { key: n }, [e === "..." ? (c(), r("span", _, "…")) : (c(), r("button", {
85
- key: 1,
86
- type: "button",
87
- class: s(["c-paginator__page", {
88
- "is-active": e === o.settings.page,
89
- "is-hidden-sm": M(e)
90
- }]),
91
- onClick: (t) => N(e)
92
- }, u(e), 11, v))], 64))), 128)),
93
- a(e, {
94
- icon: "fa-solid fa-chevron-right",
95
- rel: "next",
96
- disabled: o.settings.page >= O.value,
97
- callback: () => N(o.settings.page + 1)
98
- }, null, 8, ["disabled", "callback"])
99
- ]),
100
- i("div", y, [i("select", {
101
- class: "c-paginator__select",
102
- value: o.settings.pageSize,
103
- onChange: P
104
- }, [(c(), r(t, null, l(S, (e) => i("option", {
105
- key: e,
106
- value: e
107
- }, u(e) + " elem / oldal", 9, x)), 64))], 40, b)])
108
- ])]));
109
- }
110
- });
1
+ import './src/styles/components/data-table/data-list-options.scss_vue_type_style_index_0_src_true_lang.css';
2
+ import e from "./admins-components66.js";
3
+ /* empty css */
4
+ //#region src/components/data-table/DataListOptions.vue
5
+ var t = e;
111
6
  //#endregion
112
- export { E as default, T as getDefaultPaginator, w as getPageSize };
7
+ export { t as default };