@base-framework/ui 0.0.5 → 0.0.7
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/{calendar-DR_svCOR.js → calendar-B5TK6tLi.js} +128 -138
- package/dist/{confirmation-D1Y_SgzE.js → confirmation-D020eNiS.js} +1 -1
- package/dist/index.es.js +5 -5
- package/dist/mobile-nav-wrapper-CguousG5.js +505 -0
- package/dist/molecules.es.js +2 -2
- package/dist/organisms.es.js +3 -3
- package/dist/pages.es.js +1 -1
- package/dist/sidebar-menu-page-22AUZwFc.js +208 -0
- package/dist/{tab-C_dZb2qH.js → tab-BGR7fWvY.js} +455 -536
- package/dist/types/components/organisms/navigation/main-link.d.ts +2 -2
- package/dist/types/components/organisms/panel.d.ts +3 -1
- package/dist/types/components/organisms/tabs/tab-group.d.ts +2 -2
- package/dist/types/components/organisms/tabs/tab-navigation.d.ts +2 -2
- package/dist/types/components/pages/page.d.ts +2 -0
- package/package.json +1 -1
- package/dist/mobile-nav-wrapper-7Qul1-mt.js +0 -578
- package/dist/sidebar-menu-page-M8hr9onX.js +0 -224
|
@@ -1,27 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const A = (t, s) => {
|
|
9
|
-
const n = t ? t.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, e = s.getBoundingClientRect(), o = 10, r = window.scrollX, c = window.scrollY;
|
|
10
|
-
let d = n.left + r, u = n.bottom + c;
|
|
1
|
+
import { Div as l, Img as k, Span as D, Button as F } from "@base-framework/atoms";
|
|
2
|
+
import { Component as $, Data as P, Atom as z, DateTime as O } from "@base-framework/base";
|
|
3
|
+
import { B } from "./icon-B9QUT2NY.js";
|
|
4
|
+
import { Icons as v } from "./icons.es.js";
|
|
5
|
+
const I = (t, e) => {
|
|
6
|
+
const n = t ? t.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = e.getBoundingClientRect(), o = 10, a = window.scrollX, c = window.scrollY;
|
|
7
|
+
let d = n.left + a, u = n.bottom + c;
|
|
11
8
|
const i = window.innerHeight - n.bottom, f = n.top;
|
|
12
|
-
return d +
|
|
9
|
+
return d + s.width > window.innerWidth && (d = window.innerWidth - s.width - o), i < s.height && f > i ? u = n.top + c - s.height - o : i < s.height && (u = n.bottom + c - (s.height - i) - o), { x: d, y: u };
|
|
13
10
|
};
|
|
14
|
-
class
|
|
11
|
+
class ot extends $ {
|
|
15
12
|
/**
|
|
16
13
|
* This will set up the data.
|
|
17
14
|
*
|
|
18
15
|
* @returns {object}
|
|
19
16
|
*/
|
|
20
17
|
setData() {
|
|
21
|
-
const
|
|
22
|
-
return
|
|
18
|
+
const e = this.parent.data || new P();
|
|
19
|
+
return e.set({
|
|
23
20
|
position: { x: 0, y: 0 }
|
|
24
|
-
}),
|
|
21
|
+
}), e;
|
|
25
22
|
}
|
|
26
23
|
/**
|
|
27
24
|
* This will get the class size.
|
|
@@ -52,11 +49,11 @@ class lt extends P {
|
|
|
52
49
|
* @returns {object}
|
|
53
50
|
*/
|
|
54
51
|
render() {
|
|
55
|
-
const
|
|
52
|
+
const e = this.getSize();
|
|
56
53
|
return l({
|
|
57
|
-
class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${
|
|
54
|
+
class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${e}`,
|
|
58
55
|
popover: "auto",
|
|
59
|
-
toggle: (n, { state:
|
|
56
|
+
toggle: (n, { state: s }) => n.newState === "closed" ? s.open = !1 : null,
|
|
60
57
|
style: "top: [[position.y]]px; left: [[position.x]]px"
|
|
61
58
|
}, this.children);
|
|
62
59
|
}
|
|
@@ -69,7 +66,7 @@ class lt extends P {
|
|
|
69
66
|
return {
|
|
70
67
|
open: {
|
|
71
68
|
id: this.parent.getId(),
|
|
72
|
-
callBack: (
|
|
69
|
+
callBack: (s) => {
|
|
73
70
|
this.state.open === !1 && this.destroy();
|
|
74
71
|
}
|
|
75
72
|
}
|
|
@@ -81,8 +78,8 @@ class lt extends P {
|
|
|
81
78
|
* @returns {void}
|
|
82
79
|
*/
|
|
83
80
|
updatePosition() {
|
|
84
|
-
const
|
|
85
|
-
this.data.position =
|
|
81
|
+
const e = this.button ?? null, n = this.panel, s = I(e, n);
|
|
82
|
+
this.data.position = s;
|
|
86
83
|
}
|
|
87
84
|
/**
|
|
88
85
|
* This will run after the setup.
|
|
@@ -99,8 +96,8 @@ class lt extends P {
|
|
|
99
96
|
* @param {object} element
|
|
100
97
|
* @returns {boolean}
|
|
101
98
|
*/
|
|
102
|
-
isOutsideClick(
|
|
103
|
-
return !this.panel.contains(
|
|
99
|
+
isOutsideClick(e) {
|
|
100
|
+
return !this.panel.contains(e) && this.button && !this.button.contains(e);
|
|
104
101
|
}
|
|
105
102
|
/**
|
|
106
103
|
* This will set up the events.
|
|
@@ -109,11 +106,11 @@ class lt extends P {
|
|
|
109
106
|
*/
|
|
110
107
|
setupEvents() {
|
|
111
108
|
return [
|
|
112
|
-
["click", document, (
|
|
113
|
-
this.isOutsideClick(
|
|
109
|
+
["click", document, (e) => {
|
|
110
|
+
this.isOutsideClick(e.target) && (this.state.open = !1);
|
|
114
111
|
}],
|
|
115
|
-
["resize", window, (
|
|
116
|
-
["scroll", document, (
|
|
112
|
+
["resize", window, (e) => this.updatePosition()],
|
|
113
|
+
["scroll", document, (e) => this.updatePosition()]
|
|
117
114
|
];
|
|
118
115
|
}
|
|
119
116
|
/**
|
|
@@ -121,7 +118,7 @@ class lt extends P {
|
|
|
121
118
|
*
|
|
122
119
|
* @param {object} container
|
|
123
120
|
*/
|
|
124
|
-
setContainer(
|
|
121
|
+
setContainer(e) {
|
|
125
122
|
this.container = app.root;
|
|
126
123
|
}
|
|
127
124
|
/**
|
|
@@ -133,17 +130,17 @@ class lt extends P {
|
|
|
133
130
|
this.panel.hidePopover();
|
|
134
131
|
}
|
|
135
132
|
}
|
|
136
|
-
const
|
|
133
|
+
const Y = z(({ src: t, alt: e }) => t ? k({
|
|
137
134
|
class: "absolute w-full h-full rounded-full object-cover fadeIn",
|
|
138
135
|
src: t,
|
|
139
|
-
alt:
|
|
136
|
+
alt: e,
|
|
140
137
|
/**
|
|
141
138
|
* If there's an error loading the image, hide it.
|
|
142
139
|
*/
|
|
143
140
|
error: (n) => n.target.style.display = "none"
|
|
144
|
-
}) : null),
|
|
145
|
-
n.textContent =
|
|
146
|
-
}]),
|
|
141
|
+
}) : null), j = (t) => t.split(" ").map((e) => e.charAt(0)).join(""), N = (t) => !t || t.length < 2 ? t : j(t), A = (t) => D([t, (e, n) => {
|
|
142
|
+
n.textContent = N(e);
|
|
143
|
+
}]), M = {
|
|
147
144
|
xs: "h-6 w-6",
|
|
148
145
|
sm: "h-8 w-8",
|
|
149
146
|
md: "h-12 w-12",
|
|
@@ -152,7 +149,7 @@ const W = N(({ src: t, alt: s }) => t ? B({
|
|
|
152
149
|
"2xl": "h-32 w-32",
|
|
153
150
|
"3xl": "h-48 w-48",
|
|
154
151
|
default: "h-12 w-12"
|
|
155
|
-
},
|
|
152
|
+
}, b = {
|
|
156
153
|
xs: "text-[7px]",
|
|
157
154
|
sm: "text-xs",
|
|
158
155
|
md: "text-base",
|
|
@@ -161,8 +158,8 @@ const W = N(({ src: t, alt: s }) => t ? B({
|
|
|
161
158
|
"2xl": "text-3xl",
|
|
162
159
|
"3xl": "text-4xl",
|
|
163
160
|
default: "text-base"
|
|
164
|
-
},
|
|
165
|
-
const
|
|
161
|
+
}, W = (t) => M[t] || M.default, H = (t) => b[t] || b.default, R = (t, e = null, n = "md") => {
|
|
162
|
+
const s = N(t), o = H(n);
|
|
166
163
|
return l(
|
|
167
164
|
{
|
|
168
165
|
class: `
|
|
@@ -172,77 +169,77 @@ const W = N(({ src: t, alt: s }) => t ? B({
|
|
|
172
169
|
`
|
|
173
170
|
},
|
|
174
171
|
[
|
|
175
|
-
|
|
172
|
+
e ? A(e) : D(s)
|
|
176
173
|
]
|
|
177
174
|
);
|
|
178
|
-
},
|
|
179
|
-
const
|
|
175
|
+
}, rt = z(({ src: t, alt: e, fallbackText: n, watcherFallback: s, size: o }) => {
|
|
176
|
+
const a = W(o);
|
|
180
177
|
return l(
|
|
181
178
|
{
|
|
182
|
-
class: `relative flex items-center justify-center ${
|
|
179
|
+
class: `relative flex items-center justify-center ${a}`
|
|
183
180
|
},
|
|
184
181
|
[
|
|
185
|
-
|
|
186
|
-
|
|
182
|
+
Y({ src: t, alt: e }),
|
|
183
|
+
R(n, s, o)
|
|
187
184
|
]
|
|
188
185
|
);
|
|
189
|
-
}),
|
|
190
|
-
const o =
|
|
186
|
+
}), p = (t) => (t *= 1, t < 10 ? `0${t}` : String(t)), X = (t) => (t.indexOf("T") === -1 && t.indexOf(" ") === -1 && (t += "T00:00:01"), t.replace(" ", "T"), t), g = (t, e, n) => `${t}-${p(e + 1)}-${p(n)}`, E = (t) => t ? "bg-accent text-primary" : "", G = (t) => t ? "text-muted-foreground opacity-50" : "", L = (t, e) => t === e, q = (t, e) => L(t, e) ? "bg-primary text-primary-foreground" : "", J = (t, e, n, s) => {
|
|
187
|
+
const o = q(e, s);
|
|
191
188
|
if (o)
|
|
192
189
|
return o;
|
|
193
|
-
const
|
|
190
|
+
const a = E(t);
|
|
194
191
|
if (t)
|
|
195
|
-
return
|
|
196
|
-
const c =
|
|
192
|
+
return a;
|
|
193
|
+
const c = G(n);
|
|
197
194
|
return n ? c : "text-foreground";
|
|
198
|
-
},
|
|
195
|
+
}, m = ({ day: t, currentDate: e, date: n, isToday: s, isOutsideMonth: o, select: a }) => F(
|
|
199
196
|
{
|
|
200
197
|
class: `
|
|
201
198
|
flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
|
|
202
|
-
${
|
|
199
|
+
${J(s, e, o, n)}
|
|
203
200
|
hover:bg-muted/50 focus:z-10
|
|
204
201
|
`,
|
|
205
202
|
disabled: t === null,
|
|
206
203
|
"aria-label": t ? `Day ${t}` : null,
|
|
207
|
-
click: () =>
|
|
204
|
+
click: () => a(n)
|
|
208
205
|
},
|
|
209
206
|
t.toString()
|
|
210
|
-
),
|
|
211
|
-
const { year:
|
|
212
|
-
for (let
|
|
213
|
-
const h =
|
|
207
|
+
), x = (t, e, n, s) => t === s.date && e === s.month && n === s.year, K = (t, e, n) => {
|
|
208
|
+
const { year: s, month: o } = t, a = g(s, o, t.date), c = new Date(s, o, 1).getDay(), d = new Date(s, o + 1, 0).getDate(), u = new Date(s, o, 0).getDate(), i = [], f = o === 0 ? 11 : o - 1, w = o === 0 ? s - 1 : s;
|
|
209
|
+
for (let r = c - 1; r >= 0; r--) {
|
|
210
|
+
const h = x(u - r, f, w, e);
|
|
214
211
|
i.push(
|
|
215
|
-
|
|
216
|
-
day: u -
|
|
217
|
-
currentDate:
|
|
218
|
-
date: g(
|
|
212
|
+
m({
|
|
213
|
+
day: u - r,
|
|
214
|
+
currentDate: a,
|
|
215
|
+
date: g(w, f, u - r),
|
|
219
216
|
isToday: h,
|
|
220
217
|
isOutsideMonth: !0,
|
|
221
218
|
select: n
|
|
222
219
|
})
|
|
223
220
|
);
|
|
224
221
|
}
|
|
225
|
-
for (let
|
|
226
|
-
const h =
|
|
222
|
+
for (let r = 1; r <= d; r++) {
|
|
223
|
+
const h = x(r, o, s, e);
|
|
227
224
|
i.push(
|
|
228
|
-
|
|
229
|
-
day:
|
|
230
|
-
currentDate:
|
|
231
|
-
date: g(
|
|
225
|
+
m({
|
|
226
|
+
day: r,
|
|
227
|
+
currentDate: a,
|
|
228
|
+
date: g(s, o, r),
|
|
232
229
|
isToday: h,
|
|
233
230
|
isOutsideMonth: !1,
|
|
234
231
|
select: n
|
|
235
232
|
})
|
|
236
233
|
);
|
|
237
234
|
}
|
|
238
|
-
const
|
|
239
|
-
for (let
|
|
240
|
-
const h =
|
|
235
|
+
const y = o === 11 ? 0 : o + 1, C = o === 11 ? s + 1 : s, T = (7 - i.length % 7) % 7;
|
|
236
|
+
for (let r = 1; r <= T; r++) {
|
|
237
|
+
const h = x(r, y, C, e);
|
|
241
238
|
i.push(
|
|
242
|
-
|
|
243
|
-
day:
|
|
244
|
-
currentDate:
|
|
245
|
-
date: g(
|
|
239
|
+
m({
|
|
240
|
+
day: r,
|
|
241
|
+
currentDate: a,
|
|
242
|
+
date: g(C, y, r),
|
|
246
243
|
isToday: h,
|
|
247
244
|
isOutsideMonth: !0,
|
|
248
245
|
select: n
|
|
@@ -250,10 +247,10 @@ const W = N(({ src: t, alt: s }) => t ? B({
|
|
|
250
247
|
);
|
|
251
248
|
}
|
|
252
249
|
return i;
|
|
253
|
-
},
|
|
250
|
+
}, Q = (t) => l(
|
|
254
251
|
{ class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
|
|
255
252
|
t
|
|
256
|
-
),
|
|
253
|
+
), S = ({ label: t, click: e }) => B(
|
|
257
254
|
{
|
|
258
255
|
class: `
|
|
259
256
|
inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
|
|
@@ -261,31 +258,31 @@ const W = N(({ src: t, alt: s }) => t ? B({
|
|
|
261
258
|
${t === "Previous" ? "left-1" : "right-1"}
|
|
262
259
|
focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
|
|
263
260
|
`,
|
|
264
|
-
click:
|
|
261
|
+
click: e,
|
|
265
262
|
"aria-label": `${t} month`,
|
|
266
263
|
variant: "icon",
|
|
267
|
-
icon: t === "Previous" ?
|
|
264
|
+
icon: t === "Previous" ? v.chevron.single.left : v.chevron.single.right
|
|
268
265
|
}
|
|
269
|
-
),
|
|
270
|
-
|
|
271
|
-
|
|
266
|
+
), U = ({ next: t, previous: e }) => l({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
|
|
267
|
+
D("[[monthName]] [[current.year]]"),
|
|
268
|
+
S({
|
|
272
269
|
label: "Previous",
|
|
273
|
-
click:
|
|
270
|
+
click: e
|
|
274
271
|
}),
|
|
275
|
-
|
|
272
|
+
S({
|
|
276
273
|
label: "Next",
|
|
277
274
|
click: t
|
|
278
275
|
})
|
|
279
|
-
]),
|
|
280
|
-
|
|
276
|
+
]), V = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Q), Z = (t) => l({ class: "rdp w-full space-y-1" }, [
|
|
277
|
+
U({
|
|
281
278
|
next: t.next,
|
|
282
279
|
previous: t.previous
|
|
283
280
|
}),
|
|
284
281
|
l({
|
|
285
282
|
class: "flex flex-auto flex-col w-full",
|
|
286
283
|
onSet: ["currentDate", () => [
|
|
287
|
-
l({ class: "grid grid-cols-7" },
|
|
288
|
-
l({ class: "grid grid-cols-7" },
|
|
284
|
+
l({ class: "grid grid-cols-7" }, V()),
|
|
285
|
+
l({ class: "grid grid-cols-7" }, K(
|
|
289
286
|
t.current,
|
|
290
287
|
t.today,
|
|
291
288
|
t.select
|
|
@@ -293,21 +290,14 @@ const W = N(({ src: t, alt: s }) => t ? B({
|
|
|
293
290
|
]]
|
|
294
291
|
})
|
|
295
292
|
]);
|
|
296
|
-
class
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
p(this, "selectedDate", null);
|
|
305
|
-
/**
|
|
306
|
-
* This will set the selected call back.
|
|
307
|
-
* @member {function} selectedCallBack
|
|
308
|
-
* @default null
|
|
309
|
-
*/
|
|
310
|
-
p(this, "selectedCallBack", null);
|
|
293
|
+
class at extends $ {
|
|
294
|
+
/**
|
|
295
|
+
* This will declare the props for the compiler.
|
|
296
|
+
*
|
|
297
|
+
* @returns {void}
|
|
298
|
+
*/
|
|
299
|
+
declareProps() {
|
|
300
|
+
this.selectedDate = null, this.selectedCallBack = null;
|
|
311
301
|
}
|
|
312
302
|
/**
|
|
313
303
|
* This will get the selected data.
|
|
@@ -315,9 +305,9 @@ class ut extends P {
|
|
|
315
305
|
* @param {object} today
|
|
316
306
|
* @returns {Date}
|
|
317
307
|
*/
|
|
318
|
-
getSelectedDate(
|
|
319
|
-
const
|
|
320
|
-
return new Date(
|
|
308
|
+
getSelectedDate(e) {
|
|
309
|
+
const n = this.selectedDate ? new Date(X(this.selectedDate)) : e;
|
|
310
|
+
return new Date(n.getFullYear(), n.getMonth(), n.getDate());
|
|
321
311
|
}
|
|
322
312
|
/**
|
|
323
313
|
* This will set up the data for the calendar.
|
|
@@ -325,19 +315,19 @@ class ut extends P {
|
|
|
325
315
|
* @returns {Data}
|
|
326
316
|
*/
|
|
327
317
|
setData() {
|
|
328
|
-
const
|
|
329
|
-
return new
|
|
330
|
-
monthName: this.getMonthName(
|
|
331
|
-
currentDate: `${
|
|
318
|
+
const e = /* @__PURE__ */ new Date(), n = this.getSelectedDate(e), s = n.getMonth();
|
|
319
|
+
return new P({
|
|
320
|
+
monthName: this.getMonthName(s),
|
|
321
|
+
currentDate: `${n.getFullYear()}-${s + 1}-${n.getDate()}`,
|
|
332
322
|
current: {
|
|
333
|
-
date:
|
|
334
|
-
year:
|
|
335
|
-
month:
|
|
323
|
+
date: n.getDate(),
|
|
324
|
+
year: n.getFullYear(),
|
|
325
|
+
month: s
|
|
336
326
|
},
|
|
337
327
|
today: {
|
|
338
|
-
date:
|
|
339
|
-
month:
|
|
340
|
-
year:
|
|
328
|
+
date: e.getDate(),
|
|
329
|
+
month: e.getMonth(),
|
|
330
|
+
year: e.getFullYear()
|
|
341
331
|
}
|
|
342
332
|
});
|
|
343
333
|
}
|
|
@@ -347,8 +337,8 @@ class ut extends P {
|
|
|
347
337
|
* @param {number} month
|
|
348
338
|
* @returns {string}
|
|
349
339
|
*/
|
|
350
|
-
getMonthName(
|
|
351
|
-
return
|
|
340
|
+
getMonthName(e) {
|
|
341
|
+
return O.monthNames[e];
|
|
352
342
|
}
|
|
353
343
|
/**
|
|
354
344
|
* This will go to the previous month.
|
|
@@ -356,9 +346,9 @@ class ut extends P {
|
|
|
356
346
|
* @returns {void}
|
|
357
347
|
*/
|
|
358
348
|
goToPreviousMonth() {
|
|
359
|
-
const
|
|
360
|
-
let
|
|
361
|
-
|
|
349
|
+
const e = this.data;
|
|
350
|
+
let n = e.current.month, s = e.current.year;
|
|
351
|
+
n === 0 ? (n = 11, s--) : n--, this.setCurrentDate(n, s);
|
|
362
352
|
}
|
|
363
353
|
/**
|
|
364
354
|
* This will go to the next month.
|
|
@@ -366,9 +356,9 @@ class ut extends P {
|
|
|
366
356
|
* @returns {void}
|
|
367
357
|
*/
|
|
368
358
|
goToNextMonth() {
|
|
369
|
-
const
|
|
370
|
-
let
|
|
371
|
-
|
|
359
|
+
const e = this.data;
|
|
360
|
+
let n = e.current.month, s = e.current.year;
|
|
361
|
+
n === 11 ? (n = 0, s++) : n++, this.setCurrentDate(n, s);
|
|
372
362
|
}
|
|
373
363
|
/**
|
|
374
364
|
* This will set the current month and year.
|
|
@@ -378,9 +368,9 @@ class ut extends P {
|
|
|
378
368
|
* @param {number} [date=null]
|
|
379
369
|
* @returns {void}
|
|
380
370
|
*/
|
|
381
|
-
setCurrentDate(
|
|
382
|
-
const
|
|
383
|
-
|
|
371
|
+
setCurrentDate(e, n, s = null) {
|
|
372
|
+
const o = this.data;
|
|
373
|
+
o.current.month = e, o.current.year = n, typeof s == "number" && (o.current.date = p(s)), o.currentDate = `${n}-${p(e + 1)}-${o.current.date}`, o.monthName = this.getMonthName(e);
|
|
384
374
|
}
|
|
385
375
|
/**
|
|
386
376
|
* This will select a date.
|
|
@@ -388,9 +378,9 @@ class ut extends P {
|
|
|
388
378
|
* @param {string} date
|
|
389
379
|
* @returns {void}
|
|
390
380
|
*/
|
|
391
|
-
selectDate(
|
|
392
|
-
const
|
|
393
|
-
this.setCurrentDate(
|
|
381
|
+
selectDate(e) {
|
|
382
|
+
const n = /* @__PURE__ */ new Date(e + "T00:00:00");
|
|
383
|
+
this.setCurrentDate(n.getMonth(), n.getFullYear(), n.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(this.data.currentDate);
|
|
394
384
|
}
|
|
395
385
|
/**
|
|
396
386
|
* This will render the calendar.
|
|
@@ -399,10 +389,10 @@ class ut extends P {
|
|
|
399
389
|
*/
|
|
400
390
|
render() {
|
|
401
391
|
return l({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
|
|
402
|
-
|
|
392
|
+
Z({
|
|
403
393
|
current: this.data.current,
|
|
404
394
|
today: this.data.today,
|
|
405
|
-
select: (
|
|
395
|
+
select: (e) => this.selectDate(e),
|
|
406
396
|
next: () => this.goToNextMonth(),
|
|
407
397
|
previous: () => this.goToPreviousMonth()
|
|
408
398
|
})
|
|
@@ -410,15 +400,15 @@ class ut extends P {
|
|
|
410
400
|
}
|
|
411
401
|
}
|
|
412
402
|
export {
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
403
|
+
rt as A,
|
|
404
|
+
K as C,
|
|
405
|
+
m as D,
|
|
416
406
|
g as F,
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
407
|
+
Z as M,
|
|
408
|
+
ot as P,
|
|
409
|
+
Q as a,
|
|
410
|
+
at as b,
|
|
411
|
+
X as c,
|
|
412
|
+
I as g,
|
|
413
|
+
p
|
|
424
414
|
};
|
|
@@ -3,7 +3,7 @@ var G = (e, t, o) => t in e ? W(e, t, { enumerable: !0, configurable: !0, writab
|
|
|
3
3
|
var i = (e, t, o) => G(e, typeof t != "symbol" ? t + "" : t, o);
|
|
4
4
|
import { Div as n, I as f, H5 as J, P as p, Li as V, Span as c, Ul as Y, Button as h, OnState as v, Label as K, Form as Q, H2 as $, Footer as M, Header as L, A as q, H3 as X, Checkbox as Z, Nav as ee, Input as C, Time as te, Dialog as oe } from "@base-framework/atoms";
|
|
5
5
|
import { Atom as d, Component as x, Html as N, Dom as se, base as ne, Data as k, Builder as H, Jot as S, DateTime as B } from "@base-framework/base";
|
|
6
|
-
import { P as D, b as le } from "./calendar-
|
|
6
|
+
import { P as D, b as le } from "./calendar-B5TK6tLi.js";
|
|
7
7
|
import { B as m, I } from "./icon-B9QUT2NY.js";
|
|
8
8
|
import { Icons as u } from "./icons.es.js";
|
|
9
9
|
import { a as w } from "./veil-B9GQfH0d.js";
|
package/dist/index.es.js
CHANGED
|
@@ -3,11 +3,11 @@ import { B as g, I as C, L as T } from "./icon-B9QUT2NY.js";
|
|
|
3
3
|
import { C as D, d as I, D as b, c as S, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-BF3C3KfF.js";
|
|
4
4
|
import { V as w, a as U } from "./veil-B9GQfH0d.js";
|
|
5
5
|
import { Icons as R } from "./icons.es.js";
|
|
6
|
-
import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as ba, T as Sa, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-
|
|
7
|
-
import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-
|
|
8
|
-
import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, p as Xa, n as Ya, o as Za, T as $a, k as as, U as ss, W as es, f as os, h as ts, i as rs, c as ns, d as is, b as ls, e as ps, a as us, g as ms } from "./tab-
|
|
9
|
-
import { B as gs, I as Cs, M as Ts, d as cs, e as Ds, g as Is, N as bs, b as Ss, a as Bs, f as Ps, P as Fs, c as Ms, S as ks, T as Ns } from "./mobile-nav-wrapper-
|
|
10
|
-
import { B as fs, a as xs, C as hs, F as ys, b as Ws, c as Ls, M as As, P as Hs, S as ws } from "./sidebar-menu-page-
|
|
6
|
+
import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as ba, T as Sa, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-D020eNiS.js";
|
|
7
|
+
import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-B5TK6tLi.js";
|
|
8
|
+
import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, p as Xa, n as Ya, o as Za, T as $a, k as as, U as ss, W as es, f as os, h as ts, i as rs, c as ns, d as is, b as ls, e as ps, a as us, g as ms } from "./tab-BGR7fWvY.js";
|
|
9
|
+
import { B as gs, I as Cs, M as Ts, d as cs, e as Ds, g as Is, N as bs, b as Ss, a as Bs, f as Ps, P as Fs, c as Ms, S as ks, T as Ns } from "./mobile-nav-wrapper-CguousG5.js";
|
|
10
|
+
import { B as fs, a as xs, C as hs, F as ys, b as Ws, c as Ls, M as As, P as Hs, S as ws } from "./sidebar-menu-page-22AUZwFc.js";
|
|
11
11
|
import { A as Os, F as Rs, M as Es, a as Gs, T as Vs } from "./aside-template-D0KANPjh.js";
|
|
12
12
|
import { B as qs } from "./bside-template-CDbINL4X.js";
|
|
13
13
|
export {
|