vlite3 1.4.10 → 1.4.12
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.
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { buildThemeVariables as
|
|
3
|
-
import { THEME_STYLES_KEY as
|
|
4
|
-
import { isDarkColor as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as p, useId as C, computed as o, provide as h, openBlock as l, createElementBlock as y, normalizeStyle as b, normalizeClass as S, createBlock as d, resolveDynamicComponent as s, withCtx as n, createTextVNode as u, toDisplayString as m, renderSlot as g } from "vue";
|
|
2
|
+
import { buildThemeVariables as k, buildThemeStyleBlock as T, buildCardOverrideStyles as _ } from "./themeVars.js";
|
|
3
|
+
import { THEME_STYLES_KEY as B } from "../../composables/useThemeStyles.js";
|
|
4
|
+
import { isDarkColor as E } from "../../utils/colorUtils.js";
|
|
5
|
+
const V = /* @__PURE__ */ p({
|
|
6
6
|
__name: "ThemeProvider",
|
|
7
7
|
props: {
|
|
8
8
|
bgColor: { default: void 0 },
|
|
@@ -14,24 +14,33 @@ const D = /* @__PURE__ */ s({
|
|
|
14
14
|
maxWidth: { default: void 0 },
|
|
15
15
|
rootClass: { default: "vlite-theme-provider" }
|
|
16
16
|
},
|
|
17
|
-
setup(
|
|
18
|
-
const e =
|
|
19
|
-
() =>
|
|
17
|
+
setup(r) {
|
|
18
|
+
const e = r, a = `vlite-theme-provider-${C()}`, i = o(() => e.bgColor ? E(e.bgColor) : !1), t = o(() => k(e)), c = o(
|
|
19
|
+
() => T(t.value, a)
|
|
20
|
+
), v = o(
|
|
21
|
+
() => e.bgColor ? _(e.bgColor, i.value) : ""
|
|
20
22
|
);
|
|
21
|
-
return
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
return h(B, t), (f, x) => (l(), y("div", {
|
|
24
|
+
id: a,
|
|
25
|
+
class: S([r.rootClass, "transition-colors duration-300", { dark: i.value }]),
|
|
26
|
+
style: b(t.value)
|
|
24
27
|
}, [
|
|
25
|
-
(
|
|
26
|
-
default:
|
|
27
|
-
|
|
28
|
+
(l(), d(s("style"), null, {
|
|
29
|
+
default: n(() => [
|
|
30
|
+
u(m(c.value), 1)
|
|
28
31
|
]),
|
|
29
32
|
_: 1
|
|
30
33
|
})),
|
|
31
|
-
|
|
34
|
+
(l(), d(s("style"), null, {
|
|
35
|
+
default: n(() => [
|
|
36
|
+
u(m(v.value), 1)
|
|
37
|
+
]),
|
|
38
|
+
_: 1
|
|
39
|
+
})),
|
|
40
|
+
g(f.$slots, "default")
|
|
32
41
|
], 6));
|
|
33
42
|
}
|
|
34
43
|
});
|
|
35
44
|
export {
|
|
36
|
-
|
|
45
|
+
V as default
|
|
37
46
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as ThemeProvider } from './ThemeProvider.vue';
|
|
2
2
|
export type { ThemeProviderProps, ThemeStyles, ThemeMaxWidth } from './types';
|
|
3
|
-
export { buildThemeVariables, buildCardOverrideStyles } from './themeVars';
|
|
3
|
+
export { buildThemeVariables, buildCardOverrideStyles, buildThemeStyleBlock, } from './themeVars';
|
|
@@ -9,15 +9,46 @@ export declare const DEFAULT_MAX_WIDTH = 1440;
|
|
|
9
9
|
* `.bg-card .bg-card` selectors which cannot be expressed as inline variables).
|
|
10
10
|
*/
|
|
11
11
|
export declare function buildCardOverrideStyles(bg: string, isDark: boolean): string;
|
|
12
|
+
/**
|
|
13
|
+
* Build a `<style>` text block that re-applies every generated CSS custom
|
|
14
|
+
* property with `!important`, scoped to a unique `#id` selector.
|
|
15
|
+
*
|
|
16
|
+
* Why this exists:
|
|
17
|
+
*
|
|
18
|
+
* The provider also injects variables via the root element's inline
|
|
19
|
+
* `:style`. Inline styles are strong (specificity 1,0,0,0) but a
|
|
20
|
+
* `!important` rule from anywhere else in the cascade still wins
|
|
21
|
+
* over them. In a host application that ships global stylesheets
|
|
22
|
+
* (Tailwind preflight, design-system tokens, dark-mode overrides,
|
|
23
|
+
* …) it is common for at least one of those sheets to mark brand
|
|
24
|
+
* tokens like `--color-primary` with `!important` in a `.dark` /
|
|
25
|
+
* `[data-theme="dark"]` block. That silently nukes the provider's
|
|
26
|
+
* inline values and the brand color disappears.
|
|
27
|
+
*
|
|
28
|
+
* The fix is a redundant layer that has the *highest* priority
|
|
29
|
+
* CSS offers: an ID selector combined with `!important`. With
|
|
30
|
+
* `#<id> { --var: v !important; }` nothing else in the cascade
|
|
31
|
+
* can override the theme — not Tailwind defaults, not ERP global
|
|
32
|
+
* styles, not third-party stylesheets.
|
|
33
|
+
*
|
|
34
|
+
* Pure: no DOM, no Vue. Returns a CSS string ready to be dropped
|
|
35
|
+
* inside a `<component :is="'style'">{{ block }}</component>` block.
|
|
36
|
+
*
|
|
37
|
+
* Only CSS custom properties (keys starting with `--`) are emitted;
|
|
38
|
+
* real CSS properties like `font-size` are intentionally skipped to
|
|
39
|
+
* avoid forcing `!important` on properties that affect layout
|
|
40
|
+
* inheritance globally.
|
|
41
|
+
*/
|
|
42
|
+
export declare function buildThemeStyleBlock(vars: ThemeStyles, id: string): string;
|
|
12
43
|
/**
|
|
13
44
|
* Compute the full theme-styles record from a {@link ThemeProviderProps}.
|
|
14
|
-
* Pure: no DOM, no Vue. Re-usable from tests and from server-side code.
|
|
15
45
|
*
|
|
16
|
-
* Every value is suffixed with `!important` so the
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
46
|
+
* Every value in the returned record is suffixed with `!important` so the
|
|
47
|
+
* theme cannot be overridden by host-app globals, Tailwind preflight, or
|
|
48
|
+
* any third-party CSS. The `useThemeStyles()` composable hands the same
|
|
49
|
+
* record to descendants, so consumers that re-bind it to `:style` also
|
|
50
|
+
* get the same protection.
|
|
51
|
+
*
|
|
52
|
+
* Pure: no DOM, no Vue. Re-usable from tests and from server-side code.
|
|
22
53
|
*/
|
|
23
54
|
export declare function buildThemeVariables(props: ThemeProviderProps): ThemeStyles;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { hexToHSL as
|
|
2
|
-
const
|
|
1
|
+
import { hexToHSL as x, mixColorHex as i } from "../../utils/colorUtils.js";
|
|
2
|
+
const s = 16, k = 1.25, y = 8, F = 1440, g = (r, o) => {
|
|
3
3
|
const l = Number(r);
|
|
4
4
|
return Number.isFinite(l) && l > 0 ? l : o;
|
|
5
5
|
}, w = (r, o) => {
|
|
6
6
|
const l = Number(r);
|
|
7
7
|
return Number.isFinite(l) && l >= 0 ? l : o;
|
|
8
|
-
},
|
|
8
|
+
}, f = (r) => Number.parseFloat(r.toFixed(8)).toString(), E = [
|
|
9
9
|
"0.5",
|
|
10
10
|
"1",
|
|
11
11
|
"1.5",
|
|
@@ -120,32 +120,32 @@ const x = 16, k = 1.25, y = 8, $ = 1440, F = (r) => `${r} !important`, g = (r, o
|
|
|
120
120
|
"--font-weight-extrabold": "800",
|
|
121
121
|
"--font-weight-black": "900"
|
|
122
122
|
}, _ = (r, o, l) => {
|
|
123
|
-
const
|
|
124
|
-
r["font-size"] = `${o}px`, r["--font-size-base"] = `${o}px`, C.forEach(([
|
|
125
|
-
const u =
|
|
126
|
-
r[`--text-${
|
|
127
|
-
}), Object.entries(B).forEach(([
|
|
128
|
-
r[`--text--fs-${
|
|
123
|
+
const c = o / s;
|
|
124
|
+
r["font-size"] = `${o}px`, r["--font-size-base"] = `${o}px`, C.forEach(([e, t, n]) => {
|
|
125
|
+
const u = t * c;
|
|
126
|
+
r[`--text-${e}`] = `${f(u)}rem`, r[`--text-${e}--line-height`] = n === t ? "1" : `calc(${f(n * c)} / ${f(u)})`;
|
|
127
|
+
}), Object.entries(B).forEach(([e, t]) => {
|
|
128
|
+
r[`--text--fs-${e}`] = `${f(t)}em`;
|
|
129
129
|
});
|
|
130
|
-
const
|
|
131
|
-
E.forEach((
|
|
132
|
-
const n = 1 + (T[
|
|
133
|
-
r[`--text-fs-${
|
|
130
|
+
const a = l / k;
|
|
131
|
+
E.forEach((e) => {
|
|
132
|
+
const n = 1 + (T[e] - 1) * a;
|
|
133
|
+
r[`--text-fs-${e}`] = `${f(n)}em`;
|
|
134
134
|
});
|
|
135
135
|
}, S = (r, o) => {
|
|
136
|
-
const l = o /
|
|
137
|
-
r["--radius"] = `${
|
|
136
|
+
const l = o / s;
|
|
137
|
+
r["--radius"] = `${f(l)}rem`, r["--radius-sm"] = `${f(l * 0.8)}rem`, r["--radius-md"] = `${f(l)}rem`, r["--radius-lg"] = `${f(l * 1.34)}rem`, r["--radius-xl"] = `${f(l * 1.6)}rem`, r["--radius-2xl"] = `${f(l * 2)}rem`, r["--radius-3xl"] = `${f(l * 3)}rem`;
|
|
138
138
|
}, A = (r, o) => {
|
|
139
139
|
if (typeof o == "string") {
|
|
140
|
-
const
|
|
141
|
-
r["--shop-max-width"] =
|
|
140
|
+
const c = o.trim().toLowerCase();
|
|
141
|
+
r["--shop-max-width"] = c === "full" || c === "none" ? "none" : o;
|
|
142
142
|
return;
|
|
143
143
|
}
|
|
144
144
|
if (o === 0) {
|
|
145
145
|
r["--shop-max-width"] = "none";
|
|
146
146
|
return;
|
|
147
147
|
}
|
|
148
|
-
const l = g(o ?? void 0,
|
|
148
|
+
const l = g(o ?? void 0, F);
|
|
149
149
|
r["--shop-max-width"] = `${l}px`;
|
|
150
150
|
}, N = {
|
|
151
151
|
danger: {
|
|
@@ -255,9 +255,9 @@ const x = 16, k = 1.25, y = 8, $ = 1440, F = (r) => `${r} !important`, g = (r, o
|
|
|
255
255
|
chart: ["#818cf8", "#34d399", "#fbbf24", "#fb7185", "#60a5fa", "#f472b6"]
|
|
256
256
|
}, I = (r, o) => {
|
|
257
257
|
const l = o ? D : N;
|
|
258
|
-
["danger", "warning", "info", "success"].forEach((
|
|
259
|
-
const
|
|
260
|
-
r[`--color-${
|
|
258
|
+
["danger", "warning", "info", "success"].forEach((e) => {
|
|
259
|
+
const t = l[e];
|
|
260
|
+
r[`--color-${e}-light`] = t.light, r[`--color-${e}`] = t.default, r[`--color-${e}-dark`] = t.dark, r[`--color-${e}-fg`] = t.fg, r[`--color-${e}-fg-light`] = t.fgLight, r[`--color-${e}-subtle`] = t.subtle, r[`--color-${e}-subtle-fg`] = t.subtleFg, r[`--color-${e}-subtle-border`] = t.subtleBorder, e === "danger" && (r["--color-destructive"] = t.default, r["--color-destructive-foreground"] = t.fg);
|
|
261
261
|
}), [
|
|
262
262
|
"secondary",
|
|
263
263
|
"purple",
|
|
@@ -266,24 +266,24 @@ const x = 16, k = 1.25, y = 8, $ = 1440, F = (r) => `${r} !important`, g = (r, o
|
|
|
266
266
|
"orange",
|
|
267
267
|
"pink",
|
|
268
268
|
"cyan"
|
|
269
|
-
].forEach((
|
|
270
|
-
const
|
|
271
|
-
r[`--color-${
|
|
272
|
-
}), l.chart.forEach((
|
|
273
|
-
r[`--color-chart-${
|
|
269
|
+
].forEach((e) => {
|
|
270
|
+
const t = l[e];
|
|
271
|
+
r[`--color-${e}-subtle`] = t.subtle, r[`--color-${e}-subtle-fg`] = t.subtleFg, r[`--color-${e}-subtle-border`] = t.subtleBorder;
|
|
272
|
+
}), l.chart.forEach((e, t) => {
|
|
273
|
+
r[`--color-chart-${t + 1}`] = e;
|
|
274
274
|
});
|
|
275
275
|
};
|
|
276
276
|
function R(r, o) {
|
|
277
277
|
if (!r) return "";
|
|
278
278
|
if (o) {
|
|
279
|
-
const
|
|
279
|
+
const e = i(r, "#ffffff", 0.07), t = i(r, "#ffffff", 0.12), n = i(r, "#ffffff", 0.1), u = i(r, "#ffffff", 0.14), d = i(r, "#ffffff", 0.13), v = i(r, "#ffffff", 0.16), m = i(r, "#ffffff", 0.07), p = i(r, "#ffffff", 0.11), b = i(r, "#ffffff", 0.1), $ = i(r, "#ffffff", 0.14);
|
|
280
280
|
return `
|
|
281
281
|
.vlite-theme-provider.dark .bg-card {
|
|
282
|
-
--color-body: ${
|
|
283
|
-
--color-white: ${
|
|
284
|
-
--color-mixture-1: ${
|
|
282
|
+
--color-body: ${e} !important;
|
|
283
|
+
--color-white: ${e} !important;
|
|
284
|
+
--color-mixture-1: ${t} !important;
|
|
285
285
|
--color-mixture-2: #ffffff !important;
|
|
286
|
-
background-color: ${
|
|
286
|
+
background-color: ${e} !important;
|
|
287
287
|
}
|
|
288
288
|
.vlite-theme-provider.dark .bg-card .bg-card {
|
|
289
289
|
--color-body: ${n} !important;
|
|
@@ -295,27 +295,27 @@ function R(r, o) {
|
|
|
295
295
|
.vlite-theme-provider.dark .bg-card .bg-card .bg-card {
|
|
296
296
|
--color-body: ${d} !important;
|
|
297
297
|
--color-white: ${d} !important;
|
|
298
|
-
--color-mixture-1: ${
|
|
298
|
+
--color-mixture-1: ${v} !important;
|
|
299
299
|
--color-mixture-2: #000000;
|
|
300
300
|
background-color: ${d} !important;
|
|
301
301
|
}
|
|
302
302
|
.vlite-theme-provider.dark .bg-card-light {
|
|
303
|
-
--color-body: ${b} !important;
|
|
304
|
-
--color-white: ${b} !important;
|
|
305
|
-
--color-mixture-1: ${v} !important;
|
|
306
|
-
--color-mixture-2: #ffffff !important;
|
|
307
|
-
background-color: ${b} !important;
|
|
308
|
-
}
|
|
309
|
-
.vlite-theme-provider.dark .bg-card .bg-card-light {
|
|
310
303
|
--color-body: ${m} !important;
|
|
311
304
|
--color-white: ${m} !important;
|
|
312
305
|
--color-mixture-1: ${p} !important;
|
|
313
|
-
--color-mixture-2: #
|
|
306
|
+
--color-mixture-2: #ffffff !important;
|
|
314
307
|
background-color: ${m} !important;
|
|
315
308
|
}
|
|
309
|
+
.vlite-theme-provider.dark .bg-card .bg-card-light {
|
|
310
|
+
--color-body: ${b} !important;
|
|
311
|
+
--color-white: ${b} !important;
|
|
312
|
+
--color-mixture-1: ${$} !important;
|
|
313
|
+
--color-mixture-2: #000000;
|
|
314
|
+
background-color: ${b} !important;
|
|
315
|
+
}
|
|
316
316
|
`;
|
|
317
317
|
}
|
|
318
|
-
const l =
|
|
318
|
+
const l = i(r, "#000000", 0.03), c = i(r, "#000000", 0.055), a = i(r, "#000000", 0.09);
|
|
319
319
|
return `
|
|
320
320
|
.vlite-theme-provider .bg-card,
|
|
321
321
|
.vlite-theme-provider .bg-card-light {
|
|
@@ -328,49 +328,73 @@ function R(r, o) {
|
|
|
328
328
|
}
|
|
329
329
|
.vlite-theme-provider .bg-card .bg-card,
|
|
330
330
|
.vlite-theme-provider .bg-card-light .bg-card-light {
|
|
331
|
-
--color-body: ${
|
|
332
|
-
--color-white: ${
|
|
333
|
-
--color-mixture-1: ${
|
|
331
|
+
--color-body: ${c} !important;
|
|
332
|
+
--color-white: ${c} !important;
|
|
333
|
+
--color-mixture-1: ${c};
|
|
334
334
|
--color-mixture-2: #000000;
|
|
335
|
-
background-color: ${
|
|
335
|
+
background-color: ${c} !important;
|
|
336
336
|
}
|
|
337
337
|
.vlite-theme-provider .bg-card .bg-card .bg-card,
|
|
338
338
|
.vlite-theme-provider .bg-card-light .bg-card-light .bg-card-light {
|
|
339
|
-
--color-body: ${
|
|
340
|
-
--color-white: ${
|
|
341
|
-
--color-mixture-1: ${
|
|
339
|
+
--color-body: ${a} !important;
|
|
340
|
+
--color-white: ${a} !important;
|
|
341
|
+
--color-mixture-1: ${a};
|
|
342
342
|
--color-mixture-2: #000000;
|
|
343
|
-
background-color: ${
|
|
343
|
+
background-color: ${a} !important;
|
|
344
|
+
}
|
|
345
|
+
`;
|
|
346
|
+
}
|
|
347
|
+
const h = (r) => r.replace(/[{};]/g, "");
|
|
348
|
+
function U(r, o) {
|
|
349
|
+
if (!o) return "";
|
|
350
|
+
const l = [];
|
|
351
|
+
for (const [c, a] of Object.entries(r)) {
|
|
352
|
+
if (!c.startsWith("--")) continue;
|
|
353
|
+
const e = h(a);
|
|
354
|
+
if (!e) continue;
|
|
355
|
+
const t = /!important\s*$/i.test(e);
|
|
356
|
+
l.push(
|
|
357
|
+
t ? ` ${c}: ${e};` : ` ${c}: ${e} !important;`
|
|
358
|
+
);
|
|
359
|
+
}
|
|
360
|
+
return l.length === 0 ? "" : `#${o} {
|
|
361
|
+
${l.join(`
|
|
362
|
+
`)}
|
|
344
363
|
}
|
|
345
364
|
`;
|
|
346
365
|
}
|
|
347
|
-
|
|
366
|
+
const O = (r) => {
|
|
367
|
+
const o = r.trim().replace(/\s*!important\s*$/i, "");
|
|
368
|
+
return `${h(o)} !important`;
|
|
369
|
+
};
|
|
370
|
+
function j(r) {
|
|
348
371
|
const o = {};
|
|
349
372
|
if (o["--color-white"] = r.bgColor ?? "#ffffff", o["--color-black"] = "#000000", r.bgColor) {
|
|
350
373
|
o["--color-background"] = r.bgColor, o["--color-body"] = r.bgColor;
|
|
351
|
-
const
|
|
352
|
-
|
|
374
|
+
const c = x(r.bgColor).l < 50;
|
|
375
|
+
c ? (o["--color-mixture-1"] = "#0c0c0c", o["--color-mixture-2"] = "#ffffff", o["--color-white"] = r.bgColor, o["--color-black"] = "#ffffff", o["--color-gray-50"] = "color-mix(in oklab, var(--color-mixture-1) 96.5%, var(--color-mixture-2))", o["--color-gray-100"] = "color-mix(in oklab, var(--color-mixture-1) 94.5%, var(--color-mixture-2))", o["--color-gray-150"] = "color-mix(in oklab, var(--color-mixture-1) 90.5%, var(--color-mixture-2))", o["--color-gray-200"] = "color-mix(in oklab, var(--color-mixture-1) 86.5%, var(--color-mixture-2))", o["--color-gray-250"] = "color-mix(in oklab, var(--color-mixture-1) 82.5%, var(--color-mixture-2))", o["--color-gray-300"] = "color-mix(in oklab, var(--color-mixture-1) 79.5%, var(--color-mixture-2))", o["--color-gray-350"] = "color-mix(in oklab, var(--color-mixture-1) 70%, var(--color-mixture-2))", o["--color-gray-400"] = "color-mix(in oklab, var(--color-mixture-1) 62%, var(--color-mixture-2))", o["--color-gray-500"] = "color-mix(in oklab, var(--color-mixture-1) 49%, var(--color-mixture-2))", o["--color-gray-600"] = "color-mix(in oklab, var(--color-mixture-1) 39%, var(--color-mixture-2))", o["--color-gray-700"] = "color-mix(in oklab, var(--color-mixture-1) 27%, var(--color-mixture-2))", o["--color-gray-800"] = "color-mix(in oklab, var(--color-mixture-1) 17%, var(--color-mixture-2))", o["--color-gray-850"] = "color-mix(in oklab, var(--color-mixture-1) 10%, var(--color-mixture-2))", o["--color-gray-900"] = "color-mix(in oklab, var(--color-mixture-1) 6%, var(--color-mixture-2))", o["--color-gray-950"] = "var(--color-mixture-2)", o["--color-foreground"] = "var(--color-gray-850)", o["--color-border"] = "color-mix(in oklab, var(--color-background) 74%, #ffffff)", o["--color-input"] = "color-mix(in oklab, var(--color-background) 70%, #ffffff)", o["--color-card"] = "color-mix(in oklab, var(--color-background) 94%, #ffffff)", o["--color-card-light"] = "color-mix(in oklab, var(--color-background) 96%, #ffffff)", o["--color-secondary"] = "color-mix(in oklab, var(--color-background) 87.5%, #ffffff)", o["--color-secondary-foreground"] = "var(--color-foreground)", o["--color-muted"] = "color-mix(in oklab, var(--color-background) 92.5%, #ffffff)", o["--color-muted-light"] = "color-mix(in oklab, var(--color-background) 95%, #ffffff)", o["--color-muted-foreground"] = "var(--color-gray-600)", o["--color-accent"] = "color-mix(in oklab, var(--color-background) 90%, #ffffff)", o["--color-accent-foreground"] = "var(--color-foreground)", o["--color-scrollbar"] = "color-mix(in oklab, var(--color-background) 80%, #ffffff)", o["--color-scrollbar-hover"] = "color-mix(in oklab, var(--color-background) 75%, #ffffff)", o["--shadow-sm"] = "none", o["--shadow-DEFAULT"] = "none", o["--shadow-md"] = "none", o["--shadow-lg"] = "none", o["--shadow-xl"] = "none") : (o["--color-mixture-1"] = "#ffffff", o["--color-mixture-2"] = "#000000", o["--color-gray-50"] = "color-mix(in oklab, var(--color-mixture-1) 98%, var(--color-mixture-2))", o["--color-gray-100"] = "color-mix(in oklab, var(--color-mixture-1) 97%, var(--color-mixture-2))", o["--color-gray-150"] = "color-mix(in oklab, var(--color-mixture-1) 96%, var(--color-mixture-2))", o["--color-gray-200"] = "color-mix(in oklab, var(--color-mixture-1) 94%, var(--color-mixture-2))", o["--color-gray-250"] = "color-mix(in oklab, var(--color-mixture-1) 92%, var(--color-mixture-2))", o["--color-gray-300"] = "color-mix(in oklab, var(--color-mixture-1) 86%, var(--color-mixture-2))", o["--color-gray-350"] = "color-mix(in oklab, var(--color-mixture-1) 80%, var(--color-mixture-2))", o["--color-gray-400"] = "color-mix(in oklab, var(--color-mixture-1) 62%, var(--color-mixture-2))", o["--color-gray-500"] = "color-mix(in oklab, var(--color-mixture-1) 49%, var(--color-mixture-2))", o["--color-gray-600"] = "color-mix(in oklab, var(--color-mixture-1) 39%, var(--color-mixture-2))", o["--color-gray-700"] = "color-mix(in oklab, var(--color-mixture-1) 27%, var(--color-mixture-2))", o["--color-gray-800"] = "color-mix(in oklab, var(--color-mixture-1) 17%, var(--color-mixture-2))", o["--color-gray-850"] = "color-mix(in oklab, var(--color-mixture-1) 10%, var(--color-mixture-2))", o["--color-gray-900"] = "color-mix(in oklab, var(--color-mixture-1) 6%, var(--color-mixture-2))", o["--color-gray-950"] = "var(--color-mixture-2)", o["--color-foreground"] = "var(--color-gray-850)", o["--color-border"] = "color-mix(in oklab, var(--color-background) 88%, #000000)", o["--color-input"] = "color-mix(in oklab, var(--color-background) 87%, #000000)", o["--color-card"] = "color-mix(in oklab, var(--color-background) 96%, #000000)", o["--color-card-light"] = "color-mix(in oklab, var(--color-background) 98%, #000000)", o["--color-secondary"] = "color-mix(in oklab, var(--color-background) 94.8%, #000000)", o["--color-secondary-foreground"] = "var(--color-foreground)", o["--color-muted"] = "color-mix(in oklab, var(--color-background) 94%, #000000)", o["--color-muted-light"] = "color-mix(in oklab, var(--color-background) 97%, #000000)", o["--color-muted-foreground"] = "color-mix(in oklab, var(--color-background) 10%, #000000)", o["--color-accent"] = "color-mix(in oklab, var(--color-background) 95%, #000000)", o["--color-accent-foreground"] = "var(--color-foreground)", o["--color-scrollbar"] = "color-mix(in oklab, var(--color-background) 80%, #000000)", o["--color-scrollbar-hover"] = "color-mix(in oklab, var(--color-background) 75%, #000000)", o["--shadow-sm"] = "rgba(95, 97, 100, 0.07) 0px 15px 90px 0px, rgba(0, 0, 0, 0.02) 0.2px 0.2px 1px 0px", o["--shadow-DEFAULT"] = "rgba(55, 59, 74, 0.074) 0px 10px 55px 3px", o["--shadow-md"] = "var(--shadow-DEFAULT)", o["--shadow-lg"] = "rgba(100, 100, 111, 0.15) 0px 7px 40px -1px", o["--shadow-xl"] = "rgba(0, 0, 0, 0.2) 0px 15px 50px -12px"), I(o, c);
|
|
353
376
|
}
|
|
354
377
|
if (r.primaryColor) {
|
|
355
378
|
o["--color-primary"] = r.primaryColor;
|
|
356
|
-
const { l:
|
|
357
|
-
o["--color-primary-foreground"] =
|
|
379
|
+
const { l: c } = x(r.primaryColor), a = c > 50 ? "#171717" : "#fafafa";
|
|
380
|
+
o["--color-primary-foreground"] = a, o["--color-primary-fg"] = a, o["--color-primary-dark"] = `color-mix(in oklab, ${r.primaryColor} 80%, #000000)`, o["--color-primary-light"] = `color-mix(in oklab, ${a} 92%, ${r.primaryColor})`, o["--color-primary-fg-light"] = o["--color-primary-dark"];
|
|
358
381
|
}
|
|
359
382
|
r.footerBgColor && (o["--color-footer"] = r.footerBgColor), o["--spacing"] = "0.25rem", Object.assign(o, L), _(
|
|
360
383
|
o,
|
|
361
|
-
g(r.baseFontSize,
|
|
384
|
+
g(r.baseFontSize, s),
|
|
362
385
|
g(r.headingScale, k)
|
|
363
386
|
), S(o, w(r.borderRadius, y)), A(o, r.maxWidth), o["--tooltip-bg"] = "var(--color-background)", o["--tooltip-text"] = "var(--color-foreground)", o["--tooltip-border"] = "color-mix(in oklab, var(--color-mixture-1) 90%, var(--color-mixture-2))", o["--tooltip-radius"] = "var(--radius)", o["--tooltip-shadow"] = "var(--shadow-DEFAULT)", o["--tooltip-arrow-size"] = "0.5em", o["--tooltip-z-index"] = "50", o["--date-picker-border"] = "var(--color-border)", o["--date-picker-radius"] = "var(--radius)", o["--timer-picker-bg"] = "var(--color-background)", o["--iconPicker-border"] = "var(--color-border)";
|
|
364
387
|
const l = {};
|
|
365
|
-
for (const
|
|
366
|
-
l[
|
|
388
|
+
for (const [c, a] of Object.entries(o))
|
|
389
|
+
l[c] = O(a);
|
|
367
390
|
return l;
|
|
368
391
|
}
|
|
369
392
|
export {
|
|
370
|
-
|
|
393
|
+
s as DEFAULT_BASE_FONT_SIZE,
|
|
371
394
|
y as DEFAULT_BORDER_RADIUS,
|
|
372
395
|
k as DEFAULT_HEADING_SCALE,
|
|
373
|
-
|
|
396
|
+
F as DEFAULT_MAX_WIDTH,
|
|
374
397
|
R as buildCardOverrideStyles,
|
|
375
|
-
U as
|
|
398
|
+
U as buildThemeStyleBlock,
|
|
399
|
+
j as buildThemeVariables
|
|
376
400
|
};
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as p } from "vue3-google-signin";
|
|
2
2
|
import { deepMerge as u } from "./utils/object.js";
|
|
3
|
-
import { camelCase as x, capitalize as i, copyToClipboard as n, debounce as c, delay as C, downloadFile as
|
|
3
|
+
import { camelCase as x, capitalize as i, copyToClipboard as n, debounce as c, delay as C, downloadFile as T, flattenArray as g, formatAmPm as S, formatCurrency as h, formatDate as I, formatNumber as b, formatSchedule as P, getDefaultDateRange as v, getNextMonth as y, getNextYear as D, getPrevMonth as F, getPrevYear as E, getToday as B, getTomorrow as R, getUniqueId as A, getUpcoming as k, getYear as M, getYesterday as N, isAppleDevice as L, isEmpty as w, isPureTimeString as O, isValidTimeRange as G, parseDateTime as _, randomNumber as K, removeExtraProperties as Y, slugify as H, throttle as U, toISO as V, toLocalISO as z, truncate as Q } from "./utils/functions.js";
|
|
4
4
|
import { lazySearch as X, resetSearchIndex as j, search as q } from "./utils/search.util.js";
|
|
5
5
|
import { env as J } from "./utils/env.js";
|
|
6
6
|
import { $t as ee } from "./utils/i18n.js";
|
|
@@ -11,16 +11,16 @@ import { default as ue } from "./components/Form/Form.vue.js";
|
|
|
11
11
|
import { default as xe } from "./components/Form/FormField.vue.js";
|
|
12
12
|
import { default as ne } from "./components/Form/FormFields.vue.js";
|
|
13
13
|
import { default as Ce } from "./components/Form/index.vue.js";
|
|
14
|
-
import { default as
|
|
14
|
+
import { default as ge } from "./components/Form/FormSkeleton.vue.js";
|
|
15
15
|
import { useForm as he } from "./components/Form/composables/useForm.js";
|
|
16
16
|
import { useFileUpload as be } from "./components/Form/composables/useFileUpload.js";
|
|
17
17
|
import { default as ve } from "./components/Tabes/Tabes.vue.js";
|
|
18
18
|
import { default as De } from "./components/Stats/Stats.vue.js";
|
|
19
19
|
/* empty css */
|
|
20
20
|
import { default as Ee } from "./components/Kanban/Kanban.vue.js";
|
|
21
|
-
import { default as
|
|
22
|
-
import { useKanbanBoard as
|
|
23
|
-
import { default as
|
|
21
|
+
import { default as Re } from "./components/Kanban/KanbanBoard.vue.js";
|
|
22
|
+
import { useKanbanBoard as ke } from "./components/Kanban/useKanbanBoard.js";
|
|
23
|
+
import { default as Ne } from "./components/Navbar/Navbar.vue.js";
|
|
24
24
|
import { default as we } from "./components/Navbar/NavbarItem.vue.js";
|
|
25
25
|
import { default as Ge } from "./components/Navbar/NavbarGroup.vue.js";
|
|
26
26
|
import { default as Ke } from "./components/Navbar/NavbarTabs.vue.js";
|
|
@@ -39,12 +39,12 @@ import { default as po } from "./components/Carousel/Carousel.vue.js";
|
|
|
39
39
|
import { default as uo } from "./components/Cart/Cart.vue.js";
|
|
40
40
|
import { default as io } from "./components/Cart/CartLineItem.vue.js";
|
|
41
41
|
import { default as co } from "./components/Cart/CartSummary.vue.js";
|
|
42
|
-
import { default as
|
|
42
|
+
import { default as To } from "./components/Cart/CartCouponInput.vue.js";
|
|
43
43
|
import { default as So } from "./components/Cart/CartEmptyState.vue.js";
|
|
44
44
|
import { useCart as Io } from "./components/Cart/composables/useCart.js";
|
|
45
|
-
import { calculateCartTotals as Po, computeCouponDiscount as vo, computeShipping as yo, computeTax as Do, sumItemCount as Fo, sumLineTotals as Eo, sumSavings as
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
45
|
+
import { calculateCartTotals as Po, computeCouponDiscount as vo, computeShipping as yo, computeTax as Do, sumItemCount as Fo, sumLineTotals as Eo, sumSavings as Bo, useCartCalculation as Ro } from "./components/Cart/composables/useCartCalculation.js";
|
|
46
|
+
import { default as ko } from "./components/Dropdown/Dropdown.vue.js";
|
|
47
|
+
import { default as No } from "./components/Dropdown/DropdownMenu.vue.js";
|
|
48
48
|
import { default as wo } from "./components/Dropdown/DropdownTrigger.vue.js";
|
|
49
49
|
import { default as Go } from "./components/Dropdown/DropdownItem.vue.js";
|
|
50
50
|
import { useDropdownSelection as Ko } from "./components/Dropdown/composables/useDropdownSelection.js";
|
|
@@ -63,15 +63,15 @@ import { default as sr } from "./components/Workbook/Workbook.vue.js";
|
|
|
63
63
|
import { default as dr } from "./components/Workbook/Sheet.vue.js";
|
|
64
64
|
import { default as ir } from "./components/DataList/DataList.vue.js";
|
|
65
65
|
import { default as cr } from "./components/List/List.vue.js";
|
|
66
|
-
import { default as
|
|
66
|
+
import { default as Tr } from "./components/List/ListFieldRow.vue.js";
|
|
67
67
|
import { getObjectValue as Sr } from "./components/List/utils.js";
|
|
68
68
|
import { default as Ir } from "./components/Empty/Empty.vue.js";
|
|
69
69
|
import { default as Pr } from "./components/Comment/CommentItem.vue.js";
|
|
70
70
|
import { default as yr } from "./components/Comment/CommentThread.vue.js";
|
|
71
71
|
import { default as Fr } from "./components/Comment/CommentEditor.vue.js";
|
|
72
|
-
import { default as
|
|
73
|
-
import { default as
|
|
74
|
-
import { default as
|
|
72
|
+
import { default as Br } from "./components/Accordion/Accordion.vue.js";
|
|
73
|
+
import { default as Ar } from "./components/Accordion/AccordionItem.vue.js";
|
|
74
|
+
import { default as Mr } from "./components/Accordion/AccordionTrigger.vue.js";
|
|
75
75
|
import { default as Lr } from "./components/Accordion/AccordionContent.vue.js";
|
|
76
76
|
import { default as Or } from "./components/ChoiceBox/ChoiceBox.vue.js";
|
|
77
77
|
import { default as _r } from "./components/DataTable/DataTable.vue.js";
|
|
@@ -91,15 +91,15 @@ import { default as xt } from "./components/PricingPlan/PricingPlan.vue.js";
|
|
|
91
91
|
import { default as nt } from "./components/PricingPlan/PricingPlanItem.vue.js";
|
|
92
92
|
import { default as Ct } from "./components/SidebarMenu/SidebarMenu.vue.js";
|
|
93
93
|
/* empty css */
|
|
94
|
-
import { default as
|
|
94
|
+
import { default as gt } from "./components/SidebarMenu/SidebarMenuItem.vue.js";
|
|
95
95
|
/* empty css */
|
|
96
96
|
import { default as ht } from "./components/ProgressBar/ProgressBar.vue.js";
|
|
97
97
|
import { default as bt } from "./components/PermissionMatrix/PermissionMatrix.vue.js";
|
|
98
98
|
import { default as vt } from "./components/PermissionMatrix/PermissionEditor.vue.js";
|
|
99
99
|
import { useAdvancedKeyStroke as Dt, useKeyStroke as Ft } from "./composables/useKeyStroke.js";
|
|
100
|
-
import { vScrollReveal as
|
|
101
|
-
import { default as
|
|
102
|
-
import { default as
|
|
100
|
+
import { vScrollReveal as Bt } from "./directives/vScrollReveal.js";
|
|
101
|
+
import { default as At } from "./components/AvatarUploader/AvatarUploader.vue.js";
|
|
102
|
+
import { default as Mt } from "./components/AvatarGroup/AvatarGroup.vue.js";
|
|
103
103
|
import { configure as Lt, pauseTimers as wt, removeToast as Ot, resumeTimers as Gt, showToast as _t, toast as Kt, useNotifications as Yt } from "./composables/useNotifications.js";
|
|
104
104
|
import { default as Ut } from "./components/Timeline/Timeline.vue.js";
|
|
105
105
|
import { default as zt } from "./components/Timeline/TimelineItem.vue.js";
|
|
@@ -115,14 +115,14 @@ import { default as sa } from "./components/CategoryMenu/CategoryMenu.vue.js";
|
|
|
115
115
|
import { default as da } from "./components/ThumbnailSelector/ThumbnailSelector.vue.js";
|
|
116
116
|
import { default as ia } from "./components/TagInput/TagInput.vue.js";
|
|
117
117
|
import { default as ca } from "./components/Calendar/Calendar.vue.js";
|
|
118
|
-
import { default as
|
|
118
|
+
import { default as Ta } from "./components/Calendar/CalendarEventItem.vue.js";
|
|
119
119
|
import { default as Sa } from "./components/Skeleton/Skeleton.vue.js";
|
|
120
120
|
import { normalizeBone as Ia } from "./components/Skeleton/types.js";
|
|
121
121
|
import { snapshotBones as Pa } from "./components/Skeleton/extract.js";
|
|
122
122
|
import { configureSkeleton as ya, getGlobalConfig as Da, registerBones as Fa } from "./components/Skeleton/shared.js";
|
|
123
|
-
import { default as
|
|
124
|
-
import { default as
|
|
125
|
-
import { default as
|
|
123
|
+
import { default as Ba } from "./components/Chart/LineChart.vue.js";
|
|
124
|
+
import { default as Aa } from "./components/Chart/BarChart.vue.js";
|
|
125
|
+
import { default as Ma } from "./components/Chart/PieChart.vue.js";
|
|
126
126
|
import { default as La } from "./components/Chart/CircleChart.vue.js";
|
|
127
127
|
import { default as Oa } from "./components/Chart/GaugeChart.vue.js";
|
|
128
128
|
import { default as _a } from "./components/Chart/SpeedometerChart.vue.js";
|
|
@@ -138,111 +138,111 @@ import { createAsyncSelect as tf } from "./components/AsyncSelect/createAsyncSel
|
|
|
138
138
|
import { default as ff } from "./components/ImageComparison/ImageComparison.vue.js";
|
|
139
139
|
import { default as lf } from "./components/ImageMagnifier.vue.js";
|
|
140
140
|
import { default as sf } from "./components/ThemeProvider/ThemeProvider.vue.js";
|
|
141
|
-
import { buildCardOverrideStyles as df,
|
|
142
|
-
import { default as
|
|
143
|
-
import { THEME_STYLES_KEY as gf, useThemeStyles as
|
|
144
|
-
import { default as
|
|
145
|
-
import { default as
|
|
146
|
-
import { default as
|
|
147
|
-
import { default as
|
|
148
|
-
import { default as
|
|
141
|
+
import { buildCardOverrideStyles as df, buildThemeStyleBlock as xf, buildThemeVariables as nf } from "./components/ThemeProvider/themeVars.js";
|
|
142
|
+
import { default as Cf } from "./components/ScaleGenerator/ScaleGenerator.vue.js";
|
|
143
|
+
import { THEME_STYLES_KEY as gf, useThemeStyles as Sf } from "./composables/useThemeStyles.js";
|
|
144
|
+
import { default as If } from "./components/Icon.vue.js";
|
|
145
|
+
import { default as Pf } from "./components/Logo.vue.js";
|
|
146
|
+
import { default as yf } from "./components/Alert.vue.js";
|
|
147
|
+
import { default as Ff } from "./components/Badge.vue.js";
|
|
148
|
+
import { default as Bf } from "./components/Input.vue.js";
|
|
149
149
|
/* empty css */
|
|
150
150
|
import { default as Af } from "./components/Label.vue.js";
|
|
151
151
|
import { default as Mf } from "./components/Modal.vue.js";
|
|
152
|
-
import { default as
|
|
153
|
-
import { default as
|
|
154
|
-
import { default as
|
|
155
|
-
import { default as
|
|
156
|
-
import { default as
|
|
157
|
-
import { default as
|
|
158
|
-
import { default as
|
|
159
|
-
import { default as
|
|
160
|
-
import { default as
|
|
161
|
-
import { default as
|
|
162
|
-
import { default as
|
|
163
|
-
import { default as
|
|
164
|
-
import { default as
|
|
165
|
-
import { default as
|
|
166
|
-
import { default as
|
|
167
|
-
import { default as
|
|
168
|
-
import { default as
|
|
169
|
-
import { default as
|
|
170
|
-
import { default as
|
|
171
|
-
import { default as
|
|
172
|
-
import { default as
|
|
173
|
-
import { default as
|
|
174
|
-
import { default as
|
|
175
|
-
import { default as
|
|
176
|
-
import { default as
|
|
152
|
+
import { default as Lf } from "./components/Avatar.vue.js";
|
|
153
|
+
import { default as Of } from "./components/Persona.vue.js";
|
|
154
|
+
import { default as _f } from "./components/Button.vue.js";
|
|
155
|
+
import { default as Yf } from "./components/BackButton.vue.js";
|
|
156
|
+
import { default as Uf } from "./components/Clipboard.vue.js";
|
|
157
|
+
import { default as zf } from "./components/Slider.vue.js";
|
|
158
|
+
import { default as Wf } from "./components/Switch.vue.js";
|
|
159
|
+
import { default as jf } from "./components/Tooltip.vue.js";
|
|
160
|
+
import { default as $f } from "./components/CheckBox.vue.js";
|
|
161
|
+
import { default as Zf } from "./components/Textarea.vue.js";
|
|
162
|
+
import { default as om } from "./components/Radio.vue.js";
|
|
163
|
+
import { default as tm } from "./components/RadioGroup.vue.js";
|
|
164
|
+
import { default as fm } from "./components/FadeOverlay/FadeOverlay.vue.js";
|
|
165
|
+
import { default as lm } from "./components/SidePanel.vue.js";
|
|
166
|
+
import { default as sm } from "./components/DatePicker.vue.js";
|
|
167
|
+
import { default as dm } from "./components/IconPicker.vue.js";
|
|
168
|
+
import { default as im } from "./components/ButtonGroup.vue.js";
|
|
169
|
+
import { default as cm } from "./components/NumberInput.vue.js";
|
|
170
|
+
import { default as Tm } from "./components/ThemeToggle.vue.js";
|
|
171
|
+
import { default as Sm } from "./components/GoogleLogin.vue.js";
|
|
172
|
+
import { default as Im } from "./components/ColorPicker/ColorPicker.vue.js";
|
|
173
|
+
import { default as Pm } from "./components/ConfirmationModal.vue.js";
|
|
174
|
+
import { default as ym } from "./components/ToastNotification.vue.js";
|
|
175
|
+
import { default as Fm } from "./components/CommandPalette/CommandPaletteContent.vue.js";
|
|
176
|
+
import { default as Bm } from "./components/NavbarCommandPalette.vue.js";
|
|
177
177
|
import { default as Am } from "./components/DateRangePicker.vue.js";
|
|
178
178
|
import { createVLite as Mm } from "./core/index.js";
|
|
179
|
-
import { default as
|
|
180
|
-
import { STATUS_MAP as
|
|
181
|
-
import { default as
|
|
182
|
-
import { default as
|
|
183
|
-
import { default as
|
|
184
|
-
import { default as
|
|
185
|
-
import { VLITE_CONFIG_KEY as
|
|
186
|
-
import { getStatusColorClass as
|
|
179
|
+
import { default as Lm } from "./components/StatusChip/StatusChip.vue.js";
|
|
180
|
+
import { STATUS_MAP as Om, normalizeStatus as Gm, resolveStatus as _m } from "./components/StatusChip/status-map.js";
|
|
181
|
+
import { default as Ym } from "./components/Price/Price.vue.js";
|
|
182
|
+
import { default as Um } from "./components/DateTime/DateTime.vue.js";
|
|
183
|
+
import { default as zm } from "./components/Clock/Clock.vue.js";
|
|
184
|
+
import { default as Wm } from "./components/Chat/ChatInterface.vue.js";
|
|
185
|
+
import { VLITE_CONFIG_KEY as jm, configState as qm, updateConfig as $m, useVLiteConfig as Jm } from "./core/config.js";
|
|
186
|
+
import { getStatusColorClass as el } from "./utils/status.js";
|
|
187
187
|
export {
|
|
188
188
|
ee as $t,
|
|
189
|
-
|
|
189
|
+
Br as Accordion,
|
|
190
190
|
Lr as AccordionContent,
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
191
|
+
Ar as AccordionItem,
|
|
192
|
+
Mr as AccordionTrigger,
|
|
193
|
+
yf as Alert,
|
|
194
194
|
$a as AppShell,
|
|
195
195
|
$t as AttachmentsList,
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
196
|
+
Lf as Avatar,
|
|
197
|
+
Mt as AvatarGroup,
|
|
198
|
+
At as AvatarUploader,
|
|
199
|
+
Yf as BackButton,
|
|
200
|
+
Ff as Badge,
|
|
201
|
+
Aa as BarChart,
|
|
202
202
|
ao as Barcode,
|
|
203
203
|
Vo as Breadcrumb,
|
|
204
204
|
Qo as BreadcrumbItem,
|
|
205
|
-
|
|
206
|
-
|
|
205
|
+
_f as Button,
|
|
206
|
+
im as ButtonGroup,
|
|
207
207
|
ca as Calendar,
|
|
208
|
-
|
|
208
|
+
Ta as CalendarEventItem,
|
|
209
209
|
po as Carousel,
|
|
210
210
|
uo as Cart,
|
|
211
|
-
|
|
211
|
+
To as CartCouponInput,
|
|
212
212
|
So as CartEmptyState,
|
|
213
213
|
io as CartLineItem,
|
|
214
214
|
co as CartSummary,
|
|
215
215
|
la as CategoryManager,
|
|
216
216
|
sa as CategoryMenu,
|
|
217
|
-
|
|
218
|
-
|
|
217
|
+
Wm as ChatInterface,
|
|
218
|
+
$f as CheckBox,
|
|
219
219
|
pe as Chip,
|
|
220
220
|
Or as ChoiceBox,
|
|
221
221
|
La as CircleChart,
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
222
|
+
Uf as Clipboard,
|
|
223
|
+
zm as Clock,
|
|
224
|
+
Im as ColorPicker,
|
|
225
|
+
Fm as CommandPaletteContent,
|
|
226
226
|
Fr as CommentEditor,
|
|
227
227
|
Pr as CommentItem,
|
|
228
228
|
yr as CommentThread,
|
|
229
|
-
|
|
229
|
+
Pm as ConfirmationModal,
|
|
230
230
|
Ce as CustomFields,
|
|
231
231
|
oa as CustomFieldsDisplay,
|
|
232
232
|
ir as DataList,
|
|
233
233
|
_r as DataTable,
|
|
234
234
|
Yr as DataTableHeader,
|
|
235
235
|
Ur as DataTableRow,
|
|
236
|
-
|
|
236
|
+
sm as DatePicker,
|
|
237
237
|
Am as DateRangePicker,
|
|
238
|
-
|
|
239
|
-
|
|
238
|
+
Um as DateTime,
|
|
239
|
+
ko as Dropdown,
|
|
240
240
|
Go as DropdownItem,
|
|
241
|
-
|
|
241
|
+
No as DropdownMenu,
|
|
242
242
|
wo as DropdownTrigger,
|
|
243
243
|
Ir as Empty,
|
|
244
244
|
at as ExportData,
|
|
245
|
-
|
|
245
|
+
fm as FadeOverlay,
|
|
246
246
|
et as FilePicker,
|
|
247
247
|
jt as FilePreview,
|
|
248
248
|
Xo as FileTree,
|
|
@@ -251,101 +251,102 @@ export {
|
|
|
251
251
|
ue as Form,
|
|
252
252
|
xe as FormField,
|
|
253
253
|
ne as FormFields,
|
|
254
|
-
|
|
254
|
+
ge as FormSkeleton,
|
|
255
255
|
ja as GanttChart,
|
|
256
256
|
Oa as GaugeChart,
|
|
257
|
-
|
|
257
|
+
Sm as GoogleLogin,
|
|
258
258
|
p as GoogleSignInPlugin,
|
|
259
259
|
qe as Heatmap,
|
|
260
|
-
|
|
261
|
-
|
|
260
|
+
If as Icon,
|
|
261
|
+
dm as IconPicker,
|
|
262
262
|
ff as ImageComparison,
|
|
263
263
|
lf as ImageMagnifier,
|
|
264
264
|
mt as ImportData,
|
|
265
|
-
|
|
265
|
+
Bf as Input,
|
|
266
266
|
ta as Invoice,
|
|
267
267
|
fa as InvoiceTotals,
|
|
268
268
|
Ee as Kanban,
|
|
269
|
-
|
|
269
|
+
Re as KanbanBoard,
|
|
270
270
|
Af as Label,
|
|
271
|
-
|
|
271
|
+
Ba as LineChart,
|
|
272
272
|
cr as List,
|
|
273
|
-
|
|
274
|
-
|
|
273
|
+
Tr as ListFieldRow,
|
|
274
|
+
Pf as Logo,
|
|
275
275
|
eo as MASONRY_BREAKPOINTS,
|
|
276
276
|
Je as Masonry,
|
|
277
277
|
Mf as Modal,
|
|
278
278
|
pt as MultiSelect,
|
|
279
|
-
|
|
280
|
-
|
|
279
|
+
Ne as Navbar,
|
|
280
|
+
Bm as NavbarCommandPalette,
|
|
281
281
|
Ge as NavbarGroup,
|
|
282
282
|
we as NavbarItem,
|
|
283
283
|
Ke as NavbarTabs,
|
|
284
|
-
|
|
284
|
+
cm as NumberInput,
|
|
285
285
|
lr as OTPInput,
|
|
286
286
|
rt as Pagination,
|
|
287
287
|
vt as PermissionEditor,
|
|
288
288
|
bt as PermissionMatrix,
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
289
|
+
Of as Persona,
|
|
290
|
+
Ma as PieChart,
|
|
291
|
+
Ym as Price,
|
|
292
292
|
xt as PricingPlan,
|
|
293
293
|
nt as PricingPlanItem,
|
|
294
294
|
ht as ProgressBar,
|
|
295
295
|
He as QRCode,
|
|
296
296
|
ar as RICH_TEXT_TOOL_GROUPS,
|
|
297
|
-
|
|
298
|
-
|
|
297
|
+
om as Radio,
|
|
298
|
+
tm as RadioGroup,
|
|
299
299
|
Za as Rating,
|
|
300
300
|
of as ReviewSummary,
|
|
301
301
|
er as RichTextEditor,
|
|
302
302
|
rr as RichTextReader,
|
|
303
303
|
zr as SCREEN_CONTEXT_KEY,
|
|
304
|
-
|
|
305
|
-
|
|
304
|
+
Om as STATUS_MAP,
|
|
305
|
+
Cf as ScaleGenerator,
|
|
306
306
|
Ve as Screen,
|
|
307
307
|
Qe as ScreenFilter,
|
|
308
308
|
Xe as ScreenQuickFilters,
|
|
309
309
|
Ua as SegmentBarChart,
|
|
310
310
|
dr as Sheet,
|
|
311
|
-
|
|
311
|
+
lm as SidePanel,
|
|
312
312
|
Ct as SidebarMenu,
|
|
313
|
-
|
|
313
|
+
gt as SidebarMenuItem,
|
|
314
314
|
Sa as Skeleton,
|
|
315
|
-
|
|
315
|
+
zf as Slider,
|
|
316
316
|
_a as SpeedometerChart,
|
|
317
317
|
ro as Spinner,
|
|
318
318
|
Wr as Splitter,
|
|
319
319
|
za as StatCardChart,
|
|
320
320
|
De as Stats,
|
|
321
|
-
|
|
322
|
-
|
|
321
|
+
Lm as StatusChip,
|
|
322
|
+
Wf as Switch,
|
|
323
323
|
gf as THEME_STYLES_KEY,
|
|
324
324
|
ve as Tabes,
|
|
325
325
|
ia as TagInput,
|
|
326
|
-
|
|
326
|
+
Zf as Textarea,
|
|
327
327
|
sf as ThemeProvider,
|
|
328
|
-
|
|
328
|
+
Tm as ThemeToggle,
|
|
329
329
|
da as ThumbnailSelector,
|
|
330
330
|
Ut as Timeline,
|
|
331
331
|
Ya as TimelineChart,
|
|
332
332
|
Wt as TimelineIndicator,
|
|
333
333
|
zt as TimelineItem,
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
334
|
+
ym as ToastNotification,
|
|
335
|
+
jf as Tooltip,
|
|
336
|
+
jm as VLITE_CONFIG_KEY,
|
|
337
337
|
Wa as WaffleChart,
|
|
338
338
|
sr as Workbook,
|
|
339
339
|
mo as barcodesConstants,
|
|
340
340
|
df as buildCardOverrideStyles,
|
|
341
|
-
xf as
|
|
341
|
+
xf as buildThemeStyleBlock,
|
|
342
|
+
nf as buildThemeVariables,
|
|
342
343
|
Po as calculateCartTotals,
|
|
343
344
|
x as camelCase,
|
|
344
345
|
i as capitalize,
|
|
345
346
|
vo as computeCouponDiscount,
|
|
346
347
|
yo as computeShipping,
|
|
347
348
|
Do as computeTax,
|
|
348
|
-
|
|
349
|
+
qm as configState,
|
|
349
350
|
Lt as configure,
|
|
350
351
|
ya as configureSkeleton,
|
|
351
352
|
n as copyToClipboard,
|
|
@@ -354,9 +355,9 @@ export {
|
|
|
354
355
|
c as debounce,
|
|
355
356
|
u as deepMerge,
|
|
356
357
|
C as delay,
|
|
357
|
-
|
|
358
|
+
T as downloadFile,
|
|
358
359
|
J as env,
|
|
359
|
-
|
|
360
|
+
g as flattenArray,
|
|
360
361
|
S as formatAmPm,
|
|
361
362
|
h as formatCurrency,
|
|
362
363
|
I as formatDate,
|
|
@@ -371,13 +372,13 @@ export {
|
|
|
371
372
|
Sr as getObjectValue,
|
|
372
373
|
F as getPrevMonth,
|
|
373
374
|
E as getPrevYear,
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
375
|
+
el as getStatusColorClass,
|
|
376
|
+
B as getToday,
|
|
377
|
+
R as getTomorrow,
|
|
378
|
+
A as getUniqueId,
|
|
379
|
+
k as getUpcoming,
|
|
380
|
+
M as getYear,
|
|
381
|
+
N as getYesterday,
|
|
381
382
|
ae as hexToHSL,
|
|
382
383
|
$r as initializeTheme,
|
|
383
384
|
L as isAppleDevice,
|
|
@@ -388,7 +389,7 @@ export {
|
|
|
388
389
|
X as lazySearch,
|
|
389
390
|
me as mixColorHex,
|
|
390
391
|
Ia as normalizeBone,
|
|
391
|
-
|
|
392
|
+
Gm as normalizeStatus,
|
|
392
393
|
_ as parseDateTime,
|
|
393
394
|
wt as pauseTimers,
|
|
394
395
|
K as randomNumber,
|
|
@@ -397,7 +398,7 @@ export {
|
|
|
397
398
|
Ot as removeToast,
|
|
398
399
|
j as resetSearchIndex,
|
|
399
400
|
fr as resolveRichTextTools,
|
|
400
|
-
|
|
401
|
+
_m as resolveStatus,
|
|
401
402
|
Gt as resumeTimers,
|
|
402
403
|
q as search,
|
|
403
404
|
_t as showToast,
|
|
@@ -405,27 +406,27 @@ export {
|
|
|
405
406
|
Pa as snapshotBones,
|
|
406
407
|
Fo as sumItemCount,
|
|
407
408
|
Eo as sumLineTotals,
|
|
408
|
-
|
|
409
|
+
Bo as sumSavings,
|
|
409
410
|
U as throttle,
|
|
410
411
|
V as toISO,
|
|
411
412
|
z as toLocalISO,
|
|
412
413
|
Kt as toast,
|
|
413
414
|
Q as truncate,
|
|
414
|
-
|
|
415
|
+
$m as updateConfig,
|
|
415
416
|
Dt as useAdvancedKeyStroke,
|
|
416
417
|
Io as useCart,
|
|
417
|
-
|
|
418
|
+
Ro as useCartCalculation,
|
|
418
419
|
Ho as useDropdownIds,
|
|
419
420
|
Ko as useDropdownSelection,
|
|
420
421
|
be as useFileUpload,
|
|
421
422
|
he as useForm,
|
|
422
|
-
|
|
423
|
+
ke as useKanbanBoard,
|
|
423
424
|
Ft as useKeyStroke,
|
|
424
425
|
ut as useMultiSelectHydration,
|
|
425
426
|
Yt as useNotifications,
|
|
426
427
|
Jr as useTheme,
|
|
427
|
-
|
|
428
|
+
Sf as useThemeStyles,
|
|
428
429
|
Jo as useTreeSelection,
|
|
429
|
-
|
|
430
|
-
|
|
430
|
+
Jm as useVLiteConfig,
|
|
431
|
+
Bt as vScrollReveal
|
|
431
432
|
};
|