pgo-ui 1.1.173 → 1.1.176
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/Radio-DbAeFLOh.js +4 -0
- package/dist/{index-B1diAU4q.js → index-D28GwVQc.js} +68 -68
- package/dist/index.es.js +1 -1
- package/dist/index.umd.js +6 -6
- package/dist/pgo-ui.css +1 -1
- package/package.json +1 -1
- package/src/PgoApp.vue +2 -2
- package/src/components/examples/AppBarExample.vue +1 -1
- package/src/components/examples/NavDrawerExample.vue +1 -1
- package/src/components/pgo/DataTable copy.vue +1 -1
- package/src/index.js +17 -2
- package/src/pgo-components/lib/componentConfig.js +68 -68
- package/src/pgo-components/lib/core/fontSize/setFontScale.ts +1 -1
- package/src/pgo-components/lib/core/rtl/setRtl.ts +1 -1
- package/src/pgo-components/pages/ListView.vue +1 -0
- package/src/pgo-components/styles/global copy.css +176 -0
- package/src/pgo-components/styles/pgo-foundations-tw.css +1 -25
- package/dist/Radio-3Lgzj9jr.js +0 -4
|
@@ -470,23 +470,23 @@ const ah = {
|
|
|
470
470
|
};
|
|
471
471
|
}, { language: Gg } = ao(), Px = {
|
|
472
472
|
none: "",
|
|
473
|
-
xs: "
|
|
474
|
-
sm: "
|
|
475
|
-
md: "
|
|
476
|
-
lg: "
|
|
477
|
-
xl: "
|
|
473
|
+
xs: "text-sm pl-md pr-md py-[2px]",
|
|
474
|
+
sm: "text-sm py-2 px-3",
|
|
475
|
+
md: "text-base pl-xl pr-xl py-[6px] ",
|
|
476
|
+
lg: "text-base pl-2xl pr-2xl py-[7px]",
|
|
477
|
+
xl: "text-base pl-3xl pr-3xl pt-xl pb-xl"
|
|
478
478
|
}, Id = {
|
|
479
|
-
xs: "
|
|
480
|
-
sm: "
|
|
481
|
-
md: "
|
|
482
|
-
lg: "
|
|
483
|
-
xl: "
|
|
479
|
+
xs: "text-sm pl-md pr-md pt-xs pb-xs",
|
|
480
|
+
sm: "text-sm pl-lg pr-lg py-2.5",
|
|
481
|
+
md: "text-base pl-xl pr-xl pt-md pb-md",
|
|
482
|
+
lg: "text-base pl-2xl pr-2xl pt-lg pb-lg",
|
|
483
|
+
xl: "text-base pl-3xl pr-3xl pt-xl pb-xl"
|
|
484
484
|
}, Lx = {
|
|
485
|
-
xs: "
|
|
486
|
-
sm: "
|
|
487
|
-
md: "
|
|
488
|
-
lg: "
|
|
489
|
-
xl: "
|
|
485
|
+
xs: "text-sm px-3 py-1.5",
|
|
486
|
+
sm: "text-sm px-4 py-2.5",
|
|
487
|
+
md: "text-base px-3 py-2.5",
|
|
488
|
+
lg: "text-base px-4 py-3",
|
|
489
|
+
xl: "text-base px-5 py-4"
|
|
490
490
|
}, qa = {
|
|
491
491
|
xs: 16,
|
|
492
492
|
sm: 16,
|
|
@@ -494,20 +494,20 @@ const ah = {
|
|
|
494
494
|
lg: 20,
|
|
495
495
|
xl: 24
|
|
496
496
|
}, sa = {
|
|
497
|
-
none: "
|
|
498
|
-
sm: "
|
|
499
|
-
md: "
|
|
500
|
-
lg: "
|
|
501
|
-
xl: "
|
|
502
|
-
"2xl": "
|
|
503
|
-
"3xl": "
|
|
504
|
-
full: "
|
|
497
|
+
none: "rounded-none",
|
|
498
|
+
sm: "rounded-sm",
|
|
499
|
+
md: "rounded-md",
|
|
500
|
+
lg: "rounded-lg",
|
|
501
|
+
xl: "rounded-xl",
|
|
502
|
+
"2xl": "rounded-2xl",
|
|
503
|
+
"3xl": "rounded-3xl",
|
|
504
|
+
full: "rounded-full"
|
|
505
505
|
}, Ni = {
|
|
506
506
|
primary: {
|
|
507
507
|
contained: "bg-primary text-white transition-colors hover:bg-brand-900",
|
|
508
|
-
outlined: "border
|
|
509
|
-
text: "
|
|
510
|
-
tonal: "bg-primary/10
|
|
508
|
+
outlined: "border border-primary text-primary bg-transparent transition-colors hover:bg-neutral-50",
|
|
509
|
+
text: "text-primary bg-transparent transition-colors hover:bg-surface",
|
|
510
|
+
tonal: "bg-primary/10 text-primary transition-colors hover:bg-primary/20"
|
|
511
511
|
},
|
|
512
512
|
secondary: {
|
|
513
513
|
contained: "bg-golden-oak-400 text-neutral-900 transition-colors hover:bg-golden-oak-500",
|
|
@@ -516,28 +516,28 @@ const ah = {
|
|
|
516
516
|
tonal: "bg-golden-oak-50 text-neutral-900 transition-colors hover:bg-golden-oak-100"
|
|
517
517
|
},
|
|
518
518
|
success: {
|
|
519
|
-
contained: "
|
|
520
|
-
outlined: "
|
|
521
|
-
text: "
|
|
522
|
-
tonal: "
|
|
519
|
+
contained: "bg-success text-white transition-colors hover:bg-success/90",
|
|
520
|
+
outlined: "border border-border text-success bg-transparent transition-colors hover:bg-surface",
|
|
521
|
+
text: "text-success bg-transparent transition-colors hover:bg-surface",
|
|
522
|
+
tonal: "bg-border-light text-success transition-colors hover:bg-surface"
|
|
523
523
|
},
|
|
524
524
|
danger: {
|
|
525
|
-
contained: "
|
|
526
|
-
outlined: "
|
|
527
|
-
text: "
|
|
528
|
-
tonal: "
|
|
525
|
+
contained: "bg-error text-white transition-colors hover:bg-error/90",
|
|
526
|
+
outlined: "border border-border text-error bg-transparent transition-colors hover:bg-surface",
|
|
527
|
+
text: "text-error bg-transparent transition-colors hover:bg-surface",
|
|
528
|
+
tonal: "bg-border-light text-error transition-colors hover:bg-surface"
|
|
529
529
|
},
|
|
530
530
|
warning: {
|
|
531
|
-
contained: "
|
|
532
|
-
outlined: "
|
|
533
|
-
text: "
|
|
534
|
-
tonal: "
|
|
531
|
+
contained: "bg-warning text-white transition-colors hover:bg-warning/90",
|
|
532
|
+
outlined: "border border-border text-warning bg-transparent transition-colors hover:bg-surface",
|
|
533
|
+
text: "text-warning bg-transparent transition-colors hover:bg-surface",
|
|
534
|
+
tonal: "bg-border-light text-warning transition-colors hover:bg-surface"
|
|
535
535
|
},
|
|
536
536
|
info: {
|
|
537
|
-
contained: "
|
|
538
|
-
outlined: "
|
|
539
|
-
text: "
|
|
540
|
-
tonal: "bg-blue-50
|
|
537
|
+
contained: "bg-info text-white transition-colors hover:bg-info/90",
|
|
538
|
+
outlined: "border border-border text-info bg-transparent transition-colors hover:bg-surface",
|
|
539
|
+
text: "text-info bg-transparent transition-colors hover:bg-surface",
|
|
540
|
+
tonal: "bg-blue-50 text-info transition-colors hover:bg-blue-100"
|
|
541
541
|
},
|
|
542
542
|
gray: {
|
|
543
543
|
contained: "bg-golden-oak-400 text-neutral-900 transition-colors hover:bg-golden-oak-500",
|
|
@@ -546,10 +546,10 @@ const ah = {
|
|
|
546
546
|
tonal: "bg-golden-oak-50 text-neutral-900 transition-colors hover:bg-golden-oak-100"
|
|
547
547
|
},
|
|
548
548
|
disable: {
|
|
549
|
-
contained: "
|
|
550
|
-
outlined: "
|
|
551
|
-
text: "
|
|
552
|
-
tonal: "
|
|
549
|
+
contained: "bg-disabled text-disabled-text transition-colors",
|
|
550
|
+
outlined: "border border-border text-disabled-text bg-transparent transition-colors",
|
|
551
|
+
text: "text-disabled-text bg-transparent transition-colors",
|
|
552
|
+
tonal: "bg-border-light text-disabled-text transition-colors"
|
|
553
553
|
},
|
|
554
554
|
none: {
|
|
555
555
|
contained: "",
|
|
@@ -559,25 +559,25 @@ const ah = {
|
|
|
559
559
|
}
|
|
560
560
|
}, HX = {
|
|
561
561
|
none: "",
|
|
562
|
-
xs: "
|
|
563
|
-
sm: "
|
|
564
|
-
md: "
|
|
565
|
-
lg: "
|
|
566
|
-
xl: "
|
|
562
|
+
xs: "p-xs",
|
|
563
|
+
sm: "p-md",
|
|
564
|
+
md: "p-xl",
|
|
565
|
+
lg: "p-3xl",
|
|
566
|
+
xl: "p-4xl"
|
|
567
567
|
}, Ox = {
|
|
568
568
|
none: "",
|
|
569
|
-
xs: "
|
|
570
|
-
sm: "
|
|
571
|
-
md: "
|
|
572
|
-
lg: "
|
|
573
|
-
xl: "
|
|
569
|
+
xs: "h-3xl",
|
|
570
|
+
sm: "h-4xl",
|
|
571
|
+
md: "h-5xl",
|
|
572
|
+
lg: "h-6xl",
|
|
573
|
+
xl: "h-[56px]"
|
|
574
574
|
}, VX = {
|
|
575
575
|
none: "",
|
|
576
|
-
xs: "
|
|
577
|
-
sm: "
|
|
578
|
-
md: "
|
|
579
|
-
lg: "
|
|
580
|
-
xl: "
|
|
576
|
+
xs: "m-xs",
|
|
577
|
+
sm: "m-md",
|
|
578
|
+
md: "m-xl",
|
|
579
|
+
lg: "m-3xl",
|
|
580
|
+
xl: "m-4xl"
|
|
581
581
|
}, wt = (n, e, t = null) => {
|
|
582
582
|
const s = I(() => {
|
|
583
583
|
let i = "";
|
|
@@ -923,7 +923,7 @@ const Hx = {
|
|
|
923
923
|
}
|
|
924
924
|
};
|
|
925
925
|
function Xr(n) {
|
|
926
|
-
Ft.value = n, localStorage.setItem("rtlSetting", JSON.stringify(n)), typeof document < "u" && (document.documentElement.setAttribute("dir", n == !1 ? "ltr" : "rtl"), document.documentElement.setAttribute("lang", n == !1 ? "en" : "dv"), n ? document.documentElement.classList.add("rtl-font") : document.documentElement.classList.remove("rtl-font"));
|
|
926
|
+
Ft.value = n, typeof window < "u" && localStorage.setItem("rtlSetting", JSON.stringify(n)), typeof document < "u" && (document.documentElement.setAttribute("dir", n == !1 ? "ltr" : "rtl"), document.documentElement.setAttribute("lang", n == !1 ? "en" : "dv"), n ? document.documentElement.classList.add("rtl-font") : document.documentElement.classList.remove("rtl-font"));
|
|
927
927
|
}
|
|
928
928
|
const Vx = {
|
|
929
929
|
install(n) {
|
|
@@ -3092,7 +3092,7 @@ function Pw(n) {
|
|
|
3092
3092
|
Qu.value = n;
|
|
3093
3093
|
}
|
|
3094
3094
|
function vc(n) {
|
|
3095
|
-
mc.value = n, localStorage.setItem(Mw, String(n)), typeof document < "u" && (Qu.value === "app" ? document.documentElement.style.fontSize = `${n}%` : document.documentElement.style.fontSize = "");
|
|
3095
|
+
mc.value = n, typeof window < "u" && localStorage.setItem(Mw, String(n)), typeof document < "u" && (Qu.value === "app" ? document.documentElement.style.fontSize = `${n}%` : document.documentElement.style.fontSize = "");
|
|
3096
3096
|
}
|
|
3097
3097
|
function Lw() {
|
|
3098
3098
|
const n = Mr.indexOf(mc.value);
|
|
@@ -18733,7 +18733,7 @@ const Ti = [
|
|
|
18733
18733
|
return Array.isArray(_) && _.length > 0;
|
|
18734
18734
|
})), ye = I(() => {
|
|
18735
18735
|
const z = {}, _ = new Set(g.form.fields.map((Q) => Q.inputType?.toLowerCase()));
|
|
18736
|
-
return (_.has("search") || _.has("inputsearch")) && (z.search = tt(() => Promise.resolve().then(() => op)), z.inputsearch = tt(() => Promise.resolve().then(() => op))), _.has("select") && (z.select = tt(() => Promise.resolve().then(() => lf))), _.has("textarea") && (z.textarea = tt(() => Promise.resolve().then(() => hv))), (_.has("textfield") || _.has("text") || _.has("string")) && (z.textfield = tt(() => Promise.resolve().then(() => Ja)), z.text = tt(() => Promise.resolve().then(() => Ja)), z.string = tt(() => Promise.resolve().then(() => Ja))), (_.has("datepicker") || _.has("date")) && (z.datepicker = tt(() => Promise.resolve().then(() => Qi)), z.date = tt(() => Promise.resolve().then(() => Qi))), _.has("chipgroup") && (z.chipgroup = tt(() => Promise.resolve().then(() => Vm))), _.has("checkbox") && (z.checkbox = tt(() => Promise.resolve().then(() => HC))), _.has("radio") && (z.radio = tt(() => import("./Radio-
|
|
18736
|
+
return (_.has("search") || _.has("inputsearch")) && (z.search = tt(() => Promise.resolve().then(() => op)), z.inputsearch = tt(() => Promise.resolve().then(() => op))), _.has("select") && (z.select = tt(() => Promise.resolve().then(() => lf))), _.has("textarea") && (z.textarea = tt(() => Promise.resolve().then(() => hv))), (_.has("textfield") || _.has("text") || _.has("string")) && (z.textfield = tt(() => Promise.resolve().then(() => Ja)), z.text = tt(() => Promise.resolve().then(() => Ja)), z.string = tt(() => Promise.resolve().then(() => Ja))), (_.has("datepicker") || _.has("date")) && (z.datepicker = tt(() => Promise.resolve().then(() => Qi)), z.date = tt(() => Promise.resolve().then(() => Qi))), _.has("chipgroup") && (z.chipgroup = tt(() => Promise.resolve().then(() => Vm))), _.has("checkbox") && (z.checkbox = tt(() => Promise.resolve().then(() => HC))), _.has("radio") && (z.radio = tt(() => import("./Radio-DbAeFLOh.js"))), (_.has("numberfield") || _.has("number")) && (z.numberfield = tt(() => Promise.resolve().then(() => Ki)), z.number = tt(() => Promise.resolve().then(() => Ki))), (_.has("file") || _.has("filefield")) && (z.file = tt(() => Promise.resolve().then(() => tp)), z.filefield = tt(() => Promise.resolve().then(() => tp))), (_.has("label") || _.has("labelfield")) && (z.label = tt(() => Promise.resolve().then(() => np)), z.labelfield = tt(() => Promise.resolve().then(() => np))), z;
|
|
18737
18737
|
}), V = (z) => {
|
|
18738
18738
|
const _ = z?.toLowerCase() || "textfield";
|
|
18739
18739
|
return ye.value[_] || ye.value.textfield;
|
|
@@ -48351,7 +48351,7 @@ const Oo = {
|
|
|
48351
48351
|
setup(n) {
|
|
48352
48352
|
const e = He("setRtl"), { t, setLanguage: s, language: a } = He("i18n"), i = R(!0);
|
|
48353
48353
|
return Ke(() => {
|
|
48354
|
-
const r = localStorage.getItem("rtlSetting");
|
|
48354
|
+
const r = typeof window < "u" ? localStorage.getItem("rtlSetting") : null;
|
|
48355
48355
|
r !== null ? i.value = r === "true" : i.value = globalRtl.value, console.log("Initial RTL setting on mount:", i.value);
|
|
48356
48356
|
}), Ie(i, (r) => {
|
|
48357
48357
|
e(r), i.value == !0 ? s("dv") : s("en");
|
|
@@ -64183,7 +64183,7 @@ const O5 = /* @__PURE__ */ xt(P5, [["render", L5]]), B5 = { class: "space-y-3" }
|
|
|
64183
64183
|
{ id: 4, label: "ސެޓިންގްސް", href: "#/settings", group: "އެޑްމިން" }
|
|
64184
64184
|
]);
|
|
64185
64185
|
return Ke(() => {
|
|
64186
|
-
const h = localStorage.getItem("rtlSetting");
|
|
64186
|
+
const h = typeof window < "u" ? localStorage.getItem("rtlSetting") : null;
|
|
64187
64187
|
h !== null ? (o.value = h === "true" ? "right" : "left", console.log("Loaded saved RTL setting:", h)) : (o.value = Ft.value ? "right" : "left", console.log("No saved RTL setting, using globalRtl:", Ft.value));
|
|
64188
64188
|
}), Ie(Ft, () => {
|
|
64189
64189
|
Ft.value ? o.value = "right" : o.value = "left";
|
|
@@ -68473,9 +68473,9 @@ const VV = /* @__PURE__ */ xt(FV, [["render", HV]]), XV = { class: "p-6 space-y-
|
|
|
68473
68473
|
n.provide(IX, e);
|
|
68474
68474
|
}, zX = "body";
|
|
68475
68475
|
Pw(zX);
|
|
68476
|
-
const Fg = localStorage.getItem("fontScaleSetting");
|
|
68476
|
+
const Fg = typeof window < "u" ? localStorage.getItem("fontScaleSetting") : null;
|
|
68477
68477
|
Fg !== null && vc(parseInt(Fg));
|
|
68478
|
-
const Hg = localStorage.getItem("rtlSetting");
|
|
68478
|
+
const Hg = typeof window < "u" ? localStorage.getItem("rtlSetting") : null;
|
|
68479
68479
|
Hg !== null ? (Ft.value = JSON.parse(Hg), Xr(Ft.value)) : (Ft.value = !0, Xr(Ft.value));
|
|
68480
68480
|
const DY = {
|
|
68481
68481
|
install(n) {
|
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as o, A as t, B as i, b as r, c as n, d as l, e as c, f as p, g as d, C as m, h as S, i as u, j as C, k as F, l as b, m as g, D as h, n as T, o as w, p as D, q as x, r as B, s as M, t as R, E as v, u as P, v as f, w as y, x as z, y as I, z as E, F as L, L as V, G as k, H as A, I as N, M as G, J as O, N as Y, K as j, O as q, P as H, Q as K, R as U, S as _, T as J, U as Q, V as W, W as X, X as Z, Y as $, Z as aa, $ as sa, a0 as ea, a1 as oa, a2 as ta, a3 as ia, a4 as ra, a5 as na, a6 as la, a7 as ca, a8 as pa, a9 as da, aa as ma, ab as Sa, ac as ua, ad as Ca, ae as Fa, af as ba, ag as ga, ah as ha, ai as Ta, aj as wa, ak as Da, al as xa, am as Ba, an as Ma, ao as Ra, ap as va, aq as Pa, ar as fa, as as ya, at as za, au as Ia, av as Ea, aw as La, ax as Va, ay as ka, az as Aa } from "./index-
|
|
1
|
+
import { a as o, A as t, B as i, b as r, c as n, d as l, e as c, f as p, g as d, C as m, h as S, i as u, j as C, k as F, l as b, m as g, D as h, n as T, o as w, p as D, q as x, r as B, s as M, t as R, E as v, u as P, v as f, w as y, x as z, y as I, z as E, F as L, L as V, G as k, H as A, I as N, M as G, J as O, N as Y, K as j, O as q, P as H, Q as K, R as U, S as _, T as J, U as Q, V as W, W as X, X as Z, Y as $, Z as aa, $ as sa, a0 as ea, a1 as oa, a2 as ta, a3 as ia, a4 as ra, a5 as na, a6 as la, a7 as ca, a8 as pa, a9 as da, aa as ma, ab as Sa, ac as ua, ad as Ca, ae as Fa, af as ba, ag as ga, ah as ha, ai as Ta, aj as wa, ak as Da, al as xa, am as Ba, an as Ma, ao as Ra, ap as va, aq as Pa, ar as fa, as as ya, at as za, au as Ia, av as Ea, aw as La, ax as Va, ay as ka, az as Aa } from "./index-D28GwVQc.js";
|
|
2
2
|
import "vue";
|
|
3
3
|
export {
|
|
4
4
|
o as AppBar,
|