@base-framework/ui 1.0.109 → 1.0.110
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/index.es.js
CHANGED
|
@@ -6,8 +6,8 @@ import { Icons as R } from "./icons.es.js";
|
|
|
6
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 Ta, p as ca, q as Ca, S as ba, n as Da, o as Sa, T as Ia, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-BgNcRIp-.js";
|
|
7
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-B_jcSUF6.js";
|
|
8
8
|
import { B as Oa, n 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, m as Xa, r as Ya, q as Za, o as $a, p as as, T as ss, k as es, U as os, W as ts, f as rs, h as ns, i as is, c as ls, d as ps, b as us, e as ms, a as ds, g as gs } from "./signature-panel-DPYBoBP2.js";
|
|
9
|
-
import { B as cs, I as Cs, M as bs, d as Ds, e as Ss, g as Is, N as Bs, b as Ps, a as Fs, f as Ms, P as ks, c as Ns, S as vs, T as fs } from "./mobile-nav-wrapper-
|
|
10
|
-
import { B as hs, a as ys, C as Ws, F as Ls, b as As, c as Hs, M as ws, P as Us, S as Os } from "./sidebar-menu-page-
|
|
9
|
+
import { B as cs, I as Cs, M as bs, d as Ds, e as Ss, g as Is, N as Bs, b as Ps, a as Fs, f as Ms, P as ks, c as Ns, S as vs, T as fs } from "./mobile-nav-wrapper-CB4EQQ5O.js";
|
|
10
|
+
import { B as hs, a as ys, C as Ws, F as Ls, b as As, c as Hs, M as ws, P as Us, S as Os } from "./sidebar-menu-page-YDg3zqQ4.js";
|
|
11
11
|
import { A as Es, F as Gs, M as Vs, a as js, T as qs } from "./aside-template-McEj_Gxc.js";
|
|
12
12
|
import { B as Js } from "./bside-template-Du2m3rsE.js";
|
|
13
13
|
export {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Component as n, Atom as i, NavLink as
|
|
1
|
+
import { Button as b, I as w, Label as S, Span as B, Ul as o, H4 as N, Nav as u, Div as l, Header as L, H1 as C, H3 as p, OnState as y } from "@base-framework/atoms";
|
|
2
|
+
import { Component as n, Atom as i, NavLink as I, router as d } from "@base-framework/base";
|
|
3
3
|
import { I as h, B as f } from "./buttons-CVEwmPAi.js";
|
|
4
4
|
import { Icons as r } from "./icons.es.js";
|
|
5
|
-
class
|
|
5
|
+
class P extends n {
|
|
6
6
|
/**
|
|
7
7
|
* This will declare the props for the compiler.
|
|
8
8
|
*
|
|
@@ -19,7 +19,7 @@ class I extends n {
|
|
|
19
19
|
*/
|
|
20
20
|
render() {
|
|
21
21
|
const e = this.state;
|
|
22
|
-
return {
|
|
22
|
+
return b({
|
|
23
23
|
class: this.class || "",
|
|
24
24
|
onState: [
|
|
25
25
|
["selected", {
|
|
@@ -36,7 +36,7 @@ class I extends n {
|
|
|
36
36
|
this.checkCallBack(t);
|
|
37
37
|
},
|
|
38
38
|
children: this.children
|
|
39
|
-
};
|
|
39
|
+
});
|
|
40
40
|
}
|
|
41
41
|
/**
|
|
42
42
|
* This will set up the states.
|
|
@@ -64,23 +64,23 @@ class I extends n {
|
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
const
|
|
67
|
+
const $ = i(({ options: s, click: e }, t) => ({
|
|
68
68
|
tag: "li",
|
|
69
69
|
...{
|
|
70
70
|
class: `relative flex flex-row w-auto text-left p-0 transition-all cursor-pointer min-w-[48px] option${s ? " sub" : ""}`,
|
|
71
71
|
click: e
|
|
72
72
|
},
|
|
73
73
|
children: t
|
|
74
|
-
})),
|
|
75
|
-
e &&
|
|
74
|
+
})), H = (s, e = null, t = !1) => [
|
|
75
|
+
e && w({
|
|
76
76
|
class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
|
|
77
77
|
onState: ["selected", {
|
|
78
78
|
selected: !0
|
|
79
79
|
}],
|
|
80
80
|
html: e
|
|
81
81
|
}),
|
|
82
|
-
|
|
83
|
-
t &&
|
|
82
|
+
S({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, s),
|
|
83
|
+
t && B(
|
|
84
84
|
{
|
|
85
85
|
class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
|
|
86
86
|
onState: [
|
|
@@ -114,7 +114,7 @@ class x extends n {
|
|
|
114
114
|
*/
|
|
115
115
|
render() {
|
|
116
116
|
const e = !this.options && this.callBack;
|
|
117
|
-
return
|
|
117
|
+
return $(
|
|
118
118
|
{ options: this.options, click: e },
|
|
119
119
|
[
|
|
120
120
|
this.addLink()
|
|
@@ -128,8 +128,8 @@ class x extends n {
|
|
|
128
128
|
* @protected
|
|
129
129
|
*/
|
|
130
130
|
addLink() {
|
|
131
|
-
const e = this.options && this.options.length > 0, t = this.content ||
|
|
132
|
-
return this.href ? new
|
|
131
|
+
const e = this.options && this.options.length > 0, t = this.content || H(this.label, this.icon, e);
|
|
132
|
+
return this.href ? new I(
|
|
133
133
|
{
|
|
134
134
|
class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
|
|
135
135
|
cache: "link",
|
|
@@ -138,7 +138,7 @@ class x extends n {
|
|
|
138
138
|
exact: this.exact || !1
|
|
139
139
|
},
|
|
140
140
|
t
|
|
141
|
-
) : new
|
|
141
|
+
) : new P({
|
|
142
142
|
class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
|
|
143
143
|
cache: "link",
|
|
144
144
|
checkCallBack: this.checkCallBack
|
|
@@ -156,10 +156,10 @@ class x extends n {
|
|
|
156
156
|
this.link.update(e);
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
|
-
const
|
|
159
|
+
const M = i(({ map: s }, e) => o({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: s }, [
|
|
160
160
|
N({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
|
|
161
161
|
]));
|
|
162
|
-
class
|
|
162
|
+
class O extends n {
|
|
163
163
|
/**
|
|
164
164
|
* This will declare the props for the compiler.
|
|
165
165
|
*
|
|
@@ -208,7 +208,7 @@ class M extends n {
|
|
|
208
208
|
*/
|
|
209
209
|
addGroup(e) {
|
|
210
210
|
const t = this.mapOptions(e.options);
|
|
211
|
-
return
|
|
211
|
+
return M({ map: t }, e.group);
|
|
212
212
|
}
|
|
213
213
|
/**
|
|
214
214
|
* This will add a link.
|
|
@@ -220,7 +220,7 @@ class M extends n {
|
|
|
220
220
|
return new x(e);
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
class c extends
|
|
223
|
+
class c extends O {
|
|
224
224
|
onCreated() {
|
|
225
225
|
this.links = [];
|
|
226
226
|
}
|
|
@@ -231,7 +231,7 @@ class c extends M {
|
|
|
231
231
|
* @returns {object}
|
|
232
232
|
*/
|
|
233
233
|
setupSubNav(e) {
|
|
234
|
-
return new
|
|
234
|
+
return new T(
|
|
235
235
|
{
|
|
236
236
|
parentLink: e,
|
|
237
237
|
options: e.options
|
|
@@ -266,11 +266,11 @@ class c extends M {
|
|
|
266
266
|
};
|
|
267
267
|
}
|
|
268
268
|
}
|
|
269
|
-
const
|
|
269
|
+
const z = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), E = (s, e) => {
|
|
270
270
|
const t = s.link.panel.pathname;
|
|
271
|
-
return !t && s.isSelected() ? !0 : s.exact ? e === t :
|
|
271
|
+
return !t && s.isSelected() ? !0 : s.exact ? e === t : z(t, e);
|
|
272
272
|
};
|
|
273
|
-
class
|
|
273
|
+
class T extends c {
|
|
274
274
|
/**
|
|
275
275
|
* This will declare the props for the compiler.
|
|
276
276
|
*
|
|
@@ -352,32 +352,32 @@ class E extends c {
|
|
|
352
352
|
updateLinks(e) {
|
|
353
353
|
let t = !1;
|
|
354
354
|
for (const a of this.links)
|
|
355
|
-
if (a.rendered && (t =
|
|
355
|
+
if (a.rendered && (t = E(a, e), t === !0))
|
|
356
356
|
break;
|
|
357
357
|
this.parentLink.update(t);
|
|
358
358
|
}
|
|
359
359
|
}
|
|
360
|
-
const
|
|
361
|
-
s &&
|
|
362
|
-
|
|
360
|
+
const J = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: k = !1 }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] h-full ${t}` }, [
|
|
361
|
+
s && L({ class: "pb-4 md:pb-2 px-6 flex flex-col" }, [
|
|
362
|
+
C({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
|
|
363
363
|
]),
|
|
364
364
|
new c({ options: e, mobileBorder: a, class: k ? "sticky top-0" : "" })
|
|
365
|
-
]),
|
|
365
|
+
]), A = (s) => p({ class: "text-lg ml-2" }, s), G = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
|
|
366
366
|
f({
|
|
367
367
|
variant: "icon",
|
|
368
368
|
class: "m-2",
|
|
369
369
|
click: (e, { state: t }) => t.toggle("open"),
|
|
370
370
|
icon: r.arrows.left
|
|
371
371
|
}),
|
|
372
|
-
s.title &&
|
|
373
|
-
]),
|
|
372
|
+
s.title && A(s.title)
|
|
373
|
+
]), W = () => l({
|
|
374
374
|
class: `
|
|
375
375
|
absolute inset-0 bg-black/40 z-[-1] fadeIn
|
|
376
376
|
transition-opacity duration-200
|
|
377
377
|
`,
|
|
378
378
|
click: (s, { state: e }) => e.open = !1
|
|
379
379
|
});
|
|
380
|
-
class
|
|
380
|
+
class j extends n {
|
|
381
381
|
/**
|
|
382
382
|
* This will declare the props for the compiler.
|
|
383
383
|
*
|
|
@@ -396,7 +396,7 @@ class W extends n {
|
|
|
396
396
|
class: "fixed inset-0 z-50",
|
|
397
397
|
style: "[[typeClass]]"
|
|
398
398
|
}, [
|
|
399
|
-
|
|
399
|
+
W(),
|
|
400
400
|
// Popover Content
|
|
401
401
|
l({
|
|
402
402
|
class: `
|
|
@@ -405,7 +405,7 @@ class W extends n {
|
|
|
405
405
|
dataSet: ["open", ["expanded", !0, "true"]]
|
|
406
406
|
}, [
|
|
407
407
|
l({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
|
|
408
|
-
|
|
408
|
+
G({ title: this.title }),
|
|
409
409
|
l({ class: "flex flex-auto flex-col" }, this.children)
|
|
410
410
|
])
|
|
411
411
|
])
|
|
@@ -449,9 +449,9 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
|
|
|
449
449
|
};
|
|
450
450
|
}, click: (e, { state: t }) => t.toggle("open") }, [
|
|
451
451
|
h(r.bar.three)
|
|
452
|
-
]),
|
|
452
|
+
]), Y = (s) => p({ class: "text-lg ml-2" }, s), D = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
|
|
453
453
|
m(),
|
|
454
|
-
s.title &&
|
|
454
|
+
s.title && Y(s.title)
|
|
455
455
|
]), v = (s, e) => {
|
|
456
456
|
s.forEach((t) => {
|
|
457
457
|
if (t.options) {
|
|
@@ -463,10 +463,10 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
|
|
|
463
463
|
}, g = (s) => {
|
|
464
464
|
const e = (t, { parent: a }) => a.parent.state.open = !1;
|
|
465
465
|
return v(s.options, e), l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
|
|
466
|
-
|
|
466
|
+
y(
|
|
467
467
|
"open",
|
|
468
468
|
(t) => t ? [
|
|
469
|
-
new
|
|
469
|
+
new j({ title: s.title }, [
|
|
470
470
|
new c(
|
|
471
471
|
{
|
|
472
472
|
options: s.options
|
|
@@ -476,30 +476,30 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
|
|
|
476
476
|
] : null
|
|
477
477
|
)
|
|
478
478
|
]);
|
|
479
|
-
},
|
|
479
|
+
}, K = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
|
|
480
480
|
l([
|
|
481
481
|
m(),
|
|
482
482
|
g(s)
|
|
483
483
|
])
|
|
484
|
-
])),
|
|
484
|
+
])), Q = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
|
|
485
485
|
l({ class: "flex flex-auto flex-col w-full" }, [
|
|
486
|
-
|
|
486
|
+
D(s),
|
|
487
487
|
g(s)
|
|
488
488
|
])
|
|
489
489
|
]));
|
|
490
490
|
export {
|
|
491
|
-
|
|
491
|
+
W as B,
|
|
492
492
|
c as I,
|
|
493
493
|
x as M,
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
494
|
+
P as N,
|
|
495
|
+
G as P,
|
|
496
|
+
T as S,
|
|
497
|
+
D as T,
|
|
498
|
+
M as a,
|
|
499
|
+
O as b,
|
|
500
|
+
J as c,
|
|
501
|
+
K as d,
|
|
502
|
+
Q as e,
|
|
503
|
+
j as f,
|
|
504
504
|
m as g
|
|
505
505
|
};
|
package/dist/organisms.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { B as s, n as o, C as t, j as r, D as l, l as n, H as i, I as b, N as d, O as v, P as g, S as p, m as u, r as N, q as k, o as D, p as C, T, k as c, U as M, W as B, f as m, h as y, i as W, c as h, d as H, b as P, e as S, a as f, g as x } from "./signature-panel-DPYBoBP2.js";
|
|
2
2
|
import { b as L, C as O, D as F, a as U, F as G, M as j, c as q, p as w } from "./calendar-B_jcSUF6.js";
|
|
3
|
-
import { B as A, I as E, M as J, d as K, e as Q, g as R, N as V, b as X, a as Y, f as Z, P as _, c as $, S as aa, T as ea } from "./mobile-nav-wrapper-
|
|
3
|
+
import { B as A, I as E, M as J, d as K, e as Q, g as R, N as V, b as X, a as Y, f as Z, P as _, c as $, S as aa, T as ea } from "./mobile-nav-wrapper-CB4EQQ5O.js";
|
|
4
4
|
export {
|
|
5
5
|
s as BackButton,
|
|
6
6
|
A as Backdrop,
|
package/dist/pages.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-
|
|
1
|
+
import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-YDg3zqQ4.js";
|
|
2
2
|
export {
|
|
3
3
|
s as BasicPage,
|
|
4
4
|
P as BlankPage,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Div as t, Header as n, H1 as d, P as o } from "@base-framework/atoms";
|
|
2
2
|
import { F as l, A as h } from "./aside-template-McEj_Gxc.js";
|
|
3
3
|
import { Component as x, Atom as i } from "@base-framework/base";
|
|
4
|
-
import { c as u, e as p } from "./mobile-nav-wrapper-
|
|
4
|
+
import { c as u, e as p } from "./mobile-nav-wrapper-CB4EQQ5O.js";
|
|
5
5
|
class c extends x {
|
|
6
6
|
/**
|
|
7
7
|
* This will declare the props for the compiler.
|
package/package.json
CHANGED