vlite3 0.2.15 → 0.2.17
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/components/Button.vue.js +36 -26
- package/components/ButtonGroup.vue.js +2 -2
- package/components/ButtonGroup.vue2.js +9 -10
- package/components/Carousel/Carousel.vue.d.ts +2 -2
- package/components/Form/FormField.vue.d.ts +1 -1
- package/components/Input.vue.d.ts +2 -2
- package/components/NumberInput.vue.d.ts +2 -2
- package/components/Textarea.vue.d.ts +2 -2
- package/directives/vRipple.d.ts +8 -0
- package/directives/vRipple.js +16 -0
- package/package.json +1 -1
- package/style.css +19 -1
package/components/Button.vue.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as y, useSlots as z, computed as i, inject as k, withDirectives as B, openBlock as r, createElementBlock as C, normalizeClass as s, createBlock as u, createCommentVNode as g, renderSlot as S, createTextVNode as G, toDisplayString as I, unref as R } from "vue";
|
|
2
2
|
import d from "./Icon.vue.js";
|
|
3
|
-
|
|
3
|
+
import { vRipple as j } from "../directives/vRipple.js";
|
|
4
|
+
const V = ["type", "disabled"], E = /* @__PURE__ */ y({
|
|
4
5
|
__name: "Button",
|
|
5
6
|
props: {
|
|
6
7
|
variant: { default: "primary" },
|
|
@@ -15,8 +16,8 @@ const k = ["type", "disabled"], S = /* @__PURE__ */ v({
|
|
|
15
16
|
rounded: { default: "md" }
|
|
16
17
|
},
|
|
17
18
|
setup(e) {
|
|
18
|
-
const n = e,
|
|
19
|
-
const t = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background
|
|
19
|
+
const n = e, h = z(), l = i(() => n.icon && !n.text && !h.default), f = k("buttonGroup", null), m = i(() => !!f?.isInGroup), b = i(() => {
|
|
20
|
+
const t = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", o = {
|
|
20
21
|
primary: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
21
22
|
"primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
|
|
22
23
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
@@ -36,19 +37,25 @@ const k = ["type", "disabled"], S = /* @__PURE__ */ v({
|
|
|
36
37
|
"outline-success": "border border-success text-success hover:bg-success/10",
|
|
37
38
|
ghost: "hover:bg-accent hover:text-accent-foreground text-foreground",
|
|
38
39
|
link: "text-primary underline-offset-4 hover:underline"
|
|
39
|
-
},
|
|
40
|
+
}, x = {
|
|
40
41
|
xs: "h-6.5 px-2",
|
|
41
42
|
sm: "h-7.5 px-3",
|
|
42
43
|
md: "h-9 px-4 py-2",
|
|
43
44
|
lg: "h-10 px-6",
|
|
44
45
|
xl: "h-12 px-10"
|
|
45
|
-
},
|
|
46
|
+
}, v = {
|
|
46
47
|
xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
|
|
47
48
|
sm: "h-7 w-7 min-h-7 min-w-7",
|
|
48
49
|
md: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
|
|
49
50
|
lg: "h-8 w-8 min-h-8 min-w-8",
|
|
50
51
|
xl: "h-8.5 w-8.5 min-h-8.5 min-w-8.5"
|
|
51
|
-
},
|
|
52
|
+
}, p = {
|
|
53
|
+
xs: "px-2",
|
|
54
|
+
sm: "px-3",
|
|
55
|
+
md: "px-4",
|
|
56
|
+
lg: "px-6",
|
|
57
|
+
xl: "px-10"
|
|
58
|
+
}, w = {
|
|
52
59
|
none: "rounded-none",
|
|
53
60
|
sm: "rounded-sm",
|
|
54
61
|
md: "rounded",
|
|
@@ -57,54 +64,57 @@ const k = ["type", "disabled"], S = /* @__PURE__ */ v({
|
|
|
57
64
|
"2xl": "rounded-2xl",
|
|
58
65
|
full: "rounded-full"
|
|
59
66
|
};
|
|
60
|
-
|
|
67
|
+
let a;
|
|
68
|
+
return l.value ? a = m.value ? p[n.size] : v[n.size] : a = x[n.size], [
|
|
61
69
|
t,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
70
|
+
o[n.variant],
|
|
71
|
+
w[n.rounded],
|
|
72
|
+
a,
|
|
65
73
|
n.class
|
|
66
74
|
].join(" ");
|
|
67
|
-
}),
|
|
75
|
+
}), c = i(() => {
|
|
68
76
|
const t = {
|
|
69
77
|
xs: "w-3 h-3",
|
|
70
78
|
sm: "w-4 h-4",
|
|
71
79
|
md: "w-4 h-4",
|
|
72
80
|
lg: "w-4 h-4",
|
|
73
81
|
xl: "w-4 h-4"
|
|
74
|
-
},
|
|
82
|
+
}, o = {
|
|
75
83
|
xs: "w-3 h-3",
|
|
76
84
|
sm: "w-3.5 h-3.5",
|
|
77
85
|
md: "w-3.5 h-3.5",
|
|
78
86
|
lg: "w-4 h-4",
|
|
79
87
|
xl: "w-4 h-4"
|
|
80
88
|
};
|
|
81
|
-
return
|
|
89
|
+
return l.value ? o[n.size] : t[n.size];
|
|
82
90
|
});
|
|
83
|
-
return (t,
|
|
91
|
+
return (t, o) => B((r(), C("button", {
|
|
84
92
|
type: e.type,
|
|
85
|
-
class:
|
|
93
|
+
class: s(b.value),
|
|
86
94
|
disabled: e.disabled || e.loading
|
|
87
95
|
}, [
|
|
88
|
-
e.loading ? (
|
|
96
|
+
e.loading ? (r(), u(d, {
|
|
89
97
|
key: 0,
|
|
90
98
|
icon: "lucide:loader-2",
|
|
91
|
-
class:
|
|
92
|
-
}, null, 8, ["class"])) : e.icon ? (
|
|
99
|
+
class: s(["animate-spin pointer-events-none", c.value])
|
|
100
|
+
}, null, 8, ["class"])) : e.icon ? (r(), u(d, {
|
|
93
101
|
key: 1,
|
|
94
102
|
icon: e.icon,
|
|
95
|
-
class:
|
|
103
|
+
class: s(["pointer-events-none", [c.value, l.value ? "mx-auto" : ""]])
|
|
96
104
|
}, null, 8, ["icon", "class"])) : g("", !0),
|
|
97
|
-
|
|
98
|
-
|
|
105
|
+
S(t.$slots, "default", {}, () => [
|
|
106
|
+
G(I(e.text), 1)
|
|
99
107
|
]),
|
|
100
|
-
e.iconRight && !e.loading ? (
|
|
108
|
+
e.iconRight && !e.loading ? (r(), u(d, {
|
|
101
109
|
key: 2,
|
|
102
110
|
icon: e.iconRight,
|
|
103
|
-
class:
|
|
111
|
+
class: s([c.value, "h-4 w-4 pointer-events-none"])
|
|
104
112
|
}, null, 8, ["icon", "class"])) : g("", !0)
|
|
105
|
-
], 10,
|
|
113
|
+
], 10, V)), [
|
|
114
|
+
[R(j)]
|
|
115
|
+
]);
|
|
106
116
|
}
|
|
107
117
|
});
|
|
108
118
|
export {
|
|
109
|
-
|
|
119
|
+
E as default
|
|
110
120
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ButtonGroup.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ba735fac"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
f as default
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as r, computed as l, provide as n, openBlock as u, createElementBlock as c, normalizeClass as i, renderSlot as s } from "vue";
|
|
2
|
+
const f = /* @__PURE__ */ r({
|
|
3
3
|
__name: "ButtonGroup",
|
|
4
4
|
props: {
|
|
5
5
|
variant: {},
|
|
@@ -9,22 +9,21 @@ const p = /* @__PURE__ */ l({
|
|
|
9
9
|
class: { default: "" }
|
|
10
10
|
},
|
|
11
11
|
setup(e) {
|
|
12
|
-
const t = e,
|
|
13
|
-
return (
|
|
12
|
+
const t = e, o = l(() => t.direction === "vertical");
|
|
13
|
+
return n("buttonGroup", { isInGroup: !0 }), (a, d) => (u(), c("div", {
|
|
14
14
|
role: "group",
|
|
15
15
|
class: i([
|
|
16
|
-
"inline-flex",
|
|
17
|
-
|
|
16
|
+
"inline-flex button-group",
|
|
17
|
+
o.value ? "flex-col" : "flex-row",
|
|
18
18
|
t.class,
|
|
19
19
|
e.attached ? "attached-group" : "gap-2",
|
|
20
|
-
|
|
21
|
-
e.attached && a.value ? "vertical-group" : ""
|
|
20
|
+
e.attached && o.value ? "vertical-group" : ""
|
|
22
21
|
])
|
|
23
22
|
}, [
|
|
24
|
-
s(
|
|
23
|
+
s(a.$slots, "default", {}, void 0, !0)
|
|
25
24
|
], 2));
|
|
26
25
|
}
|
|
27
26
|
});
|
|
28
27
|
export {
|
|
29
|
-
|
|
28
|
+
f as default
|
|
30
29
|
};
|
|
@@ -352,7 +352,7 @@ declare function __VLS_template(): {
|
|
|
352
352
|
};
|
|
353
353
|
}>> & Readonly<{
|
|
354
354
|
"onSlide-change"?: ((index: number) => any) | undefined;
|
|
355
|
-
}>, "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"
|
|
355
|
+
}>, "focus" | "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
|
|
356
356
|
goToSlide: (index: number, smooth?: boolean) => void;
|
|
357
357
|
goNext: (smooth?: boolean) => void;
|
|
358
358
|
goPrev: (smooth?: boolean) => void;
|
|
@@ -778,7 +778,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
778
778
|
};
|
|
779
779
|
}>> & Readonly<{
|
|
780
780
|
"onSlide-change"?: ((index: number) => any) | undefined;
|
|
781
|
-
}>, "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"
|
|
781
|
+
}>, "focus" | "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
|
|
782
782
|
goToSlide: (index: number, smooth?: boolean) => void;
|
|
783
783
|
goNext: (smooth?: boolean) => void;
|
|
784
784
|
goPrev: (smooth?: boolean) => void;
|
|
@@ -24,8 +24,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
|
|
|
24
24
|
disabled: boolean;
|
|
25
25
|
size: InputSize;
|
|
26
26
|
variant: InputVariant;
|
|
27
|
-
rounded: InputRounded;
|
|
28
27
|
error: string;
|
|
28
|
+
rounded: InputRounded;
|
|
29
29
|
readonly: boolean;
|
|
30
30
|
isUpdate: boolean;
|
|
31
31
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -14,15 +14,15 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
|
14
14
|
declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
15
15
|
"update:modelValue": (value: string | number) => any;
|
|
16
16
|
change: (value: string | number) => any;
|
|
17
|
-
focus: (event: FocusEvent) => any;
|
|
18
17
|
blur: (event: FocusEvent) => any;
|
|
18
|
+
focus: (event: FocusEvent) => any;
|
|
19
19
|
"click:icon": (event: MouseEvent) => any;
|
|
20
20
|
"click:icon-right": (event: MouseEvent) => any;
|
|
21
21
|
}, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
|
|
22
22
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
23
23
|
onChange?: (value: string | number) => any;
|
|
24
|
-
onFocus?: (event: FocusEvent) => any;
|
|
25
24
|
onBlur?: (event: FocusEvent) => any;
|
|
25
|
+
onFocus?: (event: FocusEvent) => any;
|
|
26
26
|
"onClick:icon"?: (event: MouseEvent) => any;
|
|
27
27
|
"onClick:icon-right"?: (event: MouseEvent) => any;
|
|
28
28
|
}>, {
|
|
@@ -16,13 +16,13 @@ export interface NumberInputProps {
|
|
|
16
16
|
declare const _default: import('vue').DefineComponent<NumberInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
17
17
|
"update:modelValue": (value: number) => any;
|
|
18
18
|
change: (value: number) => any;
|
|
19
|
-
focus: (event: FocusEvent) => any;
|
|
20
19
|
blur: (event: FocusEvent) => any;
|
|
20
|
+
focus: (event: FocusEvent) => any;
|
|
21
21
|
}, string, import('vue').PublicProps, Readonly<NumberInputProps> & Readonly<{
|
|
22
22
|
"onUpdate:modelValue"?: (value: number) => any;
|
|
23
23
|
onChange?: (value: number) => any;
|
|
24
|
-
onFocus?: (event: FocusEvent) => any;
|
|
25
24
|
onBlur?: (event: FocusEvent) => any;
|
|
25
|
+
onFocus?: (event: FocusEvent) => any;
|
|
26
26
|
}>, {
|
|
27
27
|
disabled: boolean;
|
|
28
28
|
mode: "solid" | "outline" | "ghost";
|
|
@@ -7,12 +7,12 @@ interface Props {
|
|
|
7
7
|
}
|
|
8
8
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
9
9
|
"update:modelValue": (value: string) => any;
|
|
10
|
-
focus: (event: FocusEvent) => any;
|
|
11
10
|
blur: (event: FocusEvent) => any;
|
|
11
|
+
focus: (event: FocusEvent) => any;
|
|
12
12
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
13
13
|
"onUpdate:modelValue"?: (value: string) => any;
|
|
14
|
-
onFocus?: (event: FocusEvent) => any;
|
|
15
14
|
onBlur?: (event: FocusEvent) => any;
|
|
15
|
+
onFocus?: (event: FocusEvent) => any;
|
|
16
16
|
}>, {
|
|
17
17
|
disabled: boolean;
|
|
18
18
|
class: string;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
const c = (e, i) => {
|
|
2
|
+
const n = i.getBoundingClientRect(), s = e.clientX - n.left, l = e.clientY - n.top, t = document.createElement("span"), p = Math.max(n.width, n.height), o = p / 2;
|
|
3
|
+
t.style.width = t.style.height = `${p}px`, t.style.left = `${s - o}px`, t.style.top = `${l - o}px`, t.style.position = "absolute", t.style.pointerEvents = "none", t.classList.add("ripple"), i.querySelectorAll(".ripple").forEach((r) => r.remove()), i.appendChild(t), setTimeout(() => {
|
|
4
|
+
t && t.parentNode && t.remove();
|
|
5
|
+
}, 600);
|
|
6
|
+
}, a = {
|
|
7
|
+
mounted(e) {
|
|
8
|
+
window.getComputedStyle(e).position === "static" && (e.style.position = "relative"), e.style.overflow = "hidden", e._rippleHandler = (i) => c(i, e), e.addEventListener("click", e._rippleHandler);
|
|
9
|
+
},
|
|
10
|
+
unmounted(e) {
|
|
11
|
+
e._rippleHandler && e.removeEventListener("click", e._rippleHandler), e.querySelectorAll(".ripple").forEach((n) => n.remove());
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
a as vRipple
|
|
16
|
+
};
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -470,6 +470,17 @@ html {
|
|
|
470
470
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
471
471
|
}
|
|
472
472
|
|
|
473
|
+
|
|
474
|
+
/* Ripple */
|
|
475
|
+
span.ripple {
|
|
476
|
+
position: absolute;
|
|
477
|
+
border-radius: 50%;
|
|
478
|
+
transform: scale(0);
|
|
479
|
+
animation: ripple 600ms linear forwards;
|
|
480
|
+
background-color: rgba(255, 255, 255, 0.094);
|
|
481
|
+
pointer-events: none !important;
|
|
482
|
+
}
|
|
483
|
+
|
|
473
484
|
*,
|
|
474
485
|
::before,
|
|
475
486
|
::after {
|
|
@@ -569,6 +580,13 @@ html {
|
|
|
569
580
|
}
|
|
570
581
|
}
|
|
571
582
|
|
|
583
|
+
@keyframes ripple {
|
|
584
|
+
to {
|
|
585
|
+
transform: scale(4);
|
|
586
|
+
opacity: 0;
|
|
587
|
+
}
|
|
588
|
+
}
|
|
589
|
+
|
|
572
590
|
#icon-picker {
|
|
573
591
|
--iconPicker-text: var(--color-foreground);
|
|
574
592
|
--iconPicker-border: var(--color-border);
|
|
@@ -689,5 +707,5 @@ textarea::-webkit-scrollbar-thumb {
|
|
|
689
707
|
}
|
|
690
708
|
|
|
691
709
|
/* --- Vite Generated CSS --- */
|
|
692
|
-
.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.
|
|
710
|
+
.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.custom-fields-table[data-v-ce6a94e8] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea,.custom-fields-table[data-v-ce6a94e8] select,.custom-fields-table[data-v-ce6a94e8] .input-wrapper,.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-ce6a94e8] input:focus,.custom-fields-table[data-v-ce6a94e8] textarea:focus,.custom-fields-table[data-v-ce6a94e8] select:focus,.custom-fields-table[data-v-ce6a94e8] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-ce6a94e8] .w-full{width:100%;height:100%}.list-enter-active[data-v-ce6a94e8]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-ce6a94e8]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-47af145c]{display:flex;flex-direction:column}.form-field-item[data-v-47af145c]:has([role=switch]),.form-field-item[data-v-47af145c]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-b1fa52ca]{width:100%}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-495f8aa0],.slide-right-leave-active[data-v-495f8aa0],.slide-left-enter-active[data-v-495f8aa0],.slide-left-leave-active[data-v-495f8aa0]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-495f8aa0],.slide-right-leave-to[data-v-495f8aa0]{transform:translate(100%)}.slide-left-enter-from[data-v-495f8aa0],.slide-left-leave-to[data-v-495f8aa0]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-6b631840]{animation:first-toast-in-6b631840 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-6b631840]{transition:all .25s ease-in}.first-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-6b631840{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-6b631840],.stack-toast-leave-active[data-v-6b631840]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-6b631840]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-6b631840]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}
|
|
693
711
|
|