vlite3 0.8.10 → 0.8.11
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/ColorPicker/ColorPicker.vue.d.ts +1 -1
- package/components/Dropdown/Dropdown.vue.d.ts +7 -7
- package/components/Dropdown/Dropdown.vue.js +10 -10
- package/components/Dropdown/DropdownGroupedLayout.vue.d.ts +1 -1
- package/components/Dropdown/DropdownMenu.vue.d.ts +1 -1
- package/components/IconPicker.vue.d.ts +1 -1
- package/components/Navbar/Navbar.vue.d.ts +1 -1
- package/components/NavbarCommandPalette.vue.d.ts +1 -1
- package/components/SidePanel.vue.d.ts +1 -1
- package/components/SidebarMenu/SidebarMenu.vue.d.ts +1 -1
- package/components/Tooltip.vue.d.ts +4 -4
- package/components/Tooltip.vue.js +2 -2
- package/package.json +2 -2
- package/style.css +1 -1
- package/lib/v-tooltip-lite/components/ToolTip.vue.d.ts +0 -48
- package/lib/v-tooltip-lite/components/ToolTip.vue.js +0 -102
- package/lib/v-tooltip-lite/components/ToolTip.vue2.js +0 -4
- package/lib/v-tooltip-lite/composables/usePopover.d.ts +0 -20
- package/lib/v-tooltip-lite/composables/usePopover.js +0 -144
- package/lib/v-tooltip-lite/index.d.ts +0 -2
- package/lib/v-tooltip-lite/index.js +0 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IDropdownOption, ButtonProps } from '../../types';
|
|
2
|
-
import { TooltTipPlacement } from '
|
|
2
|
+
import { TooltTipPlacement } from 'v-tooltip-lite/types';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
selected?: any;
|
|
5
5
|
modelValue?: any;
|
|
@@ -65,10 +65,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
65
65
|
option?: IDropdownOption;
|
|
66
66
|
}) => any;
|
|
67
67
|
"update:modelValue": (value: any) => any;
|
|
68
|
-
"update:isOpen": (value: boolean) => any;
|
|
69
68
|
"load-more": () => any;
|
|
70
69
|
onClose: () => any;
|
|
71
70
|
onOpen: () => any;
|
|
71
|
+
"update:isOpen": (value: boolean) => any;
|
|
72
72
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
73
73
|
onSearch?: (query: string) => any;
|
|
74
74
|
onOnSelect?: (payload: {
|
|
@@ -77,17 +77,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
77
77
|
option?: IDropdownOption;
|
|
78
78
|
}) => any;
|
|
79
79
|
"onUpdate:modelValue"?: (value: any) => any;
|
|
80
|
-
"onUpdate:isOpen"?: (value: boolean) => any;
|
|
81
80
|
"onLoad-more"?: () => any;
|
|
82
81
|
onOnClose?: () => any;
|
|
83
82
|
onOnOpen?: () => any;
|
|
83
|
+
"onUpdate:isOpen"?: (value: boolean) => any;
|
|
84
84
|
}>, {
|
|
85
85
|
loading: boolean;
|
|
86
|
-
offset: [number, number];
|
|
87
|
-
options: (IDropdownOption | string | number)[];
|
|
88
|
-
teleport: boolean;
|
|
89
|
-
isOpen: boolean;
|
|
90
86
|
selectable: boolean;
|
|
87
|
+
options: (IDropdownOption | string | number)[];
|
|
91
88
|
columns: number | string;
|
|
92
89
|
selectedIndex: number | null;
|
|
93
90
|
maxHeight: string;
|
|
@@ -101,6 +98,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
101
98
|
closeOnSelect: boolean;
|
|
102
99
|
toggleSelection: boolean;
|
|
103
100
|
emptyMessage: string;
|
|
101
|
+
offset: [number, number];
|
|
102
|
+
isOpen: boolean;
|
|
103
|
+
teleport: boolean;
|
|
104
104
|
showSelectedLabel: boolean;
|
|
105
105
|
doubleConfirmation: boolean;
|
|
106
106
|
isNested: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as ee, ref as i, computed as c, inject as te, onMounted as ne, onUnmounted as le, watch as P, provide as oe, reactive as ae, toRefs as ie, openBlock as L, createElementBlock as se, normalizeStyle as re, createVNode as x, unref as p, withCtx as f, renderSlot as m, createBlock as ue, normalizeClass as de, createSlots as ce, normalizeProps as V, guardReactiveProps as R, createCommentVNode as fe } from "vue";
|
|
2
|
-
import me from "
|
|
3
|
-
|
|
2
|
+
import me from "v-tooltip-lite";
|
|
3
|
+
import "v-tooltip-lite/style.css";
|
|
4
4
|
import ve from "./DropdownMenu.vue.js";
|
|
5
5
|
import he from "./DropdownTrigger.vue.js";
|
|
6
6
|
import pe from "../ConfirmationModal.vue.js";
|
|
@@ -53,15 +53,15 @@ const xe = /* @__PURE__ */ ee({
|
|
|
53
53
|
confirmText: "Confirm",
|
|
54
54
|
cancelText: "Cancel",
|
|
55
55
|
variant: "primary"
|
|
56
|
-
}), E = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), j = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = i(o.isOpen || !1), C = i(0), U = `dropdown-${Math.random().toString(36).substring(2, 9)}`,
|
|
56
|
+
}), E = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), j = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = i(o.isOpen || !1), C = i(0), U = `dropdown-${Math.random().toString(36).substring(2, 9)}`, w = c(() => o.menuId || U), h = i([]), s = te("dropdown-context", null), q = (e) => {
|
|
57
57
|
h.value.includes(e) || h.value.push(e), s?.registerChildId?.(e);
|
|
58
58
|
}, F = (e) => {
|
|
59
59
|
h.value = h.value.filter((n) => n !== e), s?.unregisterChildId?.(e);
|
|
60
60
|
};
|
|
61
61
|
ne(() => {
|
|
62
|
-
s?.registerChildId && s.registerChildId(`#${
|
|
62
|
+
s?.registerChildId && s.registerChildId(`#${w.value}`);
|
|
63
63
|
}), le(() => {
|
|
64
|
-
s?.unregisterChildId && s.unregisterChildId(`#${
|
|
64
|
+
s?.unregisterChildId && s.unregisterChildId(`#${w.value}`);
|
|
65
65
|
}), P(
|
|
66
66
|
() => o.isOpen,
|
|
67
67
|
(e) => {
|
|
@@ -83,9 +83,9 @@ const xe = /* @__PURE__ */ ee({
|
|
|
83
83
|
registerChildId: q,
|
|
84
84
|
unregisterChildId: F
|
|
85
85
|
});
|
|
86
|
-
const
|
|
86
|
+
const $ = c(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), O = i([]), N = i(!1), k = i(!1);
|
|
87
87
|
P(
|
|
88
|
-
|
|
88
|
+
$,
|
|
89
89
|
(e) => {
|
|
90
90
|
if (e) {
|
|
91
91
|
if (o.remote) {
|
|
@@ -175,7 +175,7 @@ const xe = /* @__PURE__ */ ee({
|
|
|
175
175
|
placement: E.value,
|
|
176
176
|
isOpen: S.value,
|
|
177
177
|
keepAlive: C.value > 0,
|
|
178
|
-
menuId:
|
|
178
|
+
menuId: w.value,
|
|
179
179
|
ignoreClickOutside: X.value,
|
|
180
180
|
class: "w-full",
|
|
181
181
|
className: "dropdown " + (l.className || ""),
|
|
@@ -198,9 +198,9 @@ const xe = /* @__PURE__ */ ee({
|
|
|
198
198
|
]),
|
|
199
199
|
default: f(() => [
|
|
200
200
|
m(e.$slots, "default"),
|
|
201
|
-
|
|
201
|
+
$.value.length || d.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (L(), ue(ve, {
|
|
202
202
|
key: 0,
|
|
203
|
-
options:
|
|
203
|
+
options: $.value,
|
|
204
204
|
cachedOptions: d.value,
|
|
205
205
|
class: de(l.className),
|
|
206
206
|
selected: p(T),
|
|
@@ -14,8 +14,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
|
|
|
14
14
|
onSelect?: (option: IDropdownOption) => any;
|
|
15
15
|
onMouseenter?: (payload: any) => any;
|
|
16
16
|
}>, {
|
|
17
|
-
options: IDropdownOptions;
|
|
18
17
|
selectable: boolean;
|
|
18
|
+
options: IDropdownOptions;
|
|
19
19
|
columns: number | string;
|
|
20
20
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
21
21
|
export default _default;
|
|
@@ -49,8 +49,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
49
49
|
}>, {
|
|
50
50
|
class: string;
|
|
51
51
|
loading: boolean;
|
|
52
|
-
options: (IDropdownOption | string | number)[];
|
|
53
52
|
selectable: boolean;
|
|
53
|
+
options: (IDropdownOption | string | number)[];
|
|
54
54
|
columns: number | string;
|
|
55
55
|
cachedOptions: IDropdownOptions;
|
|
56
56
|
selectedIndex: number | null;
|
|
@@ -88,8 +88,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}
|
|
|
88
88
|
height: string;
|
|
89
89
|
border: boolean;
|
|
90
90
|
compact: boolean;
|
|
91
|
-
contentClass: string;
|
|
92
91
|
position: import('../../types/navbar.type').NavbarPosition;
|
|
92
|
+
contentClass: string;
|
|
93
93
|
breadcrumb: boolean;
|
|
94
94
|
centerPosition: import('../../types/navbar.type').NavbarCenterPosition;
|
|
95
95
|
glass: boolean;
|
|
@@ -22,8 +22,8 @@ interface Props {
|
|
|
22
22
|
}
|
|
23
23
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
24
24
|
placeholder: string;
|
|
25
|
-
enabled: boolean;
|
|
26
25
|
items: import('./CommandPalette').CommandPaletteItem[];
|
|
26
|
+
enabled: boolean;
|
|
27
27
|
menuItems: SidebarMenuItemSchema[];
|
|
28
28
|
maxResultsPerGroup: number;
|
|
29
29
|
shortcutKey: string;
|
|
@@ -52,12 +52,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
|
|
|
52
52
|
}>, {
|
|
53
53
|
size: SidePanelSize;
|
|
54
54
|
class: string;
|
|
55
|
-
triggerClass: string;
|
|
56
55
|
headerClass: string;
|
|
57
56
|
position: SidePanelPosition;
|
|
58
57
|
show: boolean;
|
|
59
58
|
closeOutside: boolean;
|
|
60
59
|
backdrop: boolean;
|
|
60
|
+
triggerClass: string;
|
|
61
61
|
bodyClass: string;
|
|
62
62
|
footerClass: string;
|
|
63
63
|
hideCloseButton: boolean;
|
|
@@ -2,7 +2,6 @@ import { SidebarMenuProps, SidebarMenuItemSchema } from './types';
|
|
|
2
2
|
declare const _default: import('vue').DefineComponent<SidebarMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SidebarMenuProps> & Readonly<{}>, {
|
|
3
3
|
variant: "default" | "ghost";
|
|
4
4
|
compact: boolean;
|
|
5
|
-
showTooltip: boolean;
|
|
6
5
|
items: SidebarMenuItemSchema[];
|
|
7
6
|
iconSize: string;
|
|
8
7
|
mobileBreakpoint: "sm" | "md" | "lg" | "xl" | "none";
|
|
@@ -20,6 +19,7 @@ declare const _default: import('vue').DefineComponent<SidebarMenuProps, {}, {},
|
|
|
20
19
|
compactItemPadding: string;
|
|
21
20
|
nestedMenuWidth: string;
|
|
22
21
|
nestedMenuMaxHeight: string;
|
|
22
|
+
showTooltip: boolean;
|
|
23
23
|
forceTreeView: boolean;
|
|
24
24
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
|
|
25
25
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TooltTipProps } from '
|
|
1
|
+
import { TooltTipProps } from 'v-tooltip-lite/types';
|
|
2
2
|
interface Props extends TooltTipProps {
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
contentI18n?: string;
|
|
@@ -17,11 +17,11 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
|
17
17
|
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
18
18
|
disabled: boolean;
|
|
19
19
|
className: string;
|
|
20
|
-
|
|
21
|
-
arrow: boolean;
|
|
20
|
+
teleport: boolean;
|
|
22
21
|
triggerClass: string;
|
|
22
|
+
placement: import('v-tooltip-lite/types').TooltTipPlacement;
|
|
23
|
+
arrow: boolean;
|
|
23
24
|
contentClass: string;
|
|
24
|
-
teleport: boolean;
|
|
25
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
26
26
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
27
27
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as r, computed as c, openBlock as l, createElementBlock as i, renderSlot as n, createBlock as p, unref as d, mergeProps as u, withCtx as a } from "vue";
|
|
2
|
-
|
|
3
|
-
import f from "
|
|
2
|
+
import "v-tooltip-lite/style.css";
|
|
3
|
+
import f from "v-tooltip-lite";
|
|
4
4
|
import { $t as m } from "../utils/i18n.js";
|
|
5
5
|
const y = {
|
|
6
6
|
key: 0,
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"private": false,
|
|
4
4
|
"description": "A Vue 3 UI component library built with Tailwind CSS.",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "0.8.
|
|
6
|
+
"version": "0.8.11",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "index.js",
|
|
9
9
|
"module": "index.js",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"scrollreveal": "^4.0.9",
|
|
49
49
|
"tailwindcss": "^4.1.18",
|
|
50
50
|
"v-datepicker-lite": "^0.1.6",
|
|
51
|
-
"v-tooltip-lite": "^0.2.
|
|
51
|
+
"v-tooltip-lite": "^0.2.8",
|
|
52
52
|
"vue-carousel-lite": "^0.2.7",
|
|
53
53
|
"vue-draggable-plus": "^0.5.3",
|
|
54
54
|
"vue3-google-signin": "^2.1.1",
|
package/style.css
CHANGED
|
@@ -894,5 +894,5 @@ textarea::-webkit-scrollbar-thumb {
|
|
|
894
894
|
}
|
|
895
895
|
|
|
896
896
|
/* --- Vite Generated CSS --- */
|
|
897
|
-
input[data-v-a8237529]::-webkit-outer-spin-button,input[data-v-a8237529]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-a8237529]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}:root{--tooltip-bg: #000000;--tooltip-text: #ffffff;--tooltip-border: rgb(76, 76, 76);--tooltip-radius: .375em;--tooltip-arrow-size: .475em;--tooltip-z-index: 999999;--tooltip-arrow-z-index: 9999999;--tooltip-padding: .6em .5em}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-trigger{cursor:help;display:inline-block}.tooltip-container{position:absolute;z-index:var(--tooltip-z-index);pointer-events:none;transform:scale(1) translateY(0);will-change:transform}.tooltip-container--open{pointer-events:auto}.tooltip-content{background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);border-radius:var(--tooltip-radius);padding:var(--tooltip-padding);word-wrap:break-word;box-shadow:var(--tooltip-shadow);backdrop-filter:blur(.5em);-webkit-backdrop-filter:blur(.5em);position:relative;z-index:var(--tooltip-z-index)}.tooltip-arrow{position:absolute;width:0;height:0;border-style:none;pointer-events:none}.tooltip-arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid var(--tooltip-border);margin-bottom:-.03125em;z-index:var(--tooltip-arrow-z-index)}.tooltip-arrow--top:before{content:"";position:absolute;top:1.5px;left:50%;transform:translate(-50%);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid var(--tooltip-bg);margin-bottom:-.03125em}.tooltip-arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-top:var(--tooltip-arrow-size) solid var(--tooltip-border);margin-top:-.045em;z-index:var(--tooltip-arrow-z-index)}.tooltip-arrow--bottom:before{content:"";position:absolute;bottom:1.5px;left:50%;transform:translate(-50%);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-top:var(--tooltip-arrow-size) solid var(--tooltip-bg);margin-top:-.0625em}.tooltip-arrow--left{right:100%;top:50%;transform:translateY(-50%);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid var(--tooltip-border);margin-right:-.043em;z-index:var(--tooltip-arrow-z-index)}.tooltip-arrow--left:before,.tooltip-arrow--left-top:before{content:"";position:absolute;left:1.5px;top:50%;z-index:2;transform:translateY(-50%);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid var(--tooltip-bg)}.tooltip-arrow--right{left:100%;top:50%;transform:translateY(-50%);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-left:var(--tooltip-arrow-size) solid var(--tooltip-border);margin-left:-.03em;z-index:var(--tooltip-arrow-z-index)}.tooltip-arrow--right:before{content:"";position:absolute;right:1.5px;top:50%;transform:translateY(-50%);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-left:var(--tooltip-arrow-size) solid var(--tooltip-bg)}.w-full{width:100%}.h-inherit{height:inherit}.dropdown-menu[data-v-55a6a43e]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-0f3159c0]{background-color:#00000052}.v-modal-backdrop[data-v-0f3159c0]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-0f3159c0]{will-change:transform;contain:layout style}.blink-bg[data-v-0f3159c0]{animation:blink-animation-0f3159c0 1s infinite}@keyframes blink-animation-0f3159c0{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-0cced8cd]{will-change:transform;contain:layout style}.custom-fields-table[data-v-0cced8cd] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-0cced8cd] input,.custom-fields-table[data-v-0cced8cd] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-0cced8cd] input,.custom-fields-table[data-v-0cced8cd] textarea,.custom-fields-table[data-v-0cced8cd] select,.custom-fields-table[data-v-0cced8cd] .input-wrapper,.custom-fields-table[data-v-0cced8cd] .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-0cced8cd] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-0cced8cd] input:focus,.custom-fields-table[data-v-0cced8cd] textarea:focus,.custom-fields-table[data-v-0cced8cd] select:focus,.custom-fields-table[data-v-0cced8cd] .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-0cced8cd] .w-full{width:100%;height:100%}.list-enter-active[data-v-0cced8cd]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-0cced8cd]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-1139135c]{display:flex;flex-direction:column}.form-field-item[data-v-1139135c]:has([role=switch]),.form-field-item[data-v-1139135c]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-d7b4ffda]{width:100%}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-d572f4ef]{background-color:#0003}.sidepanel-body[data-v-d572f4ef]{will-change:transform;contain:layout style}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.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}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-4034dab4]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.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)}}.permission-matrix-wrapper[data-v-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]:hover{background-color:var(--color-accent)}.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}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{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-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}
|
|
897
|
+
input[data-v-a8237529]::-webkit-outer-spin-button,input[data-v-a8237529]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-a8237529]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.dropdown-menu[data-v-55a6a43e]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-0f3159c0]{background-color:#00000052}.v-modal-backdrop[data-v-0f3159c0]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-0f3159c0]{will-change:transform;contain:layout style}.blink-bg[data-v-0f3159c0]{animation:blink-animation-0f3159c0 1s infinite}@keyframes blink-animation-0f3159c0{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-0cced8cd]{will-change:transform;contain:layout style}.custom-fields-table[data-v-0cced8cd] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-0cced8cd] input,.custom-fields-table[data-v-0cced8cd] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-0cced8cd] input,.custom-fields-table[data-v-0cced8cd] textarea,.custom-fields-table[data-v-0cced8cd] select,.custom-fields-table[data-v-0cced8cd] .input-wrapper,.custom-fields-table[data-v-0cced8cd] .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-0cced8cd] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-0cced8cd] input:focus,.custom-fields-table[data-v-0cced8cd] textarea:focus,.custom-fields-table[data-v-0cced8cd] select:focus,.custom-fields-table[data-v-0cced8cd] .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-0cced8cd] .w-full{width:100%;height:100%}.list-enter-active[data-v-0cced8cd]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-0cced8cd]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-1139135c]{display:flex;flex-direction:column}.form-field-item[data-v-1139135c]:has([role=switch]),.form-field-item[data-v-1139135c]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-d7b4ffda]{width:100%}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-d572f4ef]{background-color:#0003}.sidepanel-body[data-v-d572f4ef]{will-change:transform;contain:layout style}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.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}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-4034dab4]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.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)}}.permission-matrix-wrapper[data-v-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]:hover{background-color:var(--color-accent)}.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}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{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-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}
|
|
898
898
|
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { TooltTipProps } from '../types';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
trigger?(_: {
|
|
6
|
-
isOpen: boolean;
|
|
7
|
-
}): any;
|
|
8
|
-
default?(_: {
|
|
9
|
-
isOpen: boolean;
|
|
10
|
-
}): any;
|
|
11
|
-
};
|
|
12
|
-
refs: {
|
|
13
|
-
triggerRef: HTMLSpanElement;
|
|
14
|
-
containerRef: HTMLDivElement;
|
|
15
|
-
};
|
|
16
|
-
rootEl: HTMLDivElement;
|
|
17
|
-
};
|
|
18
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
-
declare const __VLS_component: import('vue').DefineComponent<TooltTipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
-
onShow: (...args: any[]) => void;
|
|
21
|
-
onHide: (...args: any[]) => void;
|
|
22
|
-
"update:isOpen": (...args: any[]) => void;
|
|
23
|
-
}, string, import('vue').PublicProps, Readonly<TooltTipProps> & Readonly<{
|
|
24
|
-
onOnShow?: (...args: any[]) => any;
|
|
25
|
-
onOnHide?: (...args: any[]) => any;
|
|
26
|
-
"onUpdate:isOpen"?: (...args: any[]) => any;
|
|
27
|
-
}>, {
|
|
28
|
-
trigger: "hover" | "click";
|
|
29
|
-
placement: import('../types').TooltTipPlacement;
|
|
30
|
-
offset: [number, number];
|
|
31
|
-
arrow: boolean;
|
|
32
|
-
content: string;
|
|
33
|
-
teleport: boolean;
|
|
34
|
-
ignoreClickOutside: string[];
|
|
35
|
-
isOpen: boolean;
|
|
36
|
-
keepAlive: boolean;
|
|
37
|
-
menuId: string;
|
|
38
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
39
|
-
triggerRef: HTMLSpanElement;
|
|
40
|
-
containerRef: HTMLDivElement;
|
|
41
|
-
}, HTMLDivElement>;
|
|
42
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
43
|
-
export default _default;
|
|
44
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
45
|
-
new (): {
|
|
46
|
-
$slots: S;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { defineComponent as P, computed as T, watch as d, onMounted as B, onUnmounted as N, openBlock as a, createElementBlock as c, createElementVNode as s, normalizeClass as n, renderSlot as u, normalizeProps as p, guardReactiveProps as f, unref as r, createBlock as R, resolveDynamicComponent as b, Teleport as z, withCtx as D, withDirectives as H, normalizeStyle as V, createTextVNode as x, toDisplayString as A, createCommentVNode as m, vShow as E } from "vue";
|
|
2
|
-
import { usePopover as I } from "../composables/usePopover.js";
|
|
3
|
-
/* empty css */
|
|
4
|
-
const $ = { class: "tooltip-wrapper" }, M = ["id"], G = /* @__PURE__ */ P({
|
|
5
|
-
__name: "ToolTip",
|
|
6
|
-
props: {
|
|
7
|
-
content: { default: "" },
|
|
8
|
-
placement: { default: "bottom-end" },
|
|
9
|
-
offset: { default: () => [0, 8] },
|
|
10
|
-
trigger: { default: "hover" },
|
|
11
|
-
arrow: { type: Boolean, default: !0 },
|
|
12
|
-
triggerClass: {},
|
|
13
|
-
className: {},
|
|
14
|
-
contentClass: {},
|
|
15
|
-
teleport: { type: Boolean, default: !0 },
|
|
16
|
-
styles: {},
|
|
17
|
-
ignoreClickOutside: { default: () => [] },
|
|
18
|
-
isOpen: { type: Boolean, default: void 0 },
|
|
19
|
-
keepAlive: { type: Boolean, default: !1 },
|
|
20
|
-
menuId: { default: "" }
|
|
21
|
-
},
|
|
22
|
-
emits: ["onShow", "onHide", "update:isOpen"],
|
|
23
|
-
setup(t, { emit: g }) {
|
|
24
|
-
const i = t, l = g, {
|
|
25
|
-
triggerRef: w,
|
|
26
|
-
containerRef: v,
|
|
27
|
-
actualPlacement: y,
|
|
28
|
-
initializePopper: h,
|
|
29
|
-
destroyPopper: C,
|
|
30
|
-
isOpen: o,
|
|
31
|
-
showTooltip: k,
|
|
32
|
-
hideTooltip: O
|
|
33
|
-
} = I(i.placement, i.offset, i.trigger, {
|
|
34
|
-
onShow: () => l("onShow"),
|
|
35
|
-
onHide: () => l("onHide"),
|
|
36
|
-
// We pass a getter function to ensure usePopover always reads the freshest array.
|
|
37
|
-
// Using a getter inside the options object safely bridges the reactivity gap.
|
|
38
|
-
get ignoreClickOutside() {
|
|
39
|
-
return i.ignoreClickOutside;
|
|
40
|
-
}
|
|
41
|
-
}), S = T(() => {
|
|
42
|
-
if (!i.arrow) return "";
|
|
43
|
-
const e = y.value;
|
|
44
|
-
return e.includes("top") ? "tooltip-arrow--bottom" : e.includes("bottom") ? "tooltip-arrow--top" : e.includes("left") ? "tooltip-arrow--right" : e.includes("right") ? "tooltip-arrow--left" : "tooltip-arrow--top";
|
|
45
|
-
});
|
|
46
|
-
return d(
|
|
47
|
-
() => i.isOpen,
|
|
48
|
-
(e) => {
|
|
49
|
-
e !== void 0 && (e && !o.value ? k() : !e && o.value && O());
|
|
50
|
-
},
|
|
51
|
-
{ immediate: !0 }
|
|
52
|
-
), d(o, (e) => {
|
|
53
|
-
e !== i.isOpen && l("update:isOpen", e);
|
|
54
|
-
}), B(() => {
|
|
55
|
-
h();
|
|
56
|
-
}), N(() => {
|
|
57
|
-
C();
|
|
58
|
-
}), (e, U) => (a(), c("div", $, [
|
|
59
|
-
s("span", {
|
|
60
|
-
ref_key: "triggerRef",
|
|
61
|
-
ref: w,
|
|
62
|
-
class: n(["tooltip-trigger", t.triggerClass])
|
|
63
|
-
}, [
|
|
64
|
-
u(e.$slots, "trigger", p(f({ isOpen: r(o) })))
|
|
65
|
-
], 2),
|
|
66
|
-
r(o) || t.keepAlive ? (a(), R(b(t.teleport ? z : "div"), {
|
|
67
|
-
key: 0,
|
|
68
|
-
to: "body"
|
|
69
|
-
}, {
|
|
70
|
-
default: D(() => [
|
|
71
|
-
H(s("div", {
|
|
72
|
-
style: V(t.styles),
|
|
73
|
-
id: t.menuId,
|
|
74
|
-
ref_key: "containerRef",
|
|
75
|
-
ref: v,
|
|
76
|
-
class: n(["tooltip-container", [t.className, r(o) ? "tooltip-container--open" : ""]]),
|
|
77
|
-
role: "tooltip",
|
|
78
|
-
"aria-hidden": "true"
|
|
79
|
-
}, [
|
|
80
|
-
s("div", {
|
|
81
|
-
class: n(["tooltip-content", t.contentClass])
|
|
82
|
-
}, [
|
|
83
|
-
u(e.$slots, "default", p(f({ isOpen: r(o) })), () => [
|
|
84
|
-
x(A(t.content), 1)
|
|
85
|
-
])
|
|
86
|
-
], 2),
|
|
87
|
-
t.arrow ? (a(), c("div", {
|
|
88
|
-
key: 0,
|
|
89
|
-
class: n(["tooltip-arrow", S.value])
|
|
90
|
-
}, null, 2)) : m("", !0)
|
|
91
|
-
], 14, M), [
|
|
92
|
-
[E, r(o)]
|
|
93
|
-
])
|
|
94
|
-
]),
|
|
95
|
-
_: 3
|
|
96
|
-
})) : m("", !0)
|
|
97
|
-
]));
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
export {
|
|
101
|
-
G as default
|
|
102
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Placement, Instance as PopperInstance } from '@popperjs/core';
|
|
2
|
-
import { Ref } from 'vue';
|
|
3
|
-
interface PopoverOptions {
|
|
4
|
-
onShow?: () => void;
|
|
5
|
-
onHide?: () => void;
|
|
6
|
-
ignoreClickOutside?: string[];
|
|
7
|
-
}
|
|
8
|
-
export declare function usePopover(placement: Placement, offset: number[], triggerMode: 'hover' | 'click', options?: PopoverOptions): {
|
|
9
|
-
triggerRef: Ref<HTMLElement, HTMLElement>;
|
|
10
|
-
containerRef: Ref<HTMLElement, HTMLElement>;
|
|
11
|
-
popperInstance: Ref<PopperInstance, PopperInstance>;
|
|
12
|
-
actualPlacement: Ref<Placement, Placement>;
|
|
13
|
-
isOpen: Ref<boolean, boolean>;
|
|
14
|
-
initializePopper: () => Promise<void>;
|
|
15
|
-
updatePopper: () => void;
|
|
16
|
-
destroyPopper: () => void;
|
|
17
|
-
showTooltip: () => Promise<void>;
|
|
18
|
-
hideTooltip: () => void;
|
|
19
|
-
};
|
|
20
|
-
export {};
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import { ref as f, onMounted as R, nextTick as s, onBeforeUnmount as $, watch as x } from "vue";
|
|
2
|
-
import { onClickOutside as q } from "clickout-lite";
|
|
3
|
-
import { createPopper as z } from "@popperjs/core";
|
|
4
|
-
function H(d, I = [0, 8], a, h = {}) {
|
|
5
|
-
const t = f(null), l = f(null), e = f(null), b = f(d), o = f(!1);
|
|
6
|
-
let p = null, m = null;
|
|
7
|
-
const w = () => {
|
|
8
|
-
p && (clearTimeout(p), p = null), m && (clearTimeout(m), m = null);
|
|
9
|
-
}, E = async () => {
|
|
10
|
-
!t.value || !l.value || (e.value && (e.value.destroy(), e.value = null), e.value = z(t.value, l.value, {
|
|
11
|
-
placement: d,
|
|
12
|
-
strategy: "absolute",
|
|
13
|
-
modifiers: [
|
|
14
|
-
{
|
|
15
|
-
name: "offset",
|
|
16
|
-
options: { offset: I }
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
name: "preventOverflow",
|
|
20
|
-
options: {
|
|
21
|
-
boundary: "viewport",
|
|
22
|
-
padding: 8
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
name: "flip",
|
|
27
|
-
options: {
|
|
28
|
-
fallbackPlacements: ["top", "bottom", "left", "right"]
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
name: "arrow",
|
|
33
|
-
options: {
|
|
34
|
-
element: ".tooltip-arrow",
|
|
35
|
-
padding: 8
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
name: "updateActualPlacement",
|
|
40
|
-
enabled: !0,
|
|
41
|
-
phase: "afterWrite",
|
|
42
|
-
fn({ state: n }) {
|
|
43
|
-
b.value = n.placement;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
]
|
|
47
|
-
}));
|
|
48
|
-
}, L = async () => {
|
|
49
|
-
if (!(!t.value || !l.value)) {
|
|
50
|
-
if (e.value) {
|
|
51
|
-
await s(), e.value.forceUpdate();
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
await s(), await E();
|
|
55
|
-
}
|
|
56
|
-
}, O = () => {
|
|
57
|
-
if (!l.value) return;
|
|
58
|
-
const n = l.value.querySelector(
|
|
59
|
-
'[tabindex="0"], [role="menu"], input, button, [href], select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
60
|
-
);
|
|
61
|
-
n && n.focus({ preventScroll: !0 });
|
|
62
|
-
}, T = async () => {
|
|
63
|
-
if (w(), o.value) {
|
|
64
|
-
await s(), e.value?.forceUpdate();
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
p = window.setTimeout(
|
|
68
|
-
async () => {
|
|
69
|
-
o.value = !0, await s(), l.value && (await E(), h.onShow?.(), setTimeout(() => {
|
|
70
|
-
e.value?.forceUpdate(), O();
|
|
71
|
-
}, 0));
|
|
72
|
-
},
|
|
73
|
-
a === "hover" ? 150 : 0
|
|
74
|
-
);
|
|
75
|
-
}, r = () => {
|
|
76
|
-
w(), o.value && (m = window.setTimeout(
|
|
77
|
-
() => {
|
|
78
|
-
o.value = !1, h.onHide?.(), e.value && (e.value.destroy(), e.value = null);
|
|
79
|
-
},
|
|
80
|
-
a === "hover" ? 30 : 0
|
|
81
|
-
));
|
|
82
|
-
}, P = () => {
|
|
83
|
-
o.value ? r() : T();
|
|
84
|
-
}, U = () => {
|
|
85
|
-
e.value?.update();
|
|
86
|
-
}, C = () => {
|
|
87
|
-
w(), e.value && (e.value.destroy(), e.value = null);
|
|
88
|
-
}, k = () => {
|
|
89
|
-
a === "hover" && T();
|
|
90
|
-
}, y = () => {
|
|
91
|
-
a === "hover" && r();
|
|
92
|
-
}, S = () => {
|
|
93
|
-
a === "hover" && r();
|
|
94
|
-
}, W = (n) => {
|
|
95
|
-
if (t.value && (n === t.value || t.value.contains(n)))
|
|
96
|
-
return !0;
|
|
97
|
-
const c = h.ignoreClickOutside;
|
|
98
|
-
if (!c || c.length === 0) return !1;
|
|
99
|
-
const u = n.nodeType === 3 ? n.parentElement : n;
|
|
100
|
-
return u ? c.some((i) => {
|
|
101
|
-
if (i.startsWith("#")) {
|
|
102
|
-
const v = i.substring(1);
|
|
103
|
-
return u.id === v || u.closest(`#${CSS.escape(v)}`) !== null;
|
|
104
|
-
} else if (i.startsWith(".")) {
|
|
105
|
-
const v = i.substring(1);
|
|
106
|
-
return u.classList.contains(v) || u.closest(`.${CSS.escape(v)}`) !== null;
|
|
107
|
-
}
|
|
108
|
-
return u.matches(i) || u.closest(i) !== null;
|
|
109
|
-
}) : !1;
|
|
110
|
-
};
|
|
111
|
-
return R(async () => {
|
|
112
|
-
await s(), a === "click" && t.value?.addEventListener("click", P), a === "hover" && (t.value?.addEventListener("mouseenter", k), t.value?.addEventListener("mouseleave", y), t.value?.addEventListener("click", S)), q(l, (n) => {
|
|
113
|
-
if (o.value && a === "click") {
|
|
114
|
-
const c = n.target;
|
|
115
|
-
W(c) || r();
|
|
116
|
-
}
|
|
117
|
-
});
|
|
118
|
-
}), $(() => {
|
|
119
|
-
C(), a === "click" && t.value?.removeEventListener("click", P), a === "hover" && (t.value?.removeEventListener("mouseenter", k), t.value?.removeEventListener("mouseleave", y), t.value?.removeEventListener("click", S));
|
|
120
|
-
}), x(
|
|
121
|
-
() => d,
|
|
122
|
-
() => {
|
|
123
|
-
o.value && L();
|
|
124
|
-
}
|
|
125
|
-
), x(o, (n) => {
|
|
126
|
-
a === "hover" && s(() => {
|
|
127
|
-
n && l.value && (l.value.addEventListener("mouseenter", k), l.value.addEventListener("mouseleave", y));
|
|
128
|
-
});
|
|
129
|
-
}), {
|
|
130
|
-
triggerRef: t,
|
|
131
|
-
containerRef: l,
|
|
132
|
-
popperInstance: e,
|
|
133
|
-
actualPlacement: b,
|
|
134
|
-
isOpen: o,
|
|
135
|
-
initializePopper: L,
|
|
136
|
-
updatePopper: U,
|
|
137
|
-
destroyPopper: C,
|
|
138
|
-
showTooltip: T,
|
|
139
|
-
hideTooltip: r
|
|
140
|
-
};
|
|
141
|
-
}
|
|
142
|
-
export {
|
|
143
|
-
H as usePopover
|
|
144
|
-
};
|