@oneb/ui-vue 0.2.4 → 0.2.9
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 +7 -9
- package/dist/{OneHelpMenu-37653a53.js → OneHelpMenu-adc595d0.js} +131 -130
- package/dist/OneHelpMenu-b9ca7ee4.cjs +1 -0
- package/dist/SpinnerIcon-24e552a8.js +26 -0
- package/dist/SpinnerIcon-89c60210.cjs +1 -0
- package/dist/button/button.d.ts +1 -1
- package/dist/button/index.cjs +1 -1
- package/dist/button/index.js +142 -3
- package/dist/button/util.d.ts +1 -1
- package/dist/buttonGroup/props.d.ts +1 -1
- package/dist/card/card.d.ts +1 -1
- package/dist/checkbox/checkbox.d.ts +41 -0
- package/dist/checkbox/index.d.ts +2 -0
- package/dist/common/avatar.d.ts +1 -1
- package/dist/common/index.cjs +5 -5
- package/dist/common/index.d.ts +1 -0
- package/dist/common/index.js +7 -4
- package/dist/dropdown/dropdown.d.ts +2 -2
- package/dist/dropdown/index.cjs +1 -1
- package/dist/dropdown/index.js +14 -13
- package/dist/dropdown/menu.d.ts +1 -1
- package/dist/entityPicker/OneEntityPicker.vue.d.ts +2 -0
- package/dist/entityPicker/entityPicker.d.ts +179 -0
- package/dist/entityPicker/index.d.ts +4 -0
- package/dist/errorsPage/OneErrorPage.vue.d.ts +2 -0
- package/dist/errorsPage/errorsType.d.ts +21 -0
- package/dist/errorsPage/index.d.ts +2 -0
- package/dist/form/form.d.ts +2 -2
- package/dist/form/index.d.ts +1 -1
- package/dist/form/index.js +1 -3
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +15 -4
- package/dist/index.js +9840 -222
- package/dist/indicators/indicators.d.ts +1 -1
- package/dist/infobox/OneInfobox.vue.d.ts +2 -0
- package/dist/infobox/box.d.ts +21 -0
- package/dist/infobox/index.d.ts +2 -0
- package/dist/infobox/util.d.ts +2 -0
- package/dist/layout/index.cjs +1 -1
- package/dist/layout/index.js +67 -56
- package/dist/layout/layout.d.ts +1 -1
- package/dist/modal/OneModal.vue.d.ts +2 -0
- package/dist/modal/OneModalBody.vue.d.ts +2 -0
- package/dist/modal/OneModalFooter.vue.d.ts +2 -0
- package/dist/modal/OneModalHeader.vue.d.ts +2 -0
- package/dist/modal/index.d.ts +7 -0
- package/dist/modal/modal.d.ts +46 -0
- package/dist/modal/useModal.d.ts +3 -0
- package/dist/modal/util.d.ts +2 -0
- package/dist/periodPicker/OnePeriodPicker.vue.d.ts +2 -0
- package/dist/periodPicker/OnePeriodPickerFastModal.vue.d.ts +2 -0
- package/dist/periodPicker/index.d.ts +4 -0
- package/dist/periodPicker/periodPicker.d.ts +96 -0
- package/dist/periodPicker/util.d.ts +49 -0
- package/dist/radio/OneRadio.vue.d.ts +2 -0
- package/dist/radio/index.d.ts +2 -0
- package/dist/radio/radio.d.ts +22 -0
- package/dist/skeleton/OneSkeleton.vue.d.ts +2 -0
- package/dist/skeleton/index.d.ts +2 -0
- package/dist/skeleton/skeleton.d.ts +21 -0
- package/dist/skeleton/util.d.ts +2 -0
- package/dist/style.css +1 -1
- package/dist/switch/switch.d.ts +1 -1
- package/dist/toast/OneToast.vue.d.ts +2 -0
- package/dist/toast/index.d.ts +2 -0
- package/dist/toast/utils.d.ts +2 -0
- package/dist/tooltip/index.d.ts +2 -0
- package/package.json +58 -4
- package/dist/OneHelpMenu-05780713.cjs +0 -1
- package/dist/index-9f8735d9.cjs +0 -1
- package/dist/index-f8afb6b6.js +0 -149
- /package/dist/{button/SpinnerIcon.vue.d.ts → checkbox/OneCheckbox.vue.d.ts} +0 -0
- /package/dist/{switch → common}/SpinnerIcon.vue.d.ts +0 -0
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
export type PeriodGranularity = 'day' | 'week' | 'month' | 'quarter' | 'year';
|
|
2
|
+
export type PeriodKind = 'date' | 'period' | 'range';
|
|
3
|
+
export type PeriodPickerMode = 'short' | 'full' | 'empty';
|
|
4
|
+
export interface PeriodValue {
|
|
5
|
+
startUnix?: number | null;
|
|
6
|
+
endUnix?: number | null;
|
|
7
|
+
start?: string | null;
|
|
8
|
+
end?: string | null;
|
|
9
|
+
kind?: PeriodKind | null;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Translation function type for OnePeriodPicker component.
|
|
13
|
+
*
|
|
14
|
+
* Required translation keys:
|
|
15
|
+
*
|
|
16
|
+
* UI Labels:
|
|
17
|
+
* - 'period_select.Select date' - Default placeholder text
|
|
18
|
+
* - 'period_select.Date group title' - "Date" tab/group title
|
|
19
|
+
* - 'period_select.Date group subtitle' - Date group subtitle
|
|
20
|
+
* - 'period_select.Period group title' - "Period" tab/group title
|
|
21
|
+
* - 'period_select.Period group subtitle' - Period group subtitle
|
|
22
|
+
* - 'period_select.Select date CTA' - CTA button for single date selection
|
|
23
|
+
* - 'period_select.Select dates CTA' - CTA button for range selection
|
|
24
|
+
* - 'period_select.From date' - "From" label for date input
|
|
25
|
+
* - 'period_select.End date' - "To" label for date input
|
|
26
|
+
* - 'Cancel' - Cancel button
|
|
27
|
+
* - 'Apply' - Apply button
|
|
28
|
+
* - 'Months' - Months tab label
|
|
29
|
+
* - 'Quarters' - Quarters tab label
|
|
30
|
+
* - 'Years' - Years tab label
|
|
31
|
+
*
|
|
32
|
+
* History labels:
|
|
33
|
+
* - 'period_select.Date history label' - Label for date history section
|
|
34
|
+
* - 'period_select.Weeks history label' - Label for weeks history section
|
|
35
|
+
* - 'period_select.Months history label' - Label for months history section
|
|
36
|
+
* - 'period_select.Quarters history label' - Label for quarters history section
|
|
37
|
+
* - 'period_select.Years history label' - Label for years history section
|
|
38
|
+
*
|
|
39
|
+
* Preset options:
|
|
40
|
+
* - 'period_select.Today' - Today preset
|
|
41
|
+
* - 'period_select.Yesterday' - Yesterday preset
|
|
42
|
+
* - 'period_select.This week' - This week preset
|
|
43
|
+
* - 'period_select.Last week' - Last week preset
|
|
44
|
+
* - 'period_select.This month' - This month preset
|
|
45
|
+
* - 'period_select.Last month' - Last month preset
|
|
46
|
+
* - 'period_select.Last two month' - Last two months preset
|
|
47
|
+
* - 'period_select.Last three month' - Last three months preset
|
|
48
|
+
* - 'period_select.This quarter' - This quarter preset
|
|
49
|
+
* - 'period_select.Last quarter' - Last quarter preset
|
|
50
|
+
* - 'period_select.This Year' - This year preset
|
|
51
|
+
* - 'period_select.Last year' - Last year preset
|
|
52
|
+
* - 'period_select.until current moment' - Until now preset
|
|
53
|
+
* - 'period_select.until end of today' - Until end of today preset
|
|
54
|
+
* - 'period_select.until end of yesterday' - Until end of yesterday preset
|
|
55
|
+
* - 'period_select.until end of month' - Until end of month preset
|
|
56
|
+
* - 'period_select.until end of last month'- Until end of last month preset
|
|
57
|
+
*
|
|
58
|
+
* Display format helpers:
|
|
59
|
+
* - 'period_select.From' - "From" prefix for date display
|
|
60
|
+
* - 'period_select.Till' - "Till" prefix for date display
|
|
61
|
+
* - 'period_select.week' - "week" suffix (e.g., "Week 05")
|
|
62
|
+
* - 'period_select.Quarter' - "Quarter" prefix (e.g., "Quarter 2024 Q1")
|
|
63
|
+
*/
|
|
64
|
+
export type TranslateFunction = (key: string) => string;
|
|
65
|
+
export interface PresetOption {
|
|
66
|
+
key: string;
|
|
67
|
+
label: string;
|
|
68
|
+
group: 'date' | 'period';
|
|
69
|
+
description?: string | null;
|
|
70
|
+
type: 'option' | 'label';
|
|
71
|
+
resolveRange?: () => [number | null, number | null];
|
|
72
|
+
}
|
|
73
|
+
export interface PresetGroup {
|
|
74
|
+
id: string;
|
|
75
|
+
title: string;
|
|
76
|
+
subtitle: string;
|
|
77
|
+
ctaLabel: string;
|
|
78
|
+
options: PresetOption[];
|
|
79
|
+
}
|
|
80
|
+
export type DisabledDatesValue = ((date: any) => boolean) | Record<string, any> | Array<Record<string, any>>;
|
|
81
|
+
export interface OnePeriodPickerProps {
|
|
82
|
+
modelValue: PeriodValue | null;
|
|
83
|
+
t: TranslateFunction;
|
|
84
|
+
placeholder?: string;
|
|
85
|
+
disableDate?: DisabledDatesValue;
|
|
86
|
+
noBorder?: boolean;
|
|
87
|
+
noClear?: boolean;
|
|
88
|
+
hideDayAndWeek?: boolean;
|
|
89
|
+
minGranularity?: PeriodGranularity | null;
|
|
90
|
+
asDateString?: boolean;
|
|
91
|
+
}
|
|
92
|
+
export declare const MANUAL_DATE_KEY = "manual-date";
|
|
93
|
+
export declare const MANUAL_RANGE_KEY = "manual-range";
|
|
94
|
+
export declare const DATE_KIND = "date";
|
|
95
|
+
export declare const PERIOD_KIND = "period";
|
|
96
|
+
export declare const RANGE_KIND = "range";
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import dayjs from 'dayjs';
|
|
2
|
+
import type { PeriodGranularity, PeriodKind, PresetOption, TranslateFunction } from './periodPicker';
|
|
3
|
+
export { dayjs };
|
|
4
|
+
/**
|
|
5
|
+
* Safely convert value to unix timestamp or null
|
|
6
|
+
*/
|
|
7
|
+
export declare const toUnixOrNull: (value: unknown) => number | null;
|
|
8
|
+
/**
|
|
9
|
+
* Build a preset option object
|
|
10
|
+
*/
|
|
11
|
+
export declare const buildPreset: ({ key, label, group, description, resolveRange }: {
|
|
12
|
+
key: string;
|
|
13
|
+
label: string;
|
|
14
|
+
group: 'date' | 'period';
|
|
15
|
+
description?: string | null;
|
|
16
|
+
resolveRange: () => [
|
|
17
|
+
number | null,
|
|
18
|
+
number | null
|
|
19
|
+
];
|
|
20
|
+
}) => PresetOption;
|
|
21
|
+
/**
|
|
22
|
+
* Format period for display in button
|
|
23
|
+
* Handles: single date, range, "until X", "from X"
|
|
24
|
+
*/
|
|
25
|
+
export declare const formatPeriod: (start: number | null, end: number | null, t: TranslateFunction) => string;
|
|
26
|
+
/**
|
|
27
|
+
* Determine the kind of selection (date, period, range)
|
|
28
|
+
*/
|
|
29
|
+
export declare const determineKind: (start: number | null, end: number | null, hint: string | null) => PeriodKind | null;
|
|
30
|
+
/**
|
|
31
|
+
* Generate all standard preset options
|
|
32
|
+
*/
|
|
33
|
+
export declare const createShortcutPresets: (t: TranslateFunction) => PresetOption[];
|
|
34
|
+
/**
|
|
35
|
+
* Generate rolling period options (days, weeks, months, quarters, years)
|
|
36
|
+
*/
|
|
37
|
+
export declare const buildRollingOptions: (periodId: 'day' | 'week' | 'month' | 'quarter' | 'year', t: TranslateFunction) => PresetOption[];
|
|
38
|
+
/**
|
|
39
|
+
* Get granularity of an option based on its key
|
|
40
|
+
*/
|
|
41
|
+
export declare const getOptionGranularity: (optionKey: string) => PeriodGranularity | null;
|
|
42
|
+
/**
|
|
43
|
+
* Check if option is allowed based on minGranularity
|
|
44
|
+
*/
|
|
45
|
+
export declare const isOptionAllowed: (optionKey: string, minGranularity: PeriodGranularity | null) => boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Parse user-entered date string (DD.MM.YYYY, DD/MM/YYYY, DD-MM-YYYY)
|
|
48
|
+
*/
|
|
49
|
+
export declare const parseManualDate: (dateStr: string) => string | null;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { ExtractPropTypes } from 'vue';
|
|
2
|
+
export type RadioColorType = 'green' | 'blue' | 'red' | 'yellow';
|
|
3
|
+
export type RadioModelValue = boolean;
|
|
4
|
+
export declare const radioProps: {
|
|
5
|
+
modelValue: {
|
|
6
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
7
|
+
required: boolean;
|
|
8
|
+
};
|
|
9
|
+
value: {
|
|
10
|
+
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
11
|
+
required: boolean;
|
|
12
|
+
};
|
|
13
|
+
name: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
required: boolean;
|
|
16
|
+
};
|
|
17
|
+
color: {
|
|
18
|
+
type: PropType<RadioColorType>;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export type radioProps = ExtractPropTypes<typeof radioProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ExtractPropTypes } from 'vue';
|
|
2
|
+
export type SkeletonVariantType = 'text' | 'heading' | 'image' | 'avatar' | 'card';
|
|
3
|
+
export declare const skeletonProps: {
|
|
4
|
+
type: {
|
|
5
|
+
type: PropType<SkeletonVariantType>;
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
width: {
|
|
9
|
+
type: PropType<string>;
|
|
10
|
+
required: boolean;
|
|
11
|
+
};
|
|
12
|
+
height: {
|
|
13
|
+
type: PropType<string>;
|
|
14
|
+
required: boolean;
|
|
15
|
+
};
|
|
16
|
+
count: {
|
|
17
|
+
type: PropType<string | number>;
|
|
18
|
+
default: number;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sidebar[data-v-f57f2e3e]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-f57f2e3e]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-f57f2e3e]{position:relative}.tooltip-text[data-v-f57f2e3e]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-f57f2e3e]{visibility:visible;opacity:1}.cont[data-v-f57f2e3e]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-f57f2e3e]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-f57f2e3e]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-403db407]{height:100dvh}.module-border-wrap[data-v-403db407]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-403db407]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-403db407]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-403db407]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-403db407]::-webkit-scrollbar-thumb:hover{background-color:#555}.textSm[data-v-3d58c944]{font-size:6px}.textMd[data-v-3d58c944]{font-size:8px}.textLg[data-v-3d58c944]{font-size:9px}.text10[data-v-3d58c944]{font-size:10px}.text-sm[data-v-3d58c944]{font-size:12px}.text-md[data-v-3d58c944]{font-size:14px}.text-lg[data-v-3d58c944]{font-size:16px}.blue-filled{background-color:#007bff;color:#fff}.blue-border{border:2px solid #007bff;color:#007bff}.red-filled{background-color:#dc3545;color:#fff}.red-border{border:2px solid #dc3545;color:#dc3545}.green-filled{background-color:#28a745;color:#fff}.green-border{border:2px solid #28a745;color:#28a745}.yellow-filled{background-color:#fbbc04;color:#fff}.yellow-border{border:2px solid #fbbc04;color:#fbbc04}.accordion-enter-active[data-v-1c2c0817],.accordion-leave-active[data-v-1c2c0817]{transition:height .3s ease}.accordion-enter[data-v-1c2c0817],.accordion-leave-to[data-v-1c2c0817]{height:0;overflow:hidden}.switch[data-v-d0ecef0b]{position:relative;display:inline-block}.switch-checkbox[data-v-d0ecef0b]{opacity:0;width:0;height:0}.switch.disabled[data-v-d0ecef0b]{background-color:#ccc}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.tooltip[data-v-4f47b75d]{position:relative}.tooltip-text[data-v-4f47b75d]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-4f47b75d]{visibility:visible;opacity:1}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-4f47b75d]::-webkit-scrollbar-thumb:hover{background-color:#555}@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.markdown-view ol,.markdown-view ul{list-style:initial;line-height:1.1;padding-left:16px}.markdown-view h1,.markdown-view h2,.markdown-view h3,.markdown-view h4,.markdown-view h5,.markdown-view h6,.markdown-view p,.markdown-view li{word-break:break-word}.markdown-view.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.2em;line-height:1.3}.markdown-view.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.2em;line-height:1.3}.markdown-view.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:1.05em;white-space:pre-wrap;line-height:1.2}
|
|
1
|
+
@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.text9[data-v-2628df74]{font-size:9px}.h-browser[data-v-2628df74]{height:calc(100% - 75px)}.tooltip[data-v-071eaf70]{position:relative}.tooltip-text[data-v-071eaf70]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-071eaf70]{visibility:visible;opacity:1}.overflow-y-auto[data-v-071eaf70]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-071eaf70]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-071eaf70]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-071eaf70]::-webkit-scrollbar-thumb:hover{background-color:#555}.checkmark-tick[data-v-0c95be43]{display:block}.accordion-enter-active[data-v-525e3430],.accordion-leave-active[data-v-525e3430]{transition:height .3s ease}.accordion-enter[data-v-525e3430],.accordion-leave-to[data-v-525e3430]{height:0;overflow:hidden}.modal[data-v-3560b61e]{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;height:100vh;max-height:100%;width:100%;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;padding:1.25rem}@media (min-width: 768px){.modal[data-v-3560b61e]{top:0;right:0;bottom:0;left:0}}.modal-mobile[data-v-3560b61e]{align-items:flex-end;padding:0}.backdrop[data-v-3560b61e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:rgb(107 114 128 / var(--tw-bg-opacity));--tw-bg-opacity: .3}.mobile-modal[data-v-3560b61e]{height:calc(-50px + 100dvh);max-width:100%!important}.error-container[data-v-41b3a0e1]{text-align:center;margin-top:100px;font-family:Arial,sans-serif;color:#333}.request-info[data-v-41b3a0e1]{margin-top:20px;font-size:14px}.copy-btn[data-v-41b3a0e1]{background-color:#f0f0f0;border:1px solid #ccc;padding:5px 10px;cursor:pointer;font-size:14px}.home-link[data-v-41b3a0e1]{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px}.home-link[data-v-41b3a0e1]:hover{background-color:#0056b3}.textSm[data-v-f0eea1db]{font-size:6px}.textMd[data-v-f0eea1db]{font-size:8px}.textLg[data-v-f0eea1db]{font-size:9px}.text10[data-v-f0eea1db]{font-size:10px}.text-sm[data-v-f0eea1db]{font-size:12px}.text-md[data-v-f0eea1db]{font-size:14px}.text-lg[data-v-f0eea1db]{font-size:16px}.blue-filled{background-color:#007bff;color:#fff}.blue-border{border:2px solid #007bff;color:#007bff}.red-filled{background-color:#dc3545;color:#fff}.red-border{border:2px solid #dc3545;color:#dc3545}.green-filled{background-color:#28a745;color:#fff}.green-border{border:2px solid #28a745;color:#28a745}.yellow-filled{background-color:#fbbc04;color:#fff}.yellow-border{border:2px solid #fbbc04;color:#fbbc04}.radio-button[data-v-479fa469]{display:flex;align-items:center;cursor:pointer}.radio-button:hover .radio-button__custom[data-v-479fa469]{box-shadow:0 0 8px #0006}.radio-button__custom[data-v-479fa469]{width:16px;height:16px;border-radius:50%;border:2px solid #e2e7ef;display:inline-block;position:relative}.radio-button__custom[data-v-479fa469]:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:var(--custom-background);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .6s ease}.radio-button input[data-v-479fa469]{display:none}.radio-button input:checked+.radio-button__custom[data-v-479fa469]:after{opacity:1}.radio-button__label[data-v-479fa469]{margin-left:8px}.radio-button:hover .radio-button__label[data-v-479fa469]:not(:hover){box-shadow:none}.switch[data-v-ee85d38a]{position:relative;display:inline-block}.switch-checkbox[data-v-ee85d38a]{opacity:0;width:0;height:0}.switch.disabled[data-v-ee85d38a]{background-color:#ccc}.vc-popover-content-wrapper{--popover-horizontal-content-offset: 8px;--popover-vertical-content-offset: 10px;--popover-caret-horizontal-offset: 18px;--popover-caret-vertical-offset: 8px;position:absolute;display:block;outline:none;z-index:10}.vc-popover-content-wrapper:not(.is-interactive){pointer-events:none}.vc-popover-content{position:relative;color:var(--vc-popover-content-color);font-weight:var(--vc-font-medium);background-color:var(--vc-popover-content-bg);border:1px solid;border-color:var(--vc-popover-content-border);border-radius:var(--vc-rounded-lg);padding:4px;outline:none;z-index:10;box-shadow:var(--vc-shadow-lg)}.vc-popover-content.direction-bottom{margin-top:var(--popover-vertical-content-offset)}.vc-popover-content.direction-top{margin-bottom:var(--popover-vertical-content-offset)}.vc-popover-content.direction-left{margin-right:var(--popover-horizontal-content-offset)}.vc-popover-content.direction-right{margin-left:var(--popover-horizontal-content-offset)}.vc-popover-caret{content:"";position:absolute;display:block;width:12px;height:12px;border-top:inherit;border-left:inherit;background-color:inherit;z-index:-1}.vc-popover-caret.direction-bottom{top:0}.vc-popover-caret.direction-bottom.align-left{transform:translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-bottom.align-center{transform:translate(-50%) translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-bottom.align-right{transform:translateY(-50%) rotate(45deg)}.vc-popover-caret.direction-top{top:100%}.vc-popover-caret.direction-top.align-left{transform:translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-top.align-center{transform:translate(-50%) translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-top.align-right{transform:translateY(-50%) rotate(-135deg)}.vc-popover-caret.direction-left{left:100%}.vc-popover-caret.direction-left.align-top{transform:translate(-50%) rotate(135deg)}.vc-popover-caret.direction-left.align-middle{transform:translateY(-50%) translate(-50%) rotate(135deg)}.vc-popover-caret.direction-left.align-bottom{transform:translate(-50%) rotate(135deg)}.vc-popover-caret.direction-right{left:0}.vc-popover-caret.direction-right.align-top{transform:translate(-50%) rotate(-45deg)}.vc-popover-caret.direction-right.align-middle{transform:translateY(-50%) translate(-50%) rotate(-45deg)}.vc-popover-caret.direction-right.align-bottom{transform:translate(-50%) rotate(-45deg)}.vc-popover-caret.align-left{left:var(--popover-caret-horizontal-offset)}.vc-popover-caret.align-center{left:50%}.vc-popover-caret.align-right{right:var(--popover-caret-horizontal-offset)}.vc-popover-caret.align-top{top:var(--popover-caret-vertical-offset)}.vc-popover-caret.align-middle{top:50%}.vc-popover-caret.align-bottom{bottom:var(--popover-caret-vertical-offset)}.vc-day-popover-row{display:flex;align-items:center;transition:var(--vc-day-content-transition)}.vc-day-popover-row-indicator{display:flex;justify-content:center;align-items:center;flex-grow:0;width:15px}.vc-day-popover-row-indicator span{transition:var(--vc-day-content-transition)}.vc-day-popover-row-label{display:flex;align-items:center;flex-wrap:none;flex-grow:1;width:-moz-max-content;width:max-content;margin-left:4px;margin-right:4px;font-size:var(--vc-text-xs);line-height:var(--vc-leading-normal)}.vc-day-popover-row-highlight{width:8px;height:5px;border-radius:3px}.vc-day-popover-row-bar{width:10px;height:3px}.vc-base-icon{display:inline-block;stroke:currentColor;stroke-width:2;fill:none}.vc-header{display:grid;grid-gap:4px;align-items:center;height:30px;margin-top:10px;padding-left:10px;padding-right:10px}.vc-header.is-lg{font-size:var(--vc-text-lg)}.vc-header.is-xl{font-size:var(--vc-text-xl)}.vc-header.is-2xl{font-size:var(--vc-text-2xl)}.vc-header .vc-title-wrapper{grid-row:1;grid-column:title}.vc-header .vc-prev{grid-row:1;grid-column:prev}.vc-header .vc-next{grid-row:1;grid-column:next}.vc-header .vc-title,.vc-header .vc-prev,.vc-header .vc-next{display:flex;align-items:center;border:0;border-radius:var(--vc-rounded);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vc-header .vc-title{color:var(--vc-header-title-color);font-weight:var(--vc-font-semibold);white-space:nowrap;padding:0 8px;margin:0;line-height:30px}.vc-header .vc-title:hover{opacity:.75}.vc-header .vc-arrow{display:flex;justify-content:center;align-items:center;color:var(--vc-header-arrow-color);width:28px;height:30px;margin:0;padding:0}.vc-header .vc-arrow:hover{background:var(--vc-header-arrow-hover-bg)}.vc-header .vc-arrow:disabled{opacity:.25;pointer-events:none}.vc-nav-header{display:flex;justify-content:space-between}.vc-nav-title,.vc-nav-arrow,.vc-nav-item{font-size:var(--vc-text-sm);margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;border-radius:var(--vc-rounded);white-space:nowrap}.vc-nav-title:hover,.vc-nav-arrow:hover,.vc-nav-item:hover{background-color:var(--vc-nav-hover-bg)}.vc-nav-title:disabled,.vc-nav-arrow:disabled,.vc-nav-item:disabled{opacity:.25;pointer-events:none}.vc-nav-title{color:var(--vc-nav-title-color);font-weight:var(--vc-font-bold);line-height:var(--vc-leading-snug);height:30px;padding:0 6px}.vc-nav-arrow{display:flex;justify-content:center;align-items:center;color:var(--vc-header-arrow-color);width:26px;height:30px;padding:0}.vc-nav-items{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:2px;grid-column-gap:5px;margin-top:2px}.vc-nav-item{width:48px;text-align:center;font-weight:var(--vc-font-semibold);line-height:var(--vc-leading-snug);padding:6px 0}.vc-nav-item.is-active{color:var(--vc-nav-item-active-color);background-color:var(--vc-nav-item-active-bg);font-weight:var(--vc-font-bold)}.vc-nav-item.is-active:not(:focus){box-shadow:var(--vc-nav-item-active-box-shadow)}.vc-nav-item.is-current{color:var(--vc-nav-item-current-color)}.vc-day{position:relative;min-height:32px;z-index:1}.vc-monthly .is-not-in-month *{opacity:0;pointer-events:none}.vc-day-layer{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}.vc-day-box-center-center{display:flex;justify-content:center;align-items:center;transform-origin:50% 50%}.vc-day-box-left-center{display:flex;justify-content:flex-start;align-items:center;transform-origin:0% 50%}.vc-day-box-right-center{display:flex;justify-content:flex-end;align-items:center;transform-origin:100% 50%}.vc-day-box-center-bottom{display:flex;justify-content:center;align-items:flex-end}.vc-day-content{display:flex;justify-content:center;align-items:center;font-size:var(--vc-text-sm);font-weight:var(--vc-font-medium);width:28px;height:28px;line-height:28px;border-radius:var(--vc-rounded-full);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vc-day-content:hover{background-color:var(--vc-day-content-hover-bg)}.vc-day-content.vc-disabled{color:var(--vc-day-content-disabled-color)}.vc-content:not(.vc-base){font-weight:var(--vc-font-bold);color:var(--vc-content-color)}.vc-highlights{overflow:hidden;pointer-events:none;z-index:-1}.vc-highlight{width:28px;height:28px}.vc-highlight.vc-highlight-base-start{width:50%!important;border-radius:0!important;border-right-width:0!important}.vc-highlight.vc-highlight-base-end{width:50%!important;border-radius:0!important;border-left-width:0!important}.vc-highlight.vc-highlight-base-middle{width:100%;border-radius:0!important;border-left-width:0!important;border-right-width:0!important;margin:0 -1px}.vc-highlight-bg-outline,.vc-highlight-bg-none{background-color:var(--vc-highlight-outline-bg);border:2px solid;border-color:var(--vc-highlight-outline-border);border-radius:var(--vc-rounded-full)}.vc-highlight-bg-light{background-color:var(--vc-highlight-light-bg);border-radius:var(--vc-rounded-full)}.vc-highlight-bg-solid{background-color:var(--vc-highlight-solid-bg);border-radius:var(--vc-rounded-full)}.vc-highlight-content-outline,.vc-highlight-content-none{font-weight:var(--vc-font-bold);color:var(--vc-highlight-outline-content-color)}.vc-highlight-content-light{font-weight:var(--vc-font-bold);color:var(--vc-highlight-light-content-color)}.vc-highlight-content-solid{font-weight:var(--vc-font-bold);color:var(--vc-highlight-solid-content-color)}.vc-dots{display:flex;justify-content:center;align-items:center}.vc-dot{width:5px;height:5px;border-radius:9999px;transition:var(--vc-day-content-transition)}.vc-dot:not(:last-child){margin-right:3px}.vc-bars{display:flex;justify-content:flex-start;align-items:center;width:75%}.vc-bar{flex-grow:1;height:3px;transition:var(--vc-day-content-transition)}.vc-dot{background-color:var(--vc-dot-bg)}.vc-bar{background-color:var(--vc-bar-bg)}.vc-pane{min-width:250px}.vc-weeknumber{display:flex;justify-content:center;align-items:center;position:absolute}.vc-weeknumber.is-left{left:calc(var(--vc-weeknumber-offset-inside) * -1)}.vc-weeknumber.is-right{right:calc(var(--vc-weeknumber-offset-inside) * -1)}.vc-weeknumber.is-left-outside{left:calc(var(--vc-weeknumber-offset-outside) * -1)}.vc-weeknumber.is-right-outside{right:calc(var(--vc-weeknumber-offset-outside) * -1)}.vc-weeknumber-content{display:flex;justify-content:center;align-items:center;font-size:var(--vc-text-xs);font-weight:var(--vc-font-medium);font-style:italic;width:28px;height:28px;margin-top:2px;color:var(--vc-weeknumber-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc-weeks{position:relative;-webkit-overflow-scrolling:touch;padding:6px;min-width:232px}.vc-weeks.vc-show-weeknumbers-left{margin-left:var(--vc-weeknumber-offset-inside)}.vc-weeks.vc-show-weeknumbers-right{margin-right:var(--vc-weeknumber-offset-inside)}.vc-weekday{text-align:center;color:var(--vc-weekday-color);font-size:var(--vc-text-sm);font-weight:var(--vc-font-bold);line-height:14px;padding-top:4px;padding-bottom:8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc-week,.vc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);position:relative}.vc-pane-container{width:100%;position:relative}.vc-pane-container.in-transition{overflow:hidden}.vc-pane-layout{display:grid}.vc-pane-header-wrapper{position:absolute;top:0;width:100%;pointer-events:none}.vc-day-popover-container{font-size:var(--vc-text-xs);font-weight:var(--vc-font-medium)}.vc-day-popover-header{font-size:var(--vc-text-xs);color:var(--vc-day-popover-header-color);font-weight:var(--vc-font-semibold);text-align:center}.vc-base-select{position:relative;display:flex;justify-content:center;align-items:center;height:30px;font-size:var(--vc-text-base);font-weight:var(--vc-font-medium)}.vc-base-select.vc-has-icon select{padding:0 27px 0 9px}.vc-base-select.vc-has-icon .vc-base-sizer{padding:0 28px 0 10px}.vc-base-select.vc-fit-content select{position:absolute;top:0;left:0;width:100%}.vc-base-select .vc-base-icon{position:absolute;top:6px;right:4px;opacity:.6;pointer-events:none}.vc-base-select .vc-base-sizer{font-size:var(--vc-text-base);font-weight:var(--vc-font-medium);color:transparent;padding:0 8px;margin:0}.vc-base-select select{display:inline-flex;justify-content:center;color:var(--vc-select-color);display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--vc-select-bg);border-radius:var(--vc-rounded);height:30px;width:-moz-max-content;width:max-content;padding:0 7px;margin:0;line-height:var(--leading-none);text-indent:0px;background-image:none;cursor:pointer;text-align:center}.vc-base-select select:hover{background-color:var(--vc-select-hover-bg)}.vc-base-select select.vc-align-left{text-align:left}.vc-base-select select.vc-align-right{text-align:right}.vc-time-picker{display:flex;flex-direction:column;align-items:center;padding:8px 4px}.vc-time-picker.vc-invalid{pointer-events:none;opacity:.5}.vc-time-picker.vc-attached{border-top:1px solid var(--vc-time-picker-border)}.vc-time-picker>*+*{margin-top:4px}.vc-time-header{display:flex;align-items:center;font-size:var(--vc-text-sm);font-weight:var(--vc-font-semibold);text-transform:uppercase;margin-top:-4px;padding-left:4px;padding-right:4px;line-height:21px}.vc-time-select-group{display:inline-flex;align-items:center;padding:0 4px;background:var(--vc-time-select-group-bg);border-radius:var(--vc-rounded-md);border:1px solid var(--vc-time-select-group-border)}.vc-time-select-group .vc-base-icon{margin-right:4px;color:var(--vc-time-select-group-icon-color)}.vc-time-select-group select{background:transparent;padding:0 4px}.vc-time-weekday{color:var(--vc-time-weekday-color);letter-spacing:var(--tracking-wide)}.vc-time-month{color:var(--vc-time-month-color);margin-left:8px}.vc-time-day{color:var(--vc-time-day-color);margin-left:4px}.vc-time-year{color:var(--vc-time-year-color);margin-left:8px}.vc-time-colon{margin:0 1px 2px 2px}.vc-time-decimal{margin:0 0 0 1px}.vc-none-enter-active,.vc-none-leave-active{transition-duration:0s}.vc-fade-enter-active,.vc-fade-leave-active,.vc-slide-left-enter-active,.vc-slide-left-leave-active,.vc-slide-right-enter-active,.vc-slide-right-leave-active,.vc-slide-up-enter-active,.vc-slide-up-leave-active,.vc-slide-down-enter-active,.vc-slide-down-leave-active,.vc-slide-fade-enter-active,.vc-slide-fade-leave-active{transition:transform var(--vc-slide-duration) var(--vc-slide-timing),opacity var(--vc-slide-duration) var(--vc-slide-timing);backface-visibility:hidden;pointer-events:none}.vc-none-leave-active,.vc-fade-leave-active,.vc-slide-left-leave-active,.vc-slide-right-leave-active,.vc-slide-up-leave-active,.vc-slide-down-leave-active{position:absolute!important;width:100%}.vc-none-enter-from,.vc-none-leave-to,.vc-fade-enter-from,.vc-fade-leave-to,.vc-slide-left-enter-from,.vc-slide-left-leave-to,.vc-slide-right-enter-from,.vc-slide-right-leave-to,.vc-slide-up-enter-from,.vc-slide-up-leave-to,.vc-slide-down-enter-from,.vc-slide-down-leave-to,.vc-slide-fade-enter-from,.vc-slide-fade-leave-to{opacity:0}.vc-slide-left-enter-from,.vc-slide-right-leave-to,.vc-slide-fade-enter-from.direction-left,.vc-slide-fade-leave-to.direction-left{transform:translate(var(--vc-slide-translate))}.vc-slide-right-enter-from,.vc-slide-left-leave-to,.vc-slide-fade-enter-from.direction-right,.vc-slide-fade-leave-to.direction-right{transform:translate(calc(-1 * var(--vc-slide-translate)))}.vc-slide-up-enter-from,.vc-slide-down-leave-to,.vc-slide-fade-enter-from.direction-top,.vc-slide-fade-leave-to.direction-top{transform:translateY(var(--vc-slide-translate))}.vc-slide-down-enter-from,.vc-slide-up-leave-to,.vc-slide-fade-enter-from.direction-bottom,.vc-slide-fade-leave-to.direction-bottom{transform:translateY(calc(-1 * var(--vc-slide-translate)))}:root{--vc-white: #ffffff;--vc-black: #000000;--vc-gray-50: #f8fafc;--vc-gray-100: #f1f5f9;--vc-gray-200: #e2e8f0;--vc-gray-300: #cbd5e1;--vc-gray-400: #94a3b8;--vc-gray-500: #64748b;--vc-gray-600: #475569;--vc-gray-700: #334155;--vc-gray-800: #1e293b;--vc-gray-900: #0f172a;--vc-font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--vc-font-normal: 400;--vc-font-medium: 500;--vc-font-semibold: 600;--vc-font-bold: 700;--vc-text-2xs: 10px;--vc-text-xs: 12px;--vc-text-sm: 14px;--vc-text-base: 16px;--vc-text-lg: 18px;--vc-text-xl: 20px;--vc-text-2xl: 24px;--vc-leading-none: 1;--vc-leading-tight: 1.25;--vc-leading-snug: 1.375;--vc-leading-normal: 1.5;--vc-rounded: .25rem;--vc-rounded-md: .375rem;--vc-rounded-lg: .5rem;--vc-rounded-full: 9999px;--vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--vc-slide-translate: 22px;--vc-slide-duration: .15s;--vc-slide-timing: ease;--vc-day-content-transition: all .13s ease-in;--vc-weeknumber-offset-inside: 26px;--vc-weeknumber-offset-outside: 34px}.vc-gray{--vc-accent-50: var(--vc-gray-50);--vc-accent-100: var(--vc-gray-100);--vc-accent-200: var(--vc-gray-200);--vc-accent-300: var(--vc-gray-300);--vc-accent-400: var(--vc-gray-400);--vc-accent-500: var(--vc-gray-500);--vc-accent-600: var(--vc-gray-600);--vc-accent-700: var(--vc-gray-700);--vc-accent-800: var(--vc-gray-800);--vc-accent-900: var(--vc-gray-900)}.vc-red{--vc-accent-50: #fef2f2;--vc-accent-100: #fee2e2;--vc-accent-200: #fecaca;--vc-accent-300: #fca5a5;--vc-accent-400: #f87171;--vc-accent-500: #ef4444;--vc-accent-600: #dc2626;--vc-accent-700: #b91c1c;--vc-accent-800: #991b1b;--vc-accent-900: #7f1d1d}.vc-orange{--vc-accent-50: #fff7ed;--vc-accent-100: #ffedd5;--vc-accent-200: #fed7aa;--vc-accent-300: #fdba74;--vc-accent-400: #fb923c;--vc-accent-500: #f97316;--vc-accent-600: #ea580c;--vc-accent-700: #c2410c;--vc-accent-800: #9a3412;--vc-accent-900: #7c2d12}.vc-yellow{--vc-accent-50: #fefce8;--vc-accent-100: #fef9c3;--vc-accent-200: #fef08a;--vc-accent-300: #fde047;--vc-accent-400: #facc15;--vc-accent-500: #eab308;--vc-accent-600: #ca8a04;--vc-accent-700: #a16207;--vc-accent-800: #854d0e;--vc-accent-900: #713f12}.vc-green{--vc-accent-50: #f0fdf4;--vc-accent-100: #dcfce7;--vc-accent-200: #bbf7d0;--vc-accent-300: #86efac;--vc-accent-400: #4ade80;--vc-accent-500: #22c55e;--vc-accent-600: #16a34a;--vc-accent-700: #15803d;--vc-accent-800: #166534;--vc-accent-900: #14532d}.vc-teal{--vc-accent-50: #f0fdfa;--vc-accent-100: #ccfbf1;--vc-accent-200: #99f6e4;--vc-accent-300: #5eead4;--vc-accent-400: #2dd4bf;--vc-accent-500: #14b8a6;--vc-accent-600: #0d9488;--vc-accent-700: #0f766e;--vc-accent-800: #115e59;--vc-accent-900: #134e4a}.vc-blue{--vc-accent-50: #eff6ff;--vc-accent-100: #dbeafe;--vc-accent-200: #bfdbfe;--vc-accent-300: #93c5fd;--vc-accent-400: #60a5fa;--vc-accent-500: #3b82f6;--vc-accent-600: #2563eb;--vc-accent-700: #1d4ed8;--vc-accent-800: #1e40af;--vc-accent-900: #1e3a8a}.vc-indigo{--vc-accent-50: #eef2ff;--vc-accent-100: #e0e7ff;--vc-accent-200: #c7d2fe;--vc-accent-300: #a5b4fc;--vc-accent-400: #818cf8;--vc-accent-500: #6366f1;--vc-accent-600: #4f46e5;--vc-accent-700: #4338ca;--vc-accent-800: #3730a3;--vc-accent-900: #312e81}.vc-purple{--vc-accent-50: #faf5ff;--vc-accent-100: #f3e8ff;--vc-accent-200: #e9d5ff;--vc-accent-300: #d8b4fe;--vc-accent-400: #c084fc;--vc-accent-500: #a855f7;--vc-accent-600: #9333ea;--vc-accent-700: #7e22ce;--vc-accent-800: #6b21a8;--vc-accent-900: #581c87}.vc-pink{--vc-accent-50: #fdf2f8;--vc-accent-100: #fce7f3;--vc-accent-200: #fbcfe8;--vc-accent-300: #f9a8d4;--vc-accent-400: #f472b6;--vc-accent-500: #ec4899;--vc-accent-600: #db2777;--vc-accent-700: #be185d;--vc-accent-800: #9d174d;--vc-accent-900: #831843}.vc-focus:focus-within{outline:0;box-shadow:var(--vc-focus-ring)}.vc-light{--vc-color: var(--vc-gray-900);--vc-bg: var(--vc-white);--vc-border: var(--vc-gray-300);--vc-hover-bg: hsla(211, 25%, 84%, .3);--vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, .4);--vc-header-arrow-color: var(--vc-gray-500);--vc-header-arrow-hover-bg: var(--vc-gray-200);--vc-header-title-color: var(--vc-gray-900);--vc-weekday-color: var(--vc-gray-500);--vc-weeknumber-color: var(--vc-gray-400);--vc-nav-hover-bg: var(--vc-gray-200);--vc-nav-title-color: var(--vc-gray-900);--vc-nav-item-hover-box-shadow: none;--vc-nav-item-active-color: var(--vc-white);--vc-nav-item-active-bg: var(--vc-accent-500);--vc-nav-item-active-box-shadow: var(--vc-shadow);--vc-nav-item-current-color: var(--vc-accent-600);--vc-day-popover-container-color: var(--vc-white);--vc-day-popover-container-bg: var(--vc-gray-800);--vc-day-popover-container-border: var(--vc-gray-700);--vc-day-popover-header-color: var(--vc-gray-700);--vc-popover-content-color: var(--vc-gray-900);--vc-popover-content-bg: var(--vc-gray-50);--vc-popover-content-border: var(--vc-gray-300);--vc-time-picker-border: var(--vc-gray-300);--vc-time-weekday-color: var(--vc-gray-700);--vc-time-month-color: var(--vc-accent-600);--vc-time-day-color: var(--vc-accent-600);--vc-time-year-color: var(--vc-gray-500);--vc-time-select-group-bg: var(--vc-gray-50);--vc-time-select-group-border: var(--vc-gray-300);--vc-time-select-group-icon-color: var(--vc-accent-500);--vc-select-color: var(--vc-gray-900);--vc-select-bg: var(--vc-gray-100);--vc-select-hover-bg: var(--vc-gray-200);--vc-day-content-hover-bg: var(--vc-hover-bg);--vc-day-content-disabled-color: var(--vc-gray-400)}.vc-light.vc-attr,.vc-light .vc-attr{--vc-content-color: var(--vc-accent-600);--vc-highlight-outline-bg: var(--vc-white);--vc-highlight-outline-border: var(--vc-accent-600);--vc-highlight-outline-content-color: var(--vc-accent-700);--vc-highlight-light-bg: var(--vc-accent-200);--vc-highlight-light-content-color: var(--vc-accent-900);--vc-highlight-solid-bg: var(--vc-accent-600);--vc-highlight-solid-content-color: var(--vc-white);--vc-dot-bg: var(--vc-accent-600);--vc-bar-bg: var(--vc-accent-600)}.vc-dark{--vc-color: var(--vc-white);--vc-bg: var(--vc-gray-900);--vc-border: var(--vc-gray-700);--vc-hover-bg: hsla(216, 15%, 52%, .3);--vc-focus-ring: 0 0 0 2px rgb(59 130 246 / .7);--vc-header-arrow-color: var(--vc-gray-300);--vc-header-arrow-hover-bg: var(--vc-gray-800);--vc-header-title-color: var(--vc-gray-100);--vc-weekday-color: var(--vc-accent-200);--vc-weeknumber-color: var(--vc-gray-500);--vc-nav-hover-bg: var(--vc-gray-700);--vc-nav-title-color: var(--vc-gray-100);--vc-nav-item-hover-box-shadow: none;--vc-nav-item-active-color: var(--vc-white);--vc-nav-item-active-bg: var(--vc-accent-500);--vc-nav-item-active-box-shadow: none;--vc-nav-item-current-color: var(--vc-accent-400);--vc-day-popover-container-color: var(--vc-gray-800);--vc-day-popover-container-bg: var(--vc-white);--vc-day-popover-container-border: var(--vc-gray-100);--vc-day-popover-header-color: var(--vc-gray-300);--vc-popover-content-color: var(--vc-white);--vc-popover-content-bg: var(--vc-gray-800);--vc-popover-content-border: var(--vc-gray-700);--vc-time-picker-border: var(--vc-gray-700);--vc-time-weekday-color: var(--vc-gray-400);--vc-time-month-color: var(--vc-accent-400);--vc-time-day-color: var(--vc-accent-400);--vc-time-year-color: var(--vc-gray-500);--vc-time-select-group-bg: var(--vc-gray-700);--vc-time-select-group-border: var(--vc-gray-500);--vc-time-select-group-icon-color: var(--vc-accent-400);--vc-select-color: var(--vc-gray-200);--vc-select-bg: var(--vc-gray-700);--vc-select-hover-bg: var(--vc-gray-600);--vc-day-content-hover-bg: var(--vc-hover-bg);--vc-day-content-disabled-color: var(--vc-gray-600)}.vc-dark.vc-attr,.vc-dark .vc-attr{--vc-content-color: var(--vc-accent-500);--vc-highlight-outline-bg: var(--vc-gray-900);--vc-highlight-outline-border: var(--vc-accent-300);--vc-highlight-outline-content-color: var(--vc-accent-200);--vc-highlight-light-bg: var(--vc-accent-800);--vc-highlight-light-content-color: var(--vc-accent-100);--vc-highlight-solid-bg: var(--vc-accent-500);--vc-highlight-solid-content-color: var(--vc-white);--vc-dot-bg: var(--vc-accent-500);--vc-bar-bg: var(--vc-accent-500)}.vc-container{position:relative;display:inline-flex;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;font-family:var(--vc-font-family);color:var(--vc-color);background-color:var(--vc-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.vc-container,.vc-container *{box-sizing:border-box}.vc-container:focus,.vc-container *:focus{outline:none}.vc-container .vc-container{border:none}.vc-bordered{border:1px solid;border-color:var(--vc-border);border-radius:var(--vc-rounded-lg)}.vc-expanded{min-width:100%}.vc-transparent{background-color:transparent}.vc-date-picker-content{padding:0;background-color:var(--vc-bg)}.vc-date-picker-content .vc-container{border:0}.fast-picker-group[data-v-87a6a6b5]{border:1px solid rgba(82,91,102,.08);border-radius:12px;padding:8px 12px;background-color:#fff}.fast-picker-group__list[data-v-87a6a6b5]{max-height:480px;overflow-y:auto}.fast-picker-option[data-v-87a6a6b5]{width:100%;border-radius:.375rem;border-width:1px;border-color:transparent;padding:.5rem .75rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fast-picker-option[data-v-87a6a6b5]:hover{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.fast-picker-option--active[data-v-87a6a6b5]{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));font-weight:600;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.fast-picker-option__label[data-v-87a6a6b5]{display:block}.fast-picker-option__description[data-v-87a6a6b5]{display:block;font-size:11px;color:#6b7280}.picker-group[data-v-b6112a2b]{border:1px solid rgba(82,91,102,.08);border-radius:12px;padding:12px;background-color:#fff}@media (min-width: 640px){.picker-group[data-v-b6112a2b]{min-height:320px;max-height:420px}.picker-group__list[data-v-b6112a2b]{max-height:280px;overflow-y:auto}}.picker-option[data-v-b6112a2b]{width:100%;border-radius:.375rem;border-width:1px;border-color:transparent;padding:.5rem .75rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.picker-option[data-v-b6112a2b]:hover{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.picker-option--active[data-v-b6112a2b]{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));font-weight:600;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.picker-option__label[data-v-b6112a2b]{display:block}.picker-option__description[data-v-b6112a2b]{display:block;font-size:11px;color:#6b7280}.picker-panel[data-v-b6112a2b]{border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:.75rem}.picker-panel[data-v-b6112a2b] .vc-container,.picker-panel[data-v-b6112a2b] .vc-pane-container,.picker-panel[data-v-b6112a2b] .vc-pane,.picker-panel[data-v-b6112a2b] .vc-weeks{width:100%}.picker-cta--active[data-v-b6112a2b]{--tw-bg-opacity: 1 !important;background-color:rgb(239 246 255 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(37 99 235 / var(--tw-text-opacity))!important}.manual-input[data-v-b6112a2b]{height:2.25rem;width:100%;border-radius:10px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.manual-input[data-v-b6112a2b]:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}.nav-btn[data-v-b6112a2b]{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.nav-btn[data-v-b6112a2b]:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.nav-btn[data-v-b6112a2b]:disabled{cursor:not-allowed;opacity:.5}.month-btn[data-v-b6112a2b]{height:3rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.month-btn[data-v-b6112a2b]:hover,.month-btn--active[data-v-b6112a2b]{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.markdown-view ol,.markdown-view ul{list-style:initial;line-height:1.1;padding-left:16px}.markdown-view h1,.markdown-view h2,.markdown-view h3,.markdown-view h4,.markdown-view h5,.markdown-view h6,.markdown-view p,.markdown-view li{word-break:break-word}.markdown-view.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.2em;line-height:1.3}.markdown-view.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.2em;line-height:1.3}.markdown-view.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:1.05em;white-space:pre-wrap;line-height:1.2}.sidebar[data-v-5fb28f96]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-5fb28f96]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-5fb28f96]{position:relative}.tooltip-text[data-v-5fb28f96]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-5fb28f96]{visibility:visible;opacity:1}.cont[data-v-5fb28f96]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-5fb28f96]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-5fb28f96]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-5fb28f96]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-5fb28f96]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-5fb28f96]{position:relative;background:linear-gradient(to right,#e1a508,#e04040);border-radius:9px}.scroll-body[data-v-f7ecaf82]{height:100dvh}.module-border-wrap[data-v-f7ecaf82]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-f7ecaf82]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-f7ecaf82]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-f7ecaf82]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-f7ecaf82]::-webkit-scrollbar-thumb:hover{background-color:#555}
|
package/dist/switch/switch.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ExtractPropTypes, FunctionalComponent, Component } from
|
|
1
|
+
import type { ExtractPropTypes, FunctionalComponent, Component } from 'vue';
|
|
2
2
|
export type SwitchColorType = 'green' | 'blue' | 'red' | 'yellow';
|
|
3
3
|
export type SwitchSizeType = 'sm' | 'md' | 'lg';
|
|
4
4
|
export type SwitchModelValue = boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneb/ui-vue",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.9",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
@@ -49,13 +49,65 @@
|
|
|
49
49
|
"types": "./dist/layout/index.d.ts",
|
|
50
50
|
"import": "./dist/layout/index.js"
|
|
51
51
|
},
|
|
52
|
+
"./checkbox": {
|
|
53
|
+
"types": "./dist/checkbox/index.d.ts",
|
|
54
|
+
"import": "./dist/checkbox/index.js"
|
|
55
|
+
},
|
|
56
|
+
"./collapse": {
|
|
57
|
+
"types": "./dist/collapse/index.d.ts",
|
|
58
|
+
"import": "./dist/collapse/index.js"
|
|
59
|
+
},
|
|
60
|
+
"./errorsPage": {
|
|
61
|
+
"types": "./dist/errorsPage/index.d.ts",
|
|
62
|
+
"import": "./dist/errorsPage/index.js"
|
|
63
|
+
},
|
|
64
|
+
"./indicators": {
|
|
65
|
+
"types": "./dist/indicators/index.d.ts",
|
|
66
|
+
"import": "./dist/indicators/index.js"
|
|
67
|
+
},
|
|
68
|
+
"./infobox": {
|
|
69
|
+
"types": "./dist/infobox/index.d.ts",
|
|
70
|
+
"import": "./dist/infobox/index.js"
|
|
71
|
+
},
|
|
72
|
+
"./label": {
|
|
73
|
+
"types": "./dist/label/index.d.ts",
|
|
74
|
+
"import": "./dist/label/index.js"
|
|
75
|
+
},
|
|
76
|
+
"./modal": {
|
|
77
|
+
"types": "./dist/modal/index.d.ts",
|
|
78
|
+
"import": "./dist/modal/index.js"
|
|
79
|
+
},
|
|
80
|
+
"./radio": {
|
|
81
|
+
"types": "./dist/radio/index.d.ts",
|
|
82
|
+
"import": "./dist/radio/index.js"
|
|
83
|
+
},
|
|
84
|
+
"./skeleton": {
|
|
85
|
+
"types": "./dist/skeleton/index.d.ts",
|
|
86
|
+
"import": "./dist/skeleton/index.js"
|
|
87
|
+
},
|
|
88
|
+
"./switch": {
|
|
89
|
+
"types": "./dist/switch/index.d.ts",
|
|
90
|
+
"import": "./dist/switch/index.js"
|
|
91
|
+
},
|
|
92
|
+
"./toast": {
|
|
93
|
+
"types": "./dist/toast/index.d.ts",
|
|
94
|
+
"import": "./dist/toast/index.js"
|
|
95
|
+
},
|
|
96
|
+
"./tooltip": {
|
|
97
|
+
"types": "./dist/tooltip/index.d.ts",
|
|
98
|
+
"import": "./dist/tooltip/index.js"
|
|
99
|
+
},
|
|
100
|
+
"./periodPicker": {
|
|
101
|
+
"types": "./dist/periodPicker/index.d.ts",
|
|
102
|
+
"import": "./dist/periodPicker/index.js"
|
|
103
|
+
},
|
|
52
104
|
"./icons": {
|
|
53
|
-
"types": "./dist/icons/outline/index.d.ts",
|
|
105
|
+
"types": "./dist/icons/outline/esm/index.d.ts",
|
|
54
106
|
"import": "./dist/icons/outline/esm/index.js",
|
|
55
107
|
"require": "./dist/icons/outline/index.js"
|
|
56
108
|
},
|
|
57
109
|
"./icons/*": {
|
|
58
|
-
"types": "./dist/icons/outline/*.d.ts",
|
|
110
|
+
"types": "./dist/icons/outline/esm/*.d.ts",
|
|
59
111
|
"import": "./dist/icons/outline/esm/*.js",
|
|
60
112
|
"require": "./dist/icons/outline/*.js"
|
|
61
113
|
},
|
|
@@ -65,7 +117,7 @@
|
|
|
65
117
|
"require": "./dist/icons/outline/index.js"
|
|
66
118
|
},
|
|
67
119
|
"./icons/outline/*": {
|
|
68
|
-
"types": "./dist/icons/outline/*.d.ts",
|
|
120
|
+
"types": "./dist/icons/outline/esm/*.d.ts",
|
|
69
121
|
"import": "./dist/icons/outline/esm/*.js",
|
|
70
122
|
"require": "./dist/icons/outline/*.js"
|
|
71
123
|
}
|
|
@@ -89,6 +141,8 @@
|
|
|
89
141
|
},
|
|
90
142
|
"dependencies": {
|
|
91
143
|
"@floating-ui/vue": "^1.1.6",
|
|
144
|
+
"dayjs": "^1.11.13",
|
|
145
|
+
"v-calendar": "^3.1.2",
|
|
92
146
|
"vue-markdown-render": "^2.2.1"
|
|
93
147
|
}
|
|
94
148
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),_=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),S=require("./XMarkIcon-f94baa4c.cjs"),P=require("./index-9f8735d9.cjs"),F=require("./_plugin-vue_export-helper-f246444f.cjs"),L={title:{type:String},stick:{type:String,default:"right"}},q={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},H=["data-opened"],I={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},D=e.defineComponent({__name:"OneDropdown",props:L,emits:["open","close"],setup(d,{emit:c}){const u=e.ref(!1),a=e.ref(null),s=c,l=d,i=()=>{u.value=!u.value,u.value?s("open"):s("close")};e.provide("OneDropdown",{onToggle:i});const n=e.computed(()=>{const t=a.value!=null&&a.value.getBoundingClientRect.x<270;return a.value!=null&&a.value.getBoundingClientRect().top+270>window.innerHeight?"up"+(t?"-right":"-left"):"down"+(t?"-right":"-left")}),h=e.computed(()=>{const t=["absolute z-10 w-fit rounded-md bg-white","py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"];return n.value.startsWith("up")?t.push("bottom-1 mb-10"):n.value.startsWith("down")&&t.push("top-1 mt-10"),l.stick==="right"?t.push("right-0"):l.stick==="left"&&t.push("left-0"),t});return(t,k)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:a,"data-opened":u.value},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:i,isExpanded:u.value}))),u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:i})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",h.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[t.title?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:i})))],2)):e.createCommentVNode("",!0)]),_:3})],8,H))}}),b=e.defineComponent({__name:"OneDropdownItem",props:q,emits:["click"],setup(d,{emit:c}){const u=c,a=d,s=e.inject("OneDropdown"),l=()=>{s!==void 0&&s.onToggle(),u("click")},i=e.computed(()=>{const n=[];return a.variant==="secondary"?n.push("text-secondary-content hover:bg-secondary-body-hover"):a.variant==="danger"?n.push("text-danger-content hover:bg-danger-10"):a.variant==="warning"?n.push("text-warning-content hover:bg-warning-10"):a.variant==="info"?n.push("text-info-content hover:bg-info-10"):n.push("hover:bg-secondary-body-hover"),n});return(n,h)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",i.value]),onClick:e.withModifiers(l,["prevent"])},[n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(n.label),1)],2))}});function T(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})])}const R={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},app:{type:Object},accountLabel:{type:String,default:"Account"},logoutLabel:{type:String,default:"Logout"},versionLabel:{type:String,default:""},onAccount:{type:Function},onLogout:{type:Function}},M={workspace:{type:Object,required:!0},workspaces:{type:Array},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},appsTitle:{type:String,default:"Ваші додатки"},changeLabel:{type:String,default:"Керувати робочими просторами"},onChange:{type:Function},onApp:{type:Function}},W={help:{type:Object,required:!0}},U=["onClick"],X={class:"flex flex-col items-center pt-5 pb-2 h-full"},G={class:"flex flex-col px-10 py-1 mt-2 text-center"},J={class:"self-center text-base font-medium tracking-wide text-black"},K={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},Q={class:"text-left w-full mt-5 px-3"},Y={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},Z=e.defineComponent({__name:"OneUserMenu",props:R,setup(d){const c=d,u=e.computed(()=>{var l;return(l=c.menu)==null?void 0:l.map(i=>{let n={label:i.label};i.icon!=null&&(n={...n,icon:i.icon});const h=typeof i.click=="function"?i.click:()=>{};return{key:i.label,args:n,click:h}})}),a=()=>{typeof c.onAccount=="function"&&c.onAccount()},s=()=>{typeof c.onLogout=="function"&&c.onLogout()};return(l,i)=>(e.openBlock(),e.createBlock(D,{stick:"right"},{button:e.withCtx(({onToggle:n,isExpanded:h})=>{var t,k;return[e.createElementVNode("button",{onClick:n,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[h?"bg-secondary-25":""]])},[e.createVNode(_._sfc_main,{text:((t=l.user)==null?void 0:t.name)||"",size:l.iconSize,src:(k=l.user)==null?void 0:k.photo_url,rounded:!0},null,8,["text","size","src"])],10,U)]}),menu:e.withCtx(()=>{var n,h,t,k,g;return[e.createElementVNode("div",X,[e.createVNode(_._sfc_main,{text:((n=l.user)==null?void 0:n.name)||"",size:80,src:(h=l.user)==null?void 0:h.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",G,[e.createElementVNode("div",J,e.toDisplayString((t=l.user)==null?void 0:t.name),1),e.createElementVNode("div",K,e.toDisplayString((k=l.user)==null?void 0:k.email),1)]),typeof c.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:a,class:"cursor-pointer justify-center px-8 py-2 mt-3 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-neutral-100 border-slate-200 rounded-[50px] hover:bg-neutral-200"},e.toDisplayString(l.accountLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,v=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:v.key,ref_for:!0},v.args,{onClick:v.click}),null,16,["onClick"]))),128)),typeof l.onLogout=="function"?(e.openBlock(),e.createBlock(b,{key:0,icon:e.unref(T),label:l.logoutLabel,class:"rounded py-3",onClick:s},null,8,["icon","label"])):e.createCommentVNode("",!0)]),i[0]||(i[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",Y,e.toDisplayString((g=l.app)==null?void 0:g.version),1)])]}),_:1}))}});function z(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"})])}function B(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})])}function E(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 15.75l7.5-7.5 7.5 7.5"})])}function j(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})])}const ee=["data-opened"],te={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},oe={class:"flex justify-between items-center pt-3 mb-3"},ne={class:"font-semibold text-xl px-3"},re={class:"grid"},le={class:"rounded-lg m-3 border"},se={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},ce={class:"flex justify-between relative"},ae={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},ie={key:0},de={class:"text-xs font-semibold"},ue={class:"px-3 py-2"},pe={class:"text-secondary-content text-left pb-1 text-xs uppercase"},me={class:"overflow-auto max-h-full"},he={key:0,class:"space-y-2"},ke=["onClick"],fe={class:"flex"},ge={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},ve={class:"pl-2"},xe={class:"text-sm mt-1 font-semibold"},_e={class:"text9 mt-1"},ye={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},we=e.defineComponent({__name:"OneBrowserMenu",props:M,emits:["open","close"],setup(d,{emit:c}){const u=c,a=d,s=e.ref(!1),l=()=>{s.value=!s.value,s.value?u("open"):u("close")},i=e.ref(!1);e.computed(()=>i.value?E:B);const n=()=>{typeof a.onChange=="function"&&a.onChange()},h=t=>{typeof a.onApp=="function"&&a.onApp(t)};return(t,k)=>{var g,v,r,p,f,x;return e.openBlock(),e.createElementBlock("div",{"data-opened":s.value},[e.createElementVNode("button",{onClick:l,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":s.value}])},[e.createVNode(e.unref(z),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:l})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",oe,[e.createElementVNode("div",ne,e.toDisplayString((g=t.workspace)==null?void 0:g.title),1),e.createVNode(e.unref(S.render),{class:"w-6 cursor-pointer",onClick:l})]),e.createElementVNode("div",re,[e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.createElementVNode("div",ce,[e.createVNode(_._sfc_main,{text:((v=t.workspace)==null?void 0:v.name)||"",src:(r=t.workspace)==null?void 0:r.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ae,e.toDisplayString((p=t.workspace)==null?void 0:p.name),1)]),i.value?(e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,m=>(e.openBlock(),e.createElementBlock("div",{key:m.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(_._sfc_main,{text:m.name,src:m.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",de,e.toDisplayString(m.name),1)]))),128))])):e.createCommentVNode("",!0),k[0]||(k[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:n,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString((f=t.workspace)==null?void 0:f.changeLabel),1)])]),e.createElementVNode("div",ue,[e.createElementVNode("div",pe,e.toDisplayString((x=t.workspace)==null?void 0:x.appsLabel),1),e.createElementVNode("div",me,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",he,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.apps,m=>(e.openBlock(),e.createElementBlock("div",{key:m.id,onClick:y=>h(m),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",fe,[e.createElementVNode("div",ge,[e.createVNode(_._sfc_main,{text:m.name,src:m.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",ve,[e.createElementVNode("p",xe,e.toDisplayString(m.name),1),e.createElementVNode("p",_e,e.toDisplayString(m==null?void 0:m.short),1)])]),e.createElementVNode("div",null,[e.createVNode(P._sfc_main,{variant:"touch",icon:e.unref(j),onClick:y=>h(m)},null,8,["icon","onClick"])])],8,ke))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("button",ye,e.toDisplayString("Дивитися всі"))):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,ee)}}});const be=F._export_sfc(we,[["__scopeId","data-v-4936d4e4"]]);function Be(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"})])}function Ee(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"})])}function O(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"})])}const Ve=["data-opened"],Ne={key:1,class:"absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"},Ce={class:"flex justify-between items-center pt-3 mb-3"},$e={class:"font-semibold text-xl px-3"},Ae={key:0,class:"grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"},Se=["onClick"],Fe={class:"uppercase text-[8px]"},Le={class:"overflow-y-auto grid rounded-xl"},De={class:"max-h-full bg-[#FAFAFA]"},Me={key:0,class:"space-y-2"},ze=["onClick"],je={class:"flex"},Oe={class:"pl-2"},Pe={class:"text-sm mt-1 font-semibold"},qe={class:"text-[10px] mt-1 text-[#979CA9]"},He={class:"mt-auto"},Ie={key:0},Te=["onClick"],Re={class:"flex items-center space-x-3"},We={class:"h-16"},Ue={key:0,class:"bg-[#FAFAFA] rounded-lg p-3"},Xe={class:"flex justify-between"},Ge=["onClick"],Je={key:0,class:"tooltip-text min-w-[70px]"},Ke={class:"flex justify-between mb-4"},Qe=["href"],Ye={class:"flex flex-nowrap items-center w-max h-[24px]"},Ze={class:"whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]"},et={class:"py-[8px] pl-0 pr-[8px]"},tt=e.defineComponent({__name:"OneHelpMenu",props:W,emits:["open","close"],setup(d,{emit:c}){const u=c,a=d,s=e.ref(!1),l=()=>{s.value=!s.value,s.value?u("open"):u("close")},i=e.computed(()=>g.value?E:B),n=e.ref(3),h=e.computed(()=>{var p,f;const r=((f=(p=a.help)==null?void 0:p.helpList)==null?void 0:f.length)||0;return n.value===r});e.computed(()=>{var p;return(((p=a.help)==null?void 0:p.helpList)||[]).slice(0,n.value)});const t=()=>{var p,f;const r=((f=(p=a.help)==null?void 0:p.helpList)==null?void 0:f.length)||0;n.value=h.value?3:r},k=(r,p)=>{r&&p&&typeof p.openLink=="function"?p.openLink(p):r&&window.open(r,"_blank")},g=e.ref(!1),v=()=>{g.value=!g.value};return(r,p)=>{var f,x,m,y,V,N,C,$,A;return e.openBlock(),e.createElementBlock("div",{"data-opened":s.value},[e.createElementVNode("button",{onClick:l,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":s.value}])},[e.createVNode(e.unref(Be),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10 flex flex-col",onClick:l})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("div",Ce,[e.createElementVNode("div",$e,e.toDisplayString((f=r.help)==null?void 0:f.label),1),e.createVNode(e.unref(S.render),{class:"w-6 cursor-pointer",onClick:l})]),(x=r.help)!=null&&x.helpButton?(e.openBlock(),e.createElementBlock("div",Ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((m=r.help)==null?void 0:m.helpButton,o=>(e.openBlock(),e.createElementBlock("button",{key:o.name,onClick:w=>k(o.link,o),class:"grid justify-center space-y-2 hover:bg-slate-100 p-3 rounded-xl hover:text-blue-500"},[e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o==null?void 0:o.icon),{class:"w-[16px] h-[16px] mx-auto"}))]),e.createElementVNode("span",Fe,e.toDisplayString(o.name),1)],8,Se))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Le,[e.createElementVNode("div",De,[(y=r.help)!=null&&y.helpList&&r.help.helpList.length?(e.openBlock(),e.createElementBlock("div",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.help.helpList,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,onClick:w=>k(o.link,o),class:"flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"},[e.createElementVNode("div",je,[e.createElementVNode("div",Oe,[e.createElementVNode("p",Pe,e.toDisplayString(o.name),1),e.createElementVNode("p",qe,e.toDisplayString(o.category),1)])])],8,ze))),128))])):e.createCommentVNode("",!0)])]),(V=r.help)!=null&&V.helpList&&r.help.helpList.length<0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:t,class:"h-11 w-full bg-[#FAFAFA] hover:bg-slate-100 p-3 text-[#525B66] rounded-b-xl text-xs hover:text-[#4089E0] font-medium"},e.toDisplayString(h.value?r.help.buttNoMore:r.help.buttMore),1)):e.createCommentVNode("",!0),e.createElementVNode("div",He,[(N=r.help)!=null&&N.video?(e.openBlock(),e.createElementBlock("div",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.help.video,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,onClick:w=>k(o.link,o),class:"flex items-center space-x-3 mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"},[e.createVNode(e.unref(Ee),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(o.name),1)],8,Te))),128))])):e.createCommentVNode("",!0),(C=r.help)!=null&&C.socialList?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:v,class:"flex items-center justify-between mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"},[e.createElementVNode("div",Re,[e.createVNode(e.unref(O),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(r.help.socialButt),1)]),e.createVNode(e.unref(i),{class:"w-4 h-4"})])):e.createCommentVNode("",!0),e.createElementVNode("div",We,[g.value?(e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",Xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(($=r.help)==null?void 0:$.socialList,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,onClick:w=>k(o.link,o),class:"flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"},[e.createElementVNode("div",null,[o.name?(e.openBlock(),e.createElementBlock("div",Je,e.toDisplayString(o.name),1)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o==null?void 0:o.icon),{class:"w-[24px] h-[24px] mx-auto"}))])],8,Ge))),128))])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((A=r.help)==null?void 0:A.termsOffer,o=>(e.openBlock(),e.createElementBlock("a",{key:o.name,target:"_blank",href:o.link,class:"ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"},[e.createElementVNode("div",Ye,[e.createElementVNode("div",Ze,[e.createElementVNode("span",et,e.toDisplayString(o.name),1)])])],8,Qe))),128))])])])):e.createCommentVNode("",!0)],8,Ve)}}});const ot=F._export_sfc(tt,[["__scopeId","data-v-4f47b75d"]]);exports.OneBrowserMenu=be;exports.OneHelpMenu=ot;exports._sfc_main=Z;exports._sfc_main$1=D;exports._sfc_main$2=b;exports.browserMenuProps=M;exports.dropdownProps=L;exports.render=E;exports.render$1=B;exports.render$2=j;exports.render$3=O;exports.render$4=z;
|
package/dist/index-9f8735d9.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),g=require("./_plugin-vue_export-helper-f246444f.cjs");const f={},v={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}};function y(i,n){return e.openBlock(),e.createElementBlock("svg",v,n[0]||(n[0]=[e.createElementVNode("circle",{style:{"stroke-linecap":"round",animation:"one-sp-ico-dash 1.7s ease-in-out infinite"},class:"opacity-75",cx:"12",cy:"12",r:"8",fill:"none",stroke:"currentColor","stroke-width":"2"},null,-1)]))}const c=g._export_sfc(f,[["render",y]]),h={variant:{type:String,default:"primary"},size:{type:String,default:"md"},label:{type:String},labelClass:{type:String,default:""},icon:{type:[Function,Object]},isLoading:{type:Boolean},isSubmit:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},iconClass:{type:[String,Array]},iconAfter:{type:[Function,Object,String]}},k=["relative inline-flex","border","items-center justify-center","font-medium whitespace-nowrap","disabled:opacity-50 disabled:cursor-default","focus:outline-none focus:ring-2","transition-colors duration-200"],w={sm:["px-2 py-1 text-sm"],md:["px-3 py-2"],lg:["px-4 py-3"]},C={primary:["rounded-md border-transparent bg-primary-base disabled:bg-primary-hover text-sm text-white hover:bg-primary-hover focus:ring-primary-glow"],secondary:["rounded-md border-primary-stroke bg-primary-body disabled:bg-primary-body-hover text-black text-sm hover:bg-primary-body-hover focus:ring-tertiary-glow"],info:["rounded-md border-transparent bg-info-base disabled:bg-info-hover text-white text-sm hover:bg-info-hover focus:ring-info-glow"],success:["rounded-md border-transparent bg-success-base disabled:bg-success-hover text-white text-sm hover:bg-success-hover focus:ring-success-glow"],warning:["rounded-md border-transparent bg-warning-base disabled:bg-warning-hover text-white text-sm hover:bg-warning-hover focus:ring-warning-glow"],danger:["rounded-md border-transparent bg-danger-base disabled:bg-danger-hover text-white text-sm hover:bg-danger-hover focus:ring-danger-glow"],touch:["rounded-full border-transparent text-black hover:bg-primary-body-hover hover:shadow p-3 text-sm focus:ring-tertiary-glow"],link:["rounded-md border-transparent items-center text-info-base hover:text-info-hover text-sm"],none:["rounded-md border-transparent text-gray-500"],mini:["rounded-full border-transparent bg-[#FAFAFA] text-sm hover:text-green-500 disabled:text-[#525B66] focus:ring-2"]},x=(i="primary",n="md")=>{const o=[];return o.push(...k),o.push(...C[i]??[]),i!=="touch"&&o.push(...w[n]??[]),o},B=["disabled","title","type"],_=e.defineComponent({__name:"OneButton",props:h,emits:["click"],setup(i,{emit:n}){const o=n,s=i,u=()=>{o("click")},r=e.computed(()=>s.icon),a=e.computed(()=>s.iconAfter),d=e.computed(()=>{const t=x(s.variant,s.size);return s.variant==="touch"&&s.active&&t.push("bg-primary-body-active"),t}),p=e.computed(()=>s.disabled||s.isLoading),m=e.computed(()=>s.label&&s.label.length>0&&s.variant!=="touch"),b=e.computed(()=>{const t=["inline-block text-ellipsis overflow-hidden"];return r.value!=null&&t.push("ml-2"),a.value!=null&&t.push("mr-2"),s.labelClass!=null&&t.push(s.labelClass),t}),l=e.computed(()=>{const t=[];return s.size==="sm"?t.push("w-3 h-3"):s.size==="lg"?t.push("w-5 h-5"):t.push("w-4 h-4"),typeof s.iconClass=="string"?t.push(s.iconClass):s.iconClass instanceof Array&&t.push(...s.iconClass),t});return(t,S)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(d.value),disabled:p.value,title:t.label,type:t.isSubmit?"submit":"button",onClick:e.withModifiers(u,["stop"])},[r.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(c,{key:0,class:e.normalizeClass(l.value)},null,8,["class"])):typeof r.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(l.value)},e.toDisplayString(r.value),3)):r.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:2,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(b.value)},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])],2)):e.createCommentVNode("",!0),a.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(c,{key:4,class:e.normalizeClass(l.value)},null,8,["class"])):typeof a.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:5,class:e.normalizeClass(l.value)},e.toDisplayString(a.value),3)):a.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:6,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0)],10,B))}});exports.SpinnerIcon=c;exports._sfc_main=_;
|