@base-framework/ui 1.0.117 → 1.0.119
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/atoms.es.js +1 -1
- package/dist/index.es.js +3 -3
- package/dist/{mobile-nav-wrapper-BrXFiHlb.js → mobile-nav-wrapper-BWeAn5lg.js} +44 -44
- package/dist/organisms.es.js +1 -1
- package/dist/pages.es.js +1 -1
- package/dist/{sidebar-menu-page-DaRC6SdF.js → sidebar-menu-page-D_2zNFuZ.js} +1 -1
- package/dist/{tooltip-DFe_Pzhn.js → tooltip-DcnXGw52.js} +3 -3
- package/package.json +1 -1
package/dist/atoms.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-
|
|
1
|
+
import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-DcnXGw52.js";
|
|
2
2
|
import { B as m, I as T, L as c } from "./buttons-CVEwmPAi.js";
|
|
3
3
|
import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-Dmu4Z-7-.js";
|
|
4
4
|
import { V as W, a as w } from "./veil-D4dRxILB.js";
|
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-
|
|
1
|
+
import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-DcnXGw52.js";
|
|
2
2
|
import { B as g, I as T, L as c } from "./buttons-CVEwmPAi.js";
|
|
3
3
|
import { C as b, d as D, D as S, c as I, 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-Dmu4Z-7-.js";
|
|
4
4
|
import { V as w, a as U } from "./veil-D4dRxILB.js";
|
|
@@ -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-CM2qKExU.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-B7LCME_T.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-Dl_Tkisq.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-BWeAn5lg.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-D_2zNFuZ.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,6 +1,6 @@
|
|
|
1
|
-
import { Button as b, I as w, Label as S, Span as B, Ul as o, H4 as N, Nav as
|
|
2
|
-
import { Component as n, Atom as i, NavLink as I, router as
|
|
3
|
-
import { I as
|
|
1
|
+
import { Button as b, I as w, Label as S, Span as B, Ul as o, H4 as N, Nav as p, Div as l, Header as L, H1 as C, H3 as h, OnState as y, UseParent as P } from "@base-framework/atoms";
|
|
2
|
+
import { Component as n, Atom as i, NavLink as I, router as u } from "@base-framework/base";
|
|
3
|
+
import { I as f, B as x } from "./buttons-CVEwmPAi.js";
|
|
4
4
|
import { Icons as r } from "./icons.es.js";
|
|
5
5
|
class $ extends n {
|
|
6
6
|
/**
|
|
@@ -92,11 +92,11 @@ const H = i(({ options: s, click: e }, t) => ({
|
|
|
92
92
|
]
|
|
93
93
|
},
|
|
94
94
|
[
|
|
95
|
-
|
|
95
|
+
f({ size: "xs" }, r.chevron.single.down)
|
|
96
96
|
]
|
|
97
97
|
)
|
|
98
98
|
];
|
|
99
|
-
class
|
|
99
|
+
class m extends n {
|
|
100
100
|
/**
|
|
101
101
|
* This will declare the props for the compiler.
|
|
102
102
|
*
|
|
@@ -174,7 +174,7 @@ class z extends n {
|
|
|
174
174
|
*/
|
|
175
175
|
render() {
|
|
176
176
|
const e = this.mapOptions(this.options), t = this.class || "", a = this.mobileBorder ? "border md:border-0 rounded-md" : "";
|
|
177
|
-
return
|
|
177
|
+
return p({ class: `navigation flex flex-auto flex-col ${t}` }, [
|
|
178
178
|
o({
|
|
179
179
|
class: `relative group flex flex-col gap-2 py-2 px-2 list-none m-0 ${a}`,
|
|
180
180
|
map: e
|
|
@@ -216,7 +216,7 @@ class z extends n {
|
|
|
216
216
|
* @returns {object}
|
|
217
217
|
*/
|
|
218
218
|
addLink(e) {
|
|
219
|
-
return new
|
|
219
|
+
return new m(e);
|
|
220
220
|
}
|
|
221
221
|
}
|
|
222
222
|
class c extends z {
|
|
@@ -254,7 +254,7 @@ class c extends z {
|
|
|
254
254
|
* @returns {object}
|
|
255
255
|
*/
|
|
256
256
|
addLink(e) {
|
|
257
|
-
const t = new
|
|
257
|
+
const t = new m(e);
|
|
258
258
|
if (this.links.push(t), !t.options)
|
|
259
259
|
return t;
|
|
260
260
|
const a = this.addSubNav(t);
|
|
@@ -285,7 +285,7 @@ class A extends c {
|
|
|
285
285
|
*/
|
|
286
286
|
render() {
|
|
287
287
|
const e = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, t = this.mapOptions(this.options);
|
|
288
|
-
return
|
|
288
|
+
return p({ class: e, onState: this.onState() }, [
|
|
289
289
|
o({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...t, ...this.addSubs(), this.addWatcher()])
|
|
290
290
|
]);
|
|
291
291
|
}
|
|
@@ -298,7 +298,7 @@ class A extends c {
|
|
|
298
298
|
addWatcher() {
|
|
299
299
|
return {
|
|
300
300
|
watch: {
|
|
301
|
-
value: ["[[path]]",
|
|
301
|
+
value: ["[[path]]", u.data],
|
|
302
302
|
callBack: this.updateLinks.bind(this)
|
|
303
303
|
}
|
|
304
304
|
};
|
|
@@ -339,7 +339,7 @@ class A extends c {
|
|
|
339
339
|
* @returns {void}
|
|
340
340
|
*/
|
|
341
341
|
afterSetup() {
|
|
342
|
-
const e =
|
|
342
|
+
const e = u.data.get("path");
|
|
343
343
|
this.updateLinks(e);
|
|
344
344
|
}
|
|
345
345
|
/**
|
|
@@ -356,13 +356,13 @@ class A extends c {
|
|
|
356
356
|
this.parentLink.update(t);
|
|
357
357
|
}
|
|
358
358
|
}
|
|
359
|
-
const K = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky:
|
|
360
|
-
s &&
|
|
361
|
-
|
|
359
|
+
const K = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: d = !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)
|
|
362
362
|
]),
|
|
363
|
-
new c({ options: e, mobileBorder: a, class:
|
|
364
|
-
]), G = (s) =>
|
|
365
|
-
|
|
363
|
+
new c({ options: e, mobileBorder: a, class: d ? "sticky top-0" : "" })
|
|
364
|
+
]), G = (s) => h({ class: "text-lg ml-2" }, s), W = (s) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
|
|
365
|
+
x({
|
|
366
366
|
variant: "icon",
|
|
367
367
|
class: "m-2",
|
|
368
368
|
click: (e, { state: t }) => t.toggle("open"),
|
|
@@ -442,54 +442,54 @@ class U extends n {
|
|
|
442
442
|
this.container = app.root;
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
|
-
const
|
|
445
|
+
const v = (s) => x({ class: "m-2", variant: "ghost", addState() {
|
|
446
446
|
return {
|
|
447
447
|
open: !1
|
|
448
448
|
};
|
|
449
449
|
}, click: (e, { state: t }) => t.toggle("open") }, [
|
|
450
|
-
|
|
451
|
-
]), Y = (s) =>
|
|
452
|
-
|
|
450
|
+
f(r.bar.three)
|
|
451
|
+
]), Y = (s) => h({ class: "text-lg ml-2" }, s), D = (s) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
|
|
452
|
+
v(),
|
|
453
453
|
s.title && Y(s.title)
|
|
454
|
-
]),
|
|
454
|
+
]), g = (s, e) => {
|
|
455
455
|
s.forEach((t) => {
|
|
456
456
|
if (t.options) {
|
|
457
|
-
|
|
457
|
+
g(t.options, e);
|
|
458
458
|
return;
|
|
459
459
|
}
|
|
460
460
|
t.callBack = e;
|
|
461
461
|
});
|
|
462
|
-
},
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
new c(
|
|
462
|
+
}, k = (s) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
|
|
463
|
+
y(
|
|
464
|
+
"open",
|
|
465
|
+
(e) => e ? [
|
|
466
|
+
new U({ title: s.title }, [
|
|
467
|
+
P(({ state: t }) => {
|
|
468
|
+
const a = (d) => t.open = !1;
|
|
469
|
+
return g(s.options, a), new c(
|
|
470
470
|
{
|
|
471
471
|
options: s.options
|
|
472
472
|
}
|
|
473
|
-
)
|
|
474
|
-
|
|
475
|
-
]
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
473
|
+
);
|
|
474
|
+
})
|
|
475
|
+
])
|
|
476
|
+
] : null
|
|
477
|
+
)
|
|
478
|
+
]), Q = i((s) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
|
|
479
479
|
l([
|
|
480
|
-
|
|
481
|
-
|
|
480
|
+
v(),
|
|
481
|
+
k(s)
|
|
482
482
|
])
|
|
483
|
-
])), V = i((s) =>
|
|
483
|
+
])), V = i((s) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
|
|
484
484
|
l({ class: "flex flex-auto flex-col w-full" }, [
|
|
485
485
|
D(s),
|
|
486
|
-
|
|
486
|
+
k(s)
|
|
487
487
|
])
|
|
488
|
-
]))
|
|
488
|
+
]));
|
|
489
489
|
export {
|
|
490
490
|
j as B,
|
|
491
491
|
c as I,
|
|
492
|
-
|
|
492
|
+
m as M,
|
|
493
493
|
$ as N,
|
|
494
494
|
W as P,
|
|
495
495
|
A as S,
|
|
@@ -500,5 +500,5 @@ export {
|
|
|
500
500
|
Q as d,
|
|
501
501
|
V as e,
|
|
502
502
|
U as f,
|
|
503
|
-
|
|
503
|
+
v as g
|
|
504
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-Dl_Tkisq.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-B7LCME_T.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-BWeAn5lg.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-D_2zNFuZ.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-BWeAn5lg.js";
|
|
5
5
|
class c extends x {
|
|
6
6
|
/**
|
|
7
7
|
* This will declare the props for the compiler.
|
|
@@ -176,11 +176,11 @@ const a = {
|
|
|
176
176
|
}
|
|
177
177
|
), R = s((t) => ({
|
|
178
178
|
tag: "select",
|
|
179
|
-
...t,
|
|
180
|
-
class: `${k} ${t.class || ""}`.trim(),
|
|
181
179
|
onCreated(e) {
|
|
182
180
|
t.options && p.setupSelectOptions(e, t.options);
|
|
183
|
-
}
|
|
181
|
+
},
|
|
182
|
+
...t,
|
|
183
|
+
class: `${k} ${t.class || ""}`.trim()
|
|
184
184
|
})), P = (t) => !t || isNaN(t) ? null : t, i = (t, e) => {
|
|
185
185
|
const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n, b = `
|
|
186
186
|
<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
package/package.json
CHANGED