@base-framework/ui 1.0.109 → 1.0.111
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-CHGsD0xe.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-RXqfmxT9.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", {
|
|
@@ -34,9 +34,8 @@ class I extends n {
|
|
|
34
34
|
return;
|
|
35
35
|
const t = e.active ? this : null;
|
|
36
36
|
this.checkCallBack(t);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
};
|
|
37
|
+
}
|
|
38
|
+
}, this.children);
|
|
40
39
|
}
|
|
41
40
|
/**
|
|
42
41
|
* This will set up the states.
|
|
@@ -64,23 +63,23 @@ class I extends n {
|
|
|
64
63
|
});
|
|
65
64
|
}
|
|
66
65
|
}
|
|
67
|
-
const
|
|
66
|
+
const $ = i(({ options: s, click: e }, t) => ({
|
|
68
67
|
tag: "li",
|
|
69
68
|
...{
|
|
70
69
|
class: `relative flex flex-row w-auto text-left p-0 transition-all cursor-pointer min-w-[48px] option${s ? " sub" : ""}`,
|
|
71
70
|
click: e
|
|
72
71
|
},
|
|
73
72
|
children: t
|
|
74
|
-
})),
|
|
75
|
-
e &&
|
|
73
|
+
})), H = (s, e = null, t = !1) => [
|
|
74
|
+
e && w({
|
|
76
75
|
class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
|
|
77
76
|
onState: ["selected", {
|
|
78
77
|
selected: !0
|
|
79
78
|
}],
|
|
80
79
|
html: e
|
|
81
80
|
}),
|
|
82
|
-
|
|
83
|
-
t &&
|
|
81
|
+
S({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, s),
|
|
82
|
+
t && B(
|
|
84
83
|
{
|
|
85
84
|
class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
|
|
86
85
|
onState: [
|
|
@@ -114,7 +113,7 @@ class x extends n {
|
|
|
114
113
|
*/
|
|
115
114
|
render() {
|
|
116
115
|
const e = !this.options && this.callBack;
|
|
117
|
-
return
|
|
116
|
+
return $(
|
|
118
117
|
{ options: this.options, click: e },
|
|
119
118
|
[
|
|
120
119
|
this.addLink()
|
|
@@ -128,8 +127,8 @@ class x extends n {
|
|
|
128
127
|
* @protected
|
|
129
128
|
*/
|
|
130
129
|
addLink() {
|
|
131
|
-
const e = this.options && this.options.length > 0, t = this.content ||
|
|
132
|
-
return this.href ? new
|
|
130
|
+
const e = this.options && this.options.length > 0, t = this.content || H(this.label, this.icon, e);
|
|
131
|
+
return this.href ? new I(
|
|
133
132
|
{
|
|
134
133
|
class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
|
|
135
134
|
cache: "link",
|
|
@@ -138,7 +137,7 @@ class x extends n {
|
|
|
138
137
|
exact: this.exact || !1
|
|
139
138
|
},
|
|
140
139
|
t
|
|
141
|
-
) : new
|
|
140
|
+
) : new P({
|
|
142
141
|
class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
|
|
143
142
|
cache: "link",
|
|
144
143
|
checkCallBack: this.checkCallBack
|
|
@@ -156,10 +155,10 @@ class x extends n {
|
|
|
156
155
|
this.link.update(e);
|
|
157
156
|
}
|
|
158
157
|
}
|
|
159
|
-
const
|
|
158
|
+
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
159
|
N({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, e)
|
|
161
160
|
]));
|
|
162
|
-
class
|
|
161
|
+
class O extends n {
|
|
163
162
|
/**
|
|
164
163
|
* This will declare the props for the compiler.
|
|
165
164
|
*
|
|
@@ -208,7 +207,7 @@ class M extends n {
|
|
|
208
207
|
*/
|
|
209
208
|
addGroup(e) {
|
|
210
209
|
const t = this.mapOptions(e.options);
|
|
211
|
-
return
|
|
210
|
+
return M({ map: t }, e.group);
|
|
212
211
|
}
|
|
213
212
|
/**
|
|
214
213
|
* This will add a link.
|
|
@@ -220,7 +219,7 @@ class M extends n {
|
|
|
220
219
|
return new x(e);
|
|
221
220
|
}
|
|
222
221
|
}
|
|
223
|
-
class c extends
|
|
222
|
+
class c extends O {
|
|
224
223
|
onCreated() {
|
|
225
224
|
this.links = [];
|
|
226
225
|
}
|
|
@@ -231,7 +230,7 @@ class c extends M {
|
|
|
231
230
|
* @returns {object}
|
|
232
231
|
*/
|
|
233
232
|
setupSubNav(e) {
|
|
234
|
-
return new
|
|
233
|
+
return new T(
|
|
235
234
|
{
|
|
236
235
|
parentLink: e,
|
|
237
236
|
options: e.options
|
|
@@ -266,11 +265,11 @@ class c extends M {
|
|
|
266
265
|
};
|
|
267
266
|
}
|
|
268
267
|
}
|
|
269
|
-
const
|
|
268
|
+
const z = (s, e) => new RegExp(`${s}($|/|\\.).*`).test(e), E = (s, e) => {
|
|
270
269
|
const t = s.link.panel.pathname;
|
|
271
|
-
return !t && s.isSelected() ? !0 : s.exact ? e === t :
|
|
270
|
+
return !t && s.isSelected() ? !0 : s.exact ? e === t : z(t, e);
|
|
272
271
|
};
|
|
273
|
-
class
|
|
272
|
+
class T extends c {
|
|
274
273
|
/**
|
|
275
274
|
* This will declare the props for the compiler.
|
|
276
275
|
*
|
|
@@ -352,32 +351,32 @@ class E extends c {
|
|
|
352
351
|
updateLinks(e) {
|
|
353
352
|
let t = !1;
|
|
354
353
|
for (const a of this.links)
|
|
355
|
-
if (a.rendered && (t =
|
|
354
|
+
if (a.rendered && (t = E(a, e), t === !0))
|
|
356
355
|
break;
|
|
357
356
|
this.parentLink.update(t);
|
|
358
357
|
}
|
|
359
358
|
}
|
|
360
|
-
const
|
|
361
|
-
s &&
|
|
362
|
-
|
|
359
|
+
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}` }, [
|
|
360
|
+
s && L({ class: "pb-4 md:pb-2 px-6 flex flex-col" }, [
|
|
361
|
+
C({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
|
|
363
362
|
]),
|
|
364
363
|
new c({ options: e, mobileBorder: a, class: k ? "sticky top-0" : "" })
|
|
365
|
-
]),
|
|
364
|
+
]), 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
365
|
f({
|
|
367
366
|
variant: "icon",
|
|
368
367
|
class: "m-2",
|
|
369
368
|
click: (e, { state: t }) => t.toggle("open"),
|
|
370
369
|
icon: r.arrows.left
|
|
371
370
|
}),
|
|
372
|
-
s.title &&
|
|
373
|
-
]),
|
|
371
|
+
s.title && A(s.title)
|
|
372
|
+
]), W = () => l({
|
|
374
373
|
class: `
|
|
375
374
|
absolute inset-0 bg-black/40 z-[-1] fadeIn
|
|
376
375
|
transition-opacity duration-200
|
|
377
376
|
`,
|
|
378
377
|
click: (s, { state: e }) => e.open = !1
|
|
379
378
|
});
|
|
380
|
-
class
|
|
379
|
+
class j extends n {
|
|
381
380
|
/**
|
|
382
381
|
* This will declare the props for the compiler.
|
|
383
382
|
*
|
|
@@ -396,7 +395,7 @@ class W extends n {
|
|
|
396
395
|
class: "fixed inset-0 z-50",
|
|
397
396
|
style: "[[typeClass]]"
|
|
398
397
|
}, [
|
|
399
|
-
|
|
398
|
+
W(),
|
|
400
399
|
// Popover Content
|
|
401
400
|
l({
|
|
402
401
|
class: `
|
|
@@ -405,7 +404,7 @@ class W extends n {
|
|
|
405
404
|
dataSet: ["open", ["expanded", !0, "true"]]
|
|
406
405
|
}, [
|
|
407
406
|
l({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
|
|
408
|
-
|
|
407
|
+
G({ title: this.title }),
|
|
409
408
|
l({ class: "flex flex-auto flex-col" }, this.children)
|
|
410
409
|
])
|
|
411
410
|
])
|
|
@@ -449,9 +448,9 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
|
|
|
449
448
|
};
|
|
450
449
|
}, click: (e, { state: t }) => t.toggle("open") }, [
|
|
451
450
|
h(r.bar.three)
|
|
452
|
-
]),
|
|
451
|
+
]), Y = (s) => p({ class: "text-lg ml-2" }, s), D = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
|
|
453
452
|
m(),
|
|
454
|
-
s.title &&
|
|
453
|
+
s.title && Y(s.title)
|
|
455
454
|
]), v = (s, e) => {
|
|
456
455
|
s.forEach((t) => {
|
|
457
456
|
if (t.options) {
|
|
@@ -463,10 +462,10 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
|
|
|
463
462
|
}, g = (s) => {
|
|
464
463
|
const e = (t, { parent: a }) => a.parent.state.open = !1;
|
|
465
464
|
return v(s.options, e), l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
|
|
466
|
-
|
|
465
|
+
y(
|
|
467
466
|
"open",
|
|
468
467
|
(t) => t ? [
|
|
469
|
-
new
|
|
468
|
+
new j({ title: s.title }, [
|
|
470
469
|
new c(
|
|
471
470
|
{
|
|
472
471
|
options: s.options
|
|
@@ -476,30 +475,30 @@ const m = (s) => f({ class: "m-2", variant: "ghost", addState() {
|
|
|
476
475
|
] : null
|
|
477
476
|
)
|
|
478
477
|
]);
|
|
479
|
-
},
|
|
478
|
+
}, K = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
|
|
480
479
|
l([
|
|
481
480
|
m(),
|
|
482
481
|
g(s)
|
|
483
482
|
])
|
|
484
|
-
])),
|
|
483
|
+
])), Q = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
|
|
485
484
|
l({ class: "flex flex-auto flex-col w-full" }, [
|
|
486
|
-
|
|
485
|
+
D(s),
|
|
487
486
|
g(s)
|
|
488
487
|
])
|
|
489
488
|
]));
|
|
490
489
|
export {
|
|
491
|
-
|
|
490
|
+
W as B,
|
|
492
491
|
c as I,
|
|
493
492
|
x as M,
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
493
|
+
P as N,
|
|
494
|
+
G as P,
|
|
495
|
+
T as S,
|
|
496
|
+
D as T,
|
|
497
|
+
M as a,
|
|
498
|
+
O as b,
|
|
499
|
+
J as c,
|
|
500
|
+
K as d,
|
|
501
|
+
Q as e,
|
|
502
|
+
j as f,
|
|
504
503
|
m as g
|
|
505
504
|
};
|
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-CHGsD0xe.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-RXqfmxT9.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-CHGsD0xe.js";
|
|
5
5
|
class c extends x {
|
|
6
6
|
/**
|
|
7
7
|
* This will declare the props for the compiler.
|
package/package.json
CHANGED