@schwarzdavid/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.19
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/README.md +162 -2
- package/dist/main.d.ts +235 -65
- package/dist/main.js +1376 -851
- package/dist/ui-kit.css +2 -1
- package/dist/validators.d.ts +21 -17
- package/dist/validators.js +52 -80
- package/dist/vuetify/settings.scss +32 -0
- package/dist/vuetify.d.ts +31 -0
- package/dist/vuetify.js +288 -0
- package/package.json +84 -61
- package/dist/favicon.ico +0 -0
package/dist/ui-kit.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
.toast-
|
|
1
|
+
.ui-toast-outlet__announcer{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-toast-outlet{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:560px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.ui-toast-outlet--mobile{width:calc(100% - 16px);bottom:8px}.ui-toast-move,.ui-toast-enter-active,.ui-toast-leave-active{transition:opacity .2s,transform .2s}.ui-toast-enter-from,.ui-toast-leave-to{opacity:0;transform:translateY(8px)}.ui-toast-leave-active{position:absolute}@media (prefers-reduced-motion:reduce){.ui-toast-move,.ui-toast-enter-active,.ui-toast-leave-active{transition-duration:0s}.ui-toast-enter-from,.ui-toast-leave-to{transform:none}}.v-bottom-sheet>.v-bottom-sheet__content.v-overlay__content.ui-sheet-overlay{max-height:100%;box-shadow:none;margin:0}.ui-sheet{--ui-sheet-border:rgba(var(--v-border-color), var(--v-border-opacity));--ui-sheet-motion:.25s cubic-bezier(.2, 0, 0, 1);background:rgb(var(--v-theme-surface));max-height:100dvh;color:rgb(var(--v-theme-ink,var(--v-theme-on-surface)));box-shadow:var(--v-shadow-lg,0 -4px 8px #1d1b1614, 0 -16px 48px #1d1b162e);transition:height var(--ui-sheet-motion), transform var(--ui-sheet-motion), border-radius var(--ui-sheet-motion);border-radius:16px 16px 0 0;flex-direction:column;display:flex;overflow:hidden}.ui-sheet--content{max-height:90dvh}.ui-sheet--fullscreen{border-radius:0;height:100dvh}.ui-sheet--dragging,.ui-sheet--dismissing{-webkit-user-select:none;user-select:none;max-height:none;transition:none}.ui-sheet__layout{flex-direction:column;flex:auto;min-height:0;display:flex}.ui-sheet__handle{width:100%;color:inherit;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;justify-content:center;padding:10px 0 6px;display:flex}.ui-sheet__handle:focus-visible{outline:none}.ui-sheet__handle:focus-visible .ui-sheet__grip{box-shadow:0 0 0 2px rgb(var(--v-theme-primary))}.ui-sheet--dragging .ui-sheet__handle{cursor:grabbing}.ui-sheet__grip{background:rgb(var(--v-theme-ink-3,var(--v-theme-on-surface)));opacity:.4;border-radius:2px;width:32px;height:4px}.ui-sheet__header{touch-action:none;flex:none;align-items:center;gap:12px;min-height:40px;padding:0 16px 0 24px;display:flex}.ui-sheet--fullscreen .ui-sheet__header{border-bottom:1px solid var(--ui-sheet-border);padding-bottom:8px}.ui-sheet__title{overflow-wrap:anywhere;flex:1;margin:0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.ui-sheet__body{overscroll-behavior:contain;flex:auto;min-height:0;padding:16px 24px 8px;font-size:.875rem;line-height:1.25rem;overflow-y:auto}.ui-sheet__preview,.ui-sheet__content{align-content:start;gap:20px;display:grid}.ui-sheet__footer{padding:12px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--ui-sheet-border);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.ui-sheet{transition:none}}.ui-responsive-dialog__slot{display:contents}.ui-dialog{background:rgb(var(--v-theme-surface));max-height:calc(100dvh - 48px);color:rgb(var(--v-theme-ink,var(--v-theme-on-surface)));box-shadow:var(--v-shadow-lg,0 4px 8px #1d1b1614, 0 24px 48px #1d1b162e);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.ui-dialog__layout{flex-direction:column;flex:auto;min-height:0;display:flex}.ui-dialog__header{align-items:flex-start;gap:12px;padding:20px 16px 0 24px;display:flex}.ui-dialog__title{overflow-wrap:anywhere;flex:1;margin:4px 0 0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.ui-dialog__body{flex:auto;align-content:start;gap:20px;min-height:0;padding:16px 24px 8px;font-size:.875rem;line-height:1.25rem;display:grid;overflow-y:auto}.ui-dialog__text{margin:0}.ui-dialog__footer{justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px 20px;display:flex}.ui-dialog__toolbar{display:contents}.ui-toast{background:rgb(var(--v-theme-surface-inverse,var(--v-theme-surface-variant)));min-height:48px;color:rgb(var(--v-theme-on-surface-inverse,var(--v-theme-on-surface-variant)));box-shadow:var(--v-shadow-lg,0 4px 8px #1d1b1614, 0 24px 48px #1d1b162e);pointer-events:auto;border-radius:10px;align-items:center;gap:12px;padding:6px 6px 6px 16px;font-size:.875rem;line-height:1.25rem;display:flex}.ui-toast__icon{flex:none}.ui-toast__message{overflow-wrap:anywhere;flex:1;min-width:0;padding:8px 0}.ui-toast__action{color:rgb(var(--v-theme-inverse-primary,var(--v-theme-primary)));font-weight:600}.ui-toast__close{color:inherit}
|
|
2
|
+
/*$vite$:1*/
|
package/dist/validators.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ComputedRef } from 'vue';
|
|
2
|
-
import { PartialDeep } from 'type-fest';
|
|
3
2
|
import { Primitive } from 'type-fest';
|
|
4
3
|
import { Ref } from 'vue';
|
|
5
4
|
import { TranslationFunction } from '@vuelidate/validators';
|
|
@@ -12,9 +11,9 @@ export declare const alpha: ValidationRuleWithoutParams<any>;
|
|
|
12
11
|
|
|
13
12
|
export declare const alphaNum: ValidationRuleWithoutParams<any>;
|
|
14
13
|
|
|
15
|
-
export declare const between: (min: number | Ref<number>, max: number | Ref<number>) => ValidationRuleWithParams<
|
|
16
|
-
min: number;
|
|
17
|
-
max: number;
|
|
14
|
+
export declare const between: (min: number | Ref<number>, max: number | Ref<number>) => ValidationRuleWithParams<{
|
|
15
|
+
min: number;
|
|
16
|
+
max: number;
|
|
18
17
|
}>;
|
|
19
18
|
|
|
20
19
|
export declare const decimal: ValidationRuleWithoutParams<any>;
|
|
@@ -25,22 +24,22 @@ export declare const integer: ValidationRuleWithoutParams<any>;
|
|
|
25
24
|
|
|
26
25
|
export declare const ipAddress: ValidationRuleWithoutParams<any>;
|
|
27
26
|
|
|
28
|
-
export declare const
|
|
27
|
+
export declare const macAddress: (separator: string | Ref<string>) => ValidationRuleWithoutParams;
|
|
29
28
|
|
|
30
|
-
export declare const maxLength: (max: number | Ref<number>) => ValidationRuleWithParams<
|
|
31
|
-
max: number;
|
|
29
|
+
export declare const maxLength: (max: number | Ref<number>) => ValidationRuleWithParams<{
|
|
30
|
+
max: number;
|
|
32
31
|
}>;
|
|
33
32
|
|
|
34
|
-
export declare const maxValue: (max: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams<
|
|
35
|
-
max: number;
|
|
33
|
+
export declare const maxValue: (max: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams<{
|
|
34
|
+
max: number;
|
|
36
35
|
}>;
|
|
37
36
|
|
|
38
|
-
export declare const minLength: (min: number | Ref<number>) => ValidationRuleWithParams<
|
|
39
|
-
min: number;
|
|
37
|
+
export declare const minLength: (min: number | Ref<number>) => ValidationRuleWithParams<{
|
|
38
|
+
min: number;
|
|
40
39
|
}>;
|
|
41
40
|
|
|
42
|
-
export declare const minValue: (min: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams<
|
|
43
|
-
min: number;
|
|
41
|
+
export declare const minValue: (min: number | Ref<number> | string | Ref<string>) => ValidationRuleWithParams<{
|
|
42
|
+
min: number;
|
|
44
43
|
}>;
|
|
45
44
|
|
|
46
45
|
export declare const numeric: ValidationRuleWithoutParams<any>;
|
|
@@ -53,12 +52,12 @@ export declare const requiredIf: (prop: boolean | Ref<boolean> | string | (() =>
|
|
|
53
52
|
|
|
54
53
|
export declare const requiredUnless: (prop: boolean | Ref<boolean> | string | (() => boolean | Promise<boolean>)) => ValidationRuleWithoutParams;
|
|
55
54
|
|
|
56
|
-
export declare const sameAs: <E = unknown>(equalTo: E | Ref<E>, otherName?: string) => ValidationRuleWithParams<
|
|
57
|
-
equalTo: E;
|
|
58
|
-
otherName: string;
|
|
55
|
+
export declare const sameAs: <E = unknown>(equalTo: E | Ref<E>, otherName?: string) => ValidationRuleWithParams<{
|
|
56
|
+
equalTo: E;
|
|
57
|
+
otherName: string;
|
|
59
58
|
}>;
|
|
60
59
|
|
|
61
|
-
export declare function setGlobalValidationSettings(opt:
|
|
60
|
+
export declare function setGlobalValidationSettings(opt: ValidationSettings): void;
|
|
62
61
|
|
|
63
62
|
export declare const url: ValidationRuleWithoutParams<any>;
|
|
64
63
|
|
|
@@ -75,6 +74,11 @@ export declare interface ValidationOptions {
|
|
|
75
74
|
message: ValidationMessageOptions;
|
|
76
75
|
}
|
|
77
76
|
|
|
77
|
+
export declare interface ValidationSettings {
|
|
78
|
+
t?: typeof TranslationFunction;
|
|
79
|
+
message?: ValidationTranslationFn | Partial<ValidationTranslationTransformOptions>;
|
|
80
|
+
}
|
|
81
|
+
|
|
78
82
|
export declare type ValidationTranslationFn = (validatorName: string) => string;
|
|
79
83
|
|
|
80
84
|
export declare type ValidationTranslationTransform = 'snake_case' | 'camelCase' | 'PascalCase' | 'kebab-case' | 'none';
|
package/dist/validators.js
CHANGED
|
@@ -1,89 +1,61 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
try {
|
|
18
|
-
if (typeof a == "function")
|
|
19
|
-
return a(e.$validator);
|
|
20
|
-
const r = V(e.$validator, a.transform);
|
|
21
|
-
return `${a.prefix}.${r}`;
|
|
22
|
-
} catch (r) {
|
|
23
|
-
return console.log("Error while transforming validator: ", r), "yolo";
|
|
24
|
-
}
|
|
25
|
-
}
|
|
1
|
+
import { computed as e, unref as t } from "vue";
|
|
2
|
+
import { camelCase as n, kebabCase as r, snakeCase as i, upperFirst as a } from "lodash-es";
|
|
3
|
+
import * as o from "@vuelidate/validators";
|
|
4
|
+
import { helpers as s } from "@vuelidate/validators";
|
|
5
|
+
//#region lib/composables/vuelidate/validators.ts
|
|
6
|
+
var c = {
|
|
7
|
+
transform: "none",
|
|
8
|
+
prefix: "validation"
|
|
9
|
+
}, l = null, u = { ...c }, d = o.createI18nMessage({
|
|
10
|
+
t: (...e) => {
|
|
11
|
+
if (!l) throw Error("No translation function provided");
|
|
12
|
+
return l(...e);
|
|
13
|
+
},
|
|
14
|
+
messagePath(e) {
|
|
15
|
+
return typeof u == "function" ? u(e.$validator) : `${u.prefix}.${f(e.$validator, u.transform)}`;
|
|
16
|
+
}
|
|
26
17
|
});
|
|
27
|
-
function
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
case "PascalCase":
|
|
36
|
-
return g(c(e));
|
|
37
|
-
default:
|
|
38
|
-
return e;
|
|
39
|
-
}
|
|
18
|
+
function f(e, t) {
|
|
19
|
+
switch (t) {
|
|
20
|
+
case "camelCase": return n(e);
|
|
21
|
+
case "kebab-case": return r(e);
|
|
22
|
+
case "snake_case": return i(e);
|
|
23
|
+
case "PascalCase": return a(n(e));
|
|
24
|
+
default: return e;
|
|
25
|
+
}
|
|
40
26
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}, (
|
|
45
|
-
|
|
46
|
-
|
|
27
|
+
var p = d(o.required), m = d(o.requiredIf, { withArguments: !0 }), h = d(o.requiredUnless, { withArguments: !0 }), g = d(o.minLength, { withArguments: !0 }), _ = d(o.maxLength, { withArguments: !0 }), v = d(o.minValue, { withArguments: !0 }), y = d(o.maxValue, { withArguments: !0 }), b = d(o.between, { withArguments: !0 }), x = d(o.alpha), S = d(o.alphaNum), C = d(o.numeric), w = d(o.integer), T = d(o.decimal), E = d(o.email), D = d(o.ipAddress), O = d(o.macAddress, { withArguments: !0 }), k = d(o.sameAs, { withArguments: !0 }), A = d(o.url), j = d((e) => s.withParams({
|
|
28
|
+
type: "oneOf",
|
|
29
|
+
values: e
|
|
30
|
+
}, (t) => {
|
|
31
|
+
let n = Array.isArray(e) ? e : Object.values(e);
|
|
32
|
+
return !s.req(t) || n.includes(t);
|
|
47
33
|
}), { withArguments: !0 });
|
|
48
|
-
function
|
|
49
|
-
|
|
34
|
+
function M(e) {
|
|
35
|
+
e.t && (l = e.t);
|
|
36
|
+
let t = e.message;
|
|
37
|
+
u = typeof t == "function" ? t : {
|
|
38
|
+
...c,
|
|
39
|
+
...t
|
|
40
|
+
};
|
|
50
41
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region lib/composables/vuelidate/useVuelidateErrors.ts
|
|
44
|
+
var N = (t) => e(() => P(t.value));
|
|
45
|
+
function P(e) {
|
|
46
|
+
return Object.entries(e).map(([e, t]) => e.startsWith("$") ? [e, null] : F(t) ? [e, R(t)] : I(t) ? [e, P(t)] : (console.warn("Unknown validation type.", e, t), [e, null])).reduce((e, [t, n]) => (n && (e[t] = n), e), {});
|
|
54
47
|
}
|
|
55
|
-
function
|
|
56
|
-
|
|
48
|
+
function F(e) {
|
|
49
|
+
return typeof e != "object" || !e ? !1 : Object.hasOwn(e, "$model") && Object.entries(e).filter(([e]) => !e.startsWith("$")).every(([, e]) => L(e));
|
|
57
50
|
}
|
|
58
|
-
function
|
|
59
|
-
|
|
51
|
+
function I(e) {
|
|
52
|
+
return typeof e != "object" || !e ? !1 : Object.entries(e).filter(([e]) => !e.startsWith("$")).some(([, e]) => !L(e));
|
|
60
53
|
}
|
|
61
|
-
function
|
|
62
|
-
|
|
54
|
+
function L(e) {
|
|
55
|
+
return typeof e == "object" && !!e && Object.hasOwn(e, "$params");
|
|
63
56
|
}
|
|
64
|
-
function
|
|
65
|
-
|
|
57
|
+
function R(e) {
|
|
58
|
+
return e.$errors.map((e) => t(e.$message));
|
|
66
59
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
B as alphaNum,
|
|
70
|
-
U as between,
|
|
71
|
-
S as decimal,
|
|
72
|
-
_ as email,
|
|
73
|
-
M as integer,
|
|
74
|
-
D as ipAddress,
|
|
75
|
-
G as maxAddress,
|
|
76
|
-
N as maxLength,
|
|
77
|
-
T as maxValue,
|
|
78
|
-
L as minLength,
|
|
79
|
-
P as minValue,
|
|
80
|
-
F as numeric,
|
|
81
|
-
z as oneOf,
|
|
82
|
-
E as required,
|
|
83
|
-
C as requiredIf,
|
|
84
|
-
I as requiredUnless,
|
|
85
|
-
R as sameAs,
|
|
86
|
-
H as setGlobalValidationSettings,
|
|
87
|
-
k as url,
|
|
88
|
-
J as useVuelidateErrors
|
|
89
|
-
};
|
|
60
|
+
//#endregion
|
|
61
|
+
export { x as alpha, S as alphaNum, b as between, T as decimal, E as email, w as integer, D as ipAddress, O as macAddress, _ as maxLength, y as maxValue, g as minLength, v as minValue, C as numeric, j as oneOf, p as required, m as requiredIf, h as requiredUnless, k as sameAs, M as setGlobalValidationSettings, A as url, N as useVuelidateErrors };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
@use 'sass:math';
|
|
2
|
+
|
|
3
|
+
$sans: 'Noto Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
|
|
4
|
+
|
|
5
|
+
@forward 'vuetify/settings' with (
|
|
6
|
+
$border-radius-root: 6px,
|
|
7
|
+
$alert-title-font-size: 0.875rem,
|
|
8
|
+
$alert-title-font-weight: 600,
|
|
9
|
+
$alert-title-line-height: 1.25rem,
|
|
10
|
+
$alert-title-letter-spacing: normal,
|
|
11
|
+
$switch-track-opacity: 1,
|
|
12
|
+
$skeleton-loader-text-background: color-mix(in srgb, rgb(var(--v-theme-on-surface)) 12%, transparent),
|
|
13
|
+
$rounded: (
|
|
14
|
+
'sm': 4px,
|
|
15
|
+
'md': 6px,
|
|
16
|
+
'lg': 10px,
|
|
17
|
+
'pill': 9999px,
|
|
18
|
+
),
|
|
19
|
+
$typography: (
|
|
20
|
+
'display-small': ('size': 1.75rem, 'weight': 600, 'line-height': math.div(36, 28), 'letter-spacing': -0.01em, 'font-family': $sans),
|
|
21
|
+
'headline-small': ('size': 1.5rem, 'weight': 600, 'line-height': math.div(32, 24), 'letter-spacing': -0.01em, 'font-family': $sans),
|
|
22
|
+
'title-large': ('size': 1.25rem, 'weight': 600, 'line-height': math.div(28, 20), 'letter-spacing': normal, 'font-family': $sans),
|
|
23
|
+
'title-medium': ('size': 1rem, 'weight': 600, 'line-height': 1.5, 'letter-spacing': normal, 'font-family': $sans),
|
|
24
|
+
'title-small': ('size': 0.875rem, 'weight': 600, 'line-height': math.div(20, 14), 'letter-spacing': normal, 'font-family': $sans),
|
|
25
|
+
'body-large': ('size': 1rem, 'weight': 400, 'line-height': 1.5, 'letter-spacing': normal, 'font-family': $sans),
|
|
26
|
+
'body-medium': ('size': 0.875rem, 'weight': 400, 'line-height': math.div(20, 14), 'letter-spacing': normal, 'font-family': $sans),
|
|
27
|
+
'body-small': ('size': 0.75rem, 'weight': 400, 'line-height': math.div(16, 12), 'letter-spacing': normal, 'font-family': $sans),
|
|
28
|
+
'label-large': ('size': 0.875rem, 'weight': 500, 'line-height': math.div(20, 14), 'letter-spacing': normal, 'font-family': $sans),
|
|
29
|
+
'label-medium': ('size': 0.75rem, 'weight': 500, 'line-height': math.div(16, 12), 'letter-spacing': normal, 'font-family': $sans),
|
|
30
|
+
'label-small': ('size': 0.6875rem, 'weight': 600, 'line-height': math.div(16, 11), 'letter-spacing': 0.04em, 'font-family': $sans),
|
|
31
|
+
)
|
|
32
|
+
);
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { DefaultsInstance } from 'vuetify';
|
|
2
|
+
import { IconOptions } from 'vuetify';
|
|
3
|
+
import { ThemeDefinition } from 'vuetify';
|
|
4
|
+
import { VuetifyOptions } from 'vuetify';
|
|
5
|
+
|
|
6
|
+
export declare function createVuetifyOptions(overrides?: VuetifyOptions): VuetifyOptions;
|
|
7
|
+
|
|
8
|
+
export declare const darkTheme: ThemeDefinition;
|
|
9
|
+
|
|
10
|
+
export declare const defaults: NonNullable<DefaultsInstance>;
|
|
11
|
+
|
|
12
|
+
export declare const icons: IconOptions;
|
|
13
|
+
|
|
14
|
+
export declare const lightTheme: ThemeDefinition;
|
|
15
|
+
|
|
16
|
+
export declare const themeVariables: {
|
|
17
|
+
'border-opacity': number;
|
|
18
|
+
'high-emphasis-opacity': number;
|
|
19
|
+
'medium-emphasis-opacity': number;
|
|
20
|
+
'disabled-opacity': number;
|
|
21
|
+
'hover-opacity': number;
|
|
22
|
+
'focus-opacity': number;
|
|
23
|
+
'pressed-opacity': number;
|
|
24
|
+
'selected-opacity': number;
|
|
25
|
+
'activated-opacity': number;
|
|
26
|
+
'dragged-opacity': number;
|
|
27
|
+
'font-body': string;
|
|
28
|
+
'font-heading': string;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export { }
|
package/dist/vuetify.js
ADDED
|
@@ -0,0 +1,288 @@
|
|
|
1
|
+
import { cloneDeep as e, merge as t } from "lodash-es";
|
|
2
|
+
import { aliases as n, mdi as r } from "vuetify/iconsets/mdi-svg";
|
|
3
|
+
//#region lib/vuetify/variables.ts
|
|
4
|
+
var i = "\"Noto Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif", a = {
|
|
5
|
+
"border-opacity": 1,
|
|
6
|
+
"high-emphasis-opacity": 1,
|
|
7
|
+
"medium-emphasis-opacity": .72,
|
|
8
|
+
"disabled-opacity": .38,
|
|
9
|
+
"hover-opacity": .06,
|
|
10
|
+
"focus-opacity": .1,
|
|
11
|
+
"pressed-opacity": .14,
|
|
12
|
+
"selected-opacity": .1,
|
|
13
|
+
"activated-opacity": .12,
|
|
14
|
+
"dragged-opacity": .08,
|
|
15
|
+
"font-body": i,
|
|
16
|
+
"font-heading": i
|
|
17
|
+
}, o = {
|
|
18
|
+
dark: !1,
|
|
19
|
+
colors: {
|
|
20
|
+
primary: "#ffcf00",
|
|
21
|
+
"primary-hover": "#f2c300",
|
|
22
|
+
"primary-pressed": "#e3b600",
|
|
23
|
+
"on-primary": "#1d1b16",
|
|
24
|
+
"primary-container": "#fff2b8",
|
|
25
|
+
"on-primary-container": "#5a4500",
|
|
26
|
+
secondary: "#1d1b16",
|
|
27
|
+
"on-secondary": "#ffffff",
|
|
28
|
+
background: "#f6f5f1",
|
|
29
|
+
"on-background": "#1d1b16",
|
|
30
|
+
surface: "#ffffff",
|
|
31
|
+
"on-surface": "#1d1b16",
|
|
32
|
+
"surface-bright": "#ffffff",
|
|
33
|
+
"surface-light": "#efede7",
|
|
34
|
+
"surface-variant": "#2b2924",
|
|
35
|
+
"on-surface-variant": "#f4f2ec",
|
|
36
|
+
"surface-hover": "#f4f2ed",
|
|
37
|
+
"surface-sunken": "#efede7",
|
|
38
|
+
"surface-overlay": "#ffffff",
|
|
39
|
+
"surface-inverse": "#2b2924",
|
|
40
|
+
"on-surface-inverse": "#f4f2ec",
|
|
41
|
+
"inverse-primary": "#ffcf00",
|
|
42
|
+
scrim: "#121110",
|
|
43
|
+
ink: "#1d1b16",
|
|
44
|
+
"ink-muted": "#5c584f",
|
|
45
|
+
"ink-disabled": "#a29d92",
|
|
46
|
+
border: "#e5e2da",
|
|
47
|
+
"border-strong": "#8a8478",
|
|
48
|
+
"disabled-surface": "#eeece6",
|
|
49
|
+
focus: "#2457c5",
|
|
50
|
+
success: "#1b7a3f",
|
|
51
|
+
"on-success": "#ffffff",
|
|
52
|
+
"success-container": "#e4efe8",
|
|
53
|
+
warning: "#a94b0b",
|
|
54
|
+
"on-warning": "#ffffff",
|
|
55
|
+
"warning-container": "#f5e9e2",
|
|
56
|
+
error: "#c0282e",
|
|
57
|
+
"on-error": "#ffffff",
|
|
58
|
+
"error-container": "#f7e5e6",
|
|
59
|
+
info: "#2457c5",
|
|
60
|
+
"on-info": "#ffffff",
|
|
61
|
+
"info-container": "#e5ebf8"
|
|
62
|
+
},
|
|
63
|
+
variables: {
|
|
64
|
+
...a,
|
|
65
|
+
"border-color": "#e5e2da",
|
|
66
|
+
"theme-code": "#efede7",
|
|
67
|
+
"theme-on-code": "#1d1b16",
|
|
68
|
+
"theme-kbd": "#efede7",
|
|
69
|
+
"theme-on-kbd": "#1d1b16",
|
|
70
|
+
"shadow-color": "#1d1b16",
|
|
71
|
+
"shadow-key-opacity": .1,
|
|
72
|
+
"shadow-ambient-opacity": .1,
|
|
73
|
+
"shadow-sm": "0 1px 2px rgba(29, 27, 22, 0.06)",
|
|
74
|
+
"shadow-md": "0 2px 4px rgba(29, 27, 22, 0.06), 0 8px 24px rgba(29, 27, 22, 0.12)",
|
|
75
|
+
"shadow-lg": "0 4px 8px rgba(29, 27, 22, 0.08), 0 24px 48px rgba(29, 27, 22, 0.18)"
|
|
76
|
+
}
|
|
77
|
+
}, s = {
|
|
78
|
+
dark: !0,
|
|
79
|
+
colors: {
|
|
80
|
+
primary: "#ffcf00",
|
|
81
|
+
"primary-hover": "#ffd942",
|
|
82
|
+
"primary-pressed": "#ffe170",
|
|
83
|
+
"on-primary": "#1d1b16",
|
|
84
|
+
"primary-container": "#3a3112",
|
|
85
|
+
"on-primary-container": "#ffdf73",
|
|
86
|
+
secondary: "#f1efe8",
|
|
87
|
+
"on-secondary": "#1d1b16",
|
|
88
|
+
background: "#121110",
|
|
89
|
+
"on-background": "#f1efe8",
|
|
90
|
+
surface: "#1b1a17",
|
|
91
|
+
"on-surface": "#f1efe8",
|
|
92
|
+
"surface-bright": "#262420",
|
|
93
|
+
"surface-light": "#262420",
|
|
94
|
+
"surface-variant": "#ebe8e1",
|
|
95
|
+
"on-surface-variant": "#1d1b16",
|
|
96
|
+
"surface-hover": "#24221f",
|
|
97
|
+
"surface-sunken": "#262420",
|
|
98
|
+
"surface-overlay": "#262420",
|
|
99
|
+
"surface-inverse": "#ebe8e1",
|
|
100
|
+
"on-surface-inverse": "#1d1b16",
|
|
101
|
+
"inverse-primary": "#5a4500",
|
|
102
|
+
scrim: "#000000",
|
|
103
|
+
ink: "#f1efe8",
|
|
104
|
+
"ink-muted": "#aca79c",
|
|
105
|
+
"ink-disabled": "#5f5b53",
|
|
106
|
+
border: "#34322d",
|
|
107
|
+
"border-strong": "#7f796e",
|
|
108
|
+
"disabled-surface": "#2a2925",
|
|
109
|
+
focus: "#8db0ff",
|
|
110
|
+
success: "#62cd88",
|
|
111
|
+
"on-success": "#0f1a12",
|
|
112
|
+
"success-container": "#242f25",
|
|
113
|
+
warning: "#ffa45e",
|
|
114
|
+
"on-warning": "#1d1b16",
|
|
115
|
+
"warning-container": "#362b20",
|
|
116
|
+
error: "#ff8a85",
|
|
117
|
+
"on-error": "#1d1b16",
|
|
118
|
+
"error-container": "#362724",
|
|
119
|
+
info: "#8db0ff",
|
|
120
|
+
"on-info": "#10141f",
|
|
121
|
+
"info-container": "#292c33"
|
|
122
|
+
},
|
|
123
|
+
variables: {
|
|
124
|
+
...a,
|
|
125
|
+
"border-color": "#34322d",
|
|
126
|
+
"theme-code": "#262420",
|
|
127
|
+
"theme-on-code": "#f1efe8",
|
|
128
|
+
"theme-kbd": "#262420",
|
|
129
|
+
"theme-on-kbd": "#f1efe8",
|
|
130
|
+
"shadow-color": "#000000",
|
|
131
|
+
"shadow-key-opacity": .5,
|
|
132
|
+
"shadow-ambient-opacity": .4,
|
|
133
|
+
"shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.5)",
|
|
134
|
+
"shadow-md": "0 2px 4px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.5)",
|
|
135
|
+
"shadow-lg": "0 4px 8px rgba(0, 0, 0, 0.5), 0 24px 48px rgba(0, 0, 0, 0.6)"
|
|
136
|
+
}
|
|
137
|
+
}, c = {
|
|
138
|
+
variant: "outlined",
|
|
139
|
+
density: "comfortable",
|
|
140
|
+
color: "focus",
|
|
141
|
+
baseColor: "ink",
|
|
142
|
+
hideDetails: "auto"
|
|
143
|
+
}, l = {
|
|
144
|
+
global: { ripple: !1 },
|
|
145
|
+
VBtn: {
|
|
146
|
+
variant: "outlined",
|
|
147
|
+
color: "ink",
|
|
148
|
+
rounded: "md"
|
|
149
|
+
},
|
|
150
|
+
VBtnGroup: {
|
|
151
|
+
variant: "text",
|
|
152
|
+
color: "ink",
|
|
153
|
+
border: "thin border-strong",
|
|
154
|
+
divided: !0,
|
|
155
|
+
rounded: "md"
|
|
156
|
+
},
|
|
157
|
+
VTextField: c,
|
|
158
|
+
VTextarea: c,
|
|
159
|
+
VSelect: {
|
|
160
|
+
...c,
|
|
161
|
+
itemColor: "ink",
|
|
162
|
+
menuProps: { offset: 4 }
|
|
163
|
+
},
|
|
164
|
+
VAutocomplete: {
|
|
165
|
+
...c,
|
|
166
|
+
itemColor: "ink"
|
|
167
|
+
},
|
|
168
|
+
VCombobox: {
|
|
169
|
+
...c,
|
|
170
|
+
itemColor: "ink"
|
|
171
|
+
},
|
|
172
|
+
VNumberInput: {
|
|
173
|
+
...c,
|
|
174
|
+
controlVariant: "stacked"
|
|
175
|
+
},
|
|
176
|
+
VCheckbox: {
|
|
177
|
+
color: "ink",
|
|
178
|
+
density: "compact",
|
|
179
|
+
hideDetails: "auto"
|
|
180
|
+
},
|
|
181
|
+
VSwitch: {
|
|
182
|
+
color: "ink",
|
|
183
|
+
baseColor: "border-strong",
|
|
184
|
+
inset: !0,
|
|
185
|
+
density: "compact",
|
|
186
|
+
hideDetails: "auto"
|
|
187
|
+
},
|
|
188
|
+
VCard: {
|
|
189
|
+
variant: "flat",
|
|
190
|
+
rounded: "lg",
|
|
191
|
+
border: !0
|
|
192
|
+
},
|
|
193
|
+
VChip: {
|
|
194
|
+
size: "small",
|
|
195
|
+
density: "comfortable"
|
|
196
|
+
},
|
|
197
|
+
VAlert: {
|
|
198
|
+
variant: "tonal",
|
|
199
|
+
density: "compact",
|
|
200
|
+
rounded: "md"
|
|
201
|
+
},
|
|
202
|
+
VDialog: {
|
|
203
|
+
scrim: "scrim",
|
|
204
|
+
opacity: .48,
|
|
205
|
+
scrollable: !0,
|
|
206
|
+
retainFocus: !0
|
|
207
|
+
},
|
|
208
|
+
VMenu: { offset: 4 },
|
|
209
|
+
VDivider: { color: "border" },
|
|
210
|
+
VList: {
|
|
211
|
+
density: "comfortable",
|
|
212
|
+
color: "ink",
|
|
213
|
+
activeClass: "bg-primary-container"
|
|
214
|
+
},
|
|
215
|
+
VListItem: {
|
|
216
|
+
color: "ink",
|
|
217
|
+
activeClass: "bg-primary-container"
|
|
218
|
+
},
|
|
219
|
+
VExpansionPanels: {
|
|
220
|
+
flat: !0,
|
|
221
|
+
rounded: "lg",
|
|
222
|
+
class: "border"
|
|
223
|
+
},
|
|
224
|
+
VProgressLinear: {
|
|
225
|
+
bgOpacity: .12,
|
|
226
|
+
bufferOpacity: .12
|
|
227
|
+
},
|
|
228
|
+
VDataTable: {
|
|
229
|
+
density: "comfortable",
|
|
230
|
+
hover: !0
|
|
231
|
+
},
|
|
232
|
+
VDataTableServer: {
|
|
233
|
+
density: "comfortable",
|
|
234
|
+
hover: !0,
|
|
235
|
+
itemsPerPage: 25
|
|
236
|
+
},
|
|
237
|
+
VSnackbar: {
|
|
238
|
+
color: "surface-inverse",
|
|
239
|
+
location: "bottom",
|
|
240
|
+
timeout: 4e3,
|
|
241
|
+
rounded: "lg"
|
|
242
|
+
},
|
|
243
|
+
VTooltip: {
|
|
244
|
+
location: "top",
|
|
245
|
+
openDelay: 300
|
|
246
|
+
},
|
|
247
|
+
VBtnToggle: {
|
|
248
|
+
variant: "text",
|
|
249
|
+
color: "ink"
|
|
250
|
+
},
|
|
251
|
+
VNavigationDrawer: {
|
|
252
|
+
border: "e",
|
|
253
|
+
elevation: 0
|
|
254
|
+
}
|
|
255
|
+
}, u = {
|
|
256
|
+
defaultSet: "mdi",
|
|
257
|
+
aliases: n,
|
|
258
|
+
sets: { mdi: r }
|
|
259
|
+
};
|
|
260
|
+
//#endregion
|
|
261
|
+
//#region lib/vuetify/createVuetifyOptions.ts
|
|
262
|
+
function d(n = {}) {
|
|
263
|
+
let { icons: r, ...i } = n, a = {
|
|
264
|
+
theme: {
|
|
265
|
+
defaultTheme: "system",
|
|
266
|
+
themes: {
|
|
267
|
+
light: e(o),
|
|
268
|
+
dark: e(s)
|
|
269
|
+
}
|
|
270
|
+
},
|
|
271
|
+
defaults: e(l),
|
|
272
|
+
display: { mobileBreakpoint: "sm" }
|
|
273
|
+
}, c = t(a, i);
|
|
274
|
+
return c.icons = {
|
|
275
|
+
...r,
|
|
276
|
+
defaultSet: r?.defaultSet ?? u.defaultSet,
|
|
277
|
+
aliases: {
|
|
278
|
+
...u.aliases,
|
|
279
|
+
...r?.aliases
|
|
280
|
+
},
|
|
281
|
+
sets: {
|
|
282
|
+
...u.sets,
|
|
283
|
+
...r?.sets
|
|
284
|
+
}
|
|
285
|
+
}, c;
|
|
286
|
+
}
|
|
287
|
+
//#endregion
|
|
288
|
+
export { d as createVuetifyOptions, s as darkTheme, l as defaults, u as icons, o as lightTheme, a as themeVariables };
|