@feedmepos/ui-library 0.0.1 → 0.0.4
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/dist/components/button/FmButton.vue.d.ts +47 -29
- package/dist/components/button-group/FmButtonGroup.vue.d.ts +40 -0
- package/dist/components/date-picker/FmDatePicker.vue.d.ts +9 -0
- package/dist/components/date-range-picker/FmDateRangePicker.vue.d.ts +13 -0
- package/dist/components/form/form/FmForm.vue.d.ts +18 -0
- package/dist/components/form/radio/FmRadio.vue.d.ts +6 -5
- package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts +80 -0
- package/dist/components/form/stepper-field/FmStepperField.vue.d.ts +23 -23
- package/dist/components/form/text-field/FmTextField.vue.d.ts +28 -37
- package/dist/components/form/textarea/FmTextarea.vue.d.ts +36 -16
- package/dist/components/menu/menu-container/FmMenu.vue.d.ts +45 -2
- package/dist/components/menu/menu-item/FmMenuItem.vue.d.ts +1 -3
- package/dist/components/progress-indicator/FmProgressIndicator.vue.d.ts +1 -1
- package/dist/components/progress-indicator/FmProgressIndicatorGroup.vue.d.ts +2 -0
- package/dist/components/progress-indicator/FmProgressIndicatorMobile.vue.d.ts +38 -0
- package/dist/composables/useFormChild.d.ts +11 -0
- package/dist/composables/useValidation.d.ts +8 -0
- package/dist/federation/FmButton-ef253cc5.css +1 -0
- package/dist/federation/FmButtonGroup.vue_vue_type_script_setup_true_lang-658ba5f6.js +1 -0
- package/dist/federation/FmDatePicker-6608acc7.css +1 -0
- package/dist/federation/{FmDateRangePicker-fbfec16c.css → FmDateRangePicker-2b4b8a36.css} +1 -1
- package/dist/federation/FmDialog-5cb5a1f8.css +1 -0
- package/dist/federation/FmDialog.vue_vue_type_style_index_0_lang-2c81e20e.js +1 -0
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-c41065d5.js +1 -0
- package/dist/federation/FmMenu-2c4b2c1b.css +1 -0
- package/dist/federation/FmMenuItem-68412e0d.css +1 -0
- package/dist/federation/FmProgressIndicator-8a19d8bc.css +1 -0
- package/dist/federation/FmRadio-e0e6e213.css +1 -0
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-7c5da177.js +1 -0
- package/dist/federation/{FmSelect-39e32715.css → FmSelect-a5b3f313.css} +1 -1
- package/dist/federation/{FmStepperField-84bb1a42.css → FmStepperField-9d4fae3f.css} +1 -1
- package/dist/federation/FmTextField-409a3efd.css +1 -0
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-09dbbc0b.js +1 -0
- package/dist/federation/FmTextarea-0e3eab40.css +1 -0
- package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-021e2db6.js +1 -0
- package/dist/federation/FmTimePicker-504e884c.css +1 -0
- package/dist/federation/FmTimePicker.vue_vue_type_style_index_0_lang-6b998386.js +1 -0
- package/dist/federation/{FmTooltip.vue_vue_type_script_setup_true_lang-87eda686.js → FmTooltip.vue_vue_type_script_setup_true_lang-dbdc719e.js} +1 -1
- package/dist/federation/__federation_expose_FmButton-a3ca7654.js +8 -0
- package/dist/federation/__federation_expose_FmButtonGroup-3363a7b4.js +1 -0
- package/dist/federation/__federation_expose_FmDatePicker-c542d446.js +1 -0
- package/dist/federation/__federation_expose_FmDateRangePicker-6e0116bd.js +1 -0
- package/dist/federation/__federation_expose_FmDialog-104bb604.js +1 -0
- package/dist/federation/__federation_expose_FmForm-62b67e4b.js +1 -0
- package/dist/federation/__federation_expose_FmMenu-921093d0.js +1 -0
- package/dist/federation/{__federation_expose_FmMenuItem-bcffecb3.js → __federation_expose_FmMenuItem-d331a359.js} +1 -1
- package/dist/federation/__federation_expose_FmProgressIndicator-e9c20870.js +1 -0
- package/dist/federation/__federation_expose_FmProgressIndicatorGroup-34eb72b1.js +1 -0
- package/dist/federation/__federation_expose_FmRadio-1a3bdb18.js +1 -0
- package/dist/federation/__federation_expose_FmRadioGroup-0a8b3b0f.js +1 -0
- package/dist/federation/__federation_expose_FmSelect-b616883a.js +1 -0
- package/dist/federation/__federation_expose_FmStepperField-bdfe1136.js +1 -0
- package/dist/federation/{__federation_expose_FmTextField-69918a71.js → __federation_expose_FmTextField-58939c24.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextarea-901d18eb.js → __federation_expose_FmTextarea-5184a353.js} +1 -1
- package/dist/federation/{__federation_expose_FmTimePicker-fb5b7aa8.js → __federation_expose_FmTimePicker-37afdf20.js} +1 -1
- package/dist/federation/{__federation_expose_FmTooltip-7e440b5f.js → __federation_expose_FmTooltip-fdd5c38c.js} +1 -1
- package/dist/federation/__federation_fn_import.js +1 -1
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/index-2a8db4c5.css +1 -0
- package/dist/federation/index-389cc317.js +11 -0
- package/dist/federation/provider-keys-981b4dbe.js +1 -0
- package/dist/federation/useValidation-7d75492a.js +1 -0
- package/dist/feedmepos-ui-library.js +5195 -4841
- package/dist/feedmepos-ui-library.umd.cjs +10 -10
- package/dist/index.d.ts +7 -3
- package/dist/style.css +1 -1
- package/dist/utils/dom-handler.d.ts +9 -0
- package/dist/utils/provider-keys.d.ts +5 -0
- package/package.json +1 -1
- package/dist/components/menu/dropdown/FmDropdown.vue.d.ts +0 -52
- package/dist/composables/validation.d.ts +0 -6
- package/dist/federation/FmButton-0a2f179c.css +0 -1
- package/dist/federation/FmDatePicker-750315ee.css +0 -1
- package/dist/federation/FmDropdown-137cddb0.css +0 -1
- package/dist/federation/FmMenu-f935d8e3.css +0 -1
- package/dist/federation/FmMenuItem-e8678045.css +0 -1
- package/dist/federation/FmProgressIndicator-c06d2e53.css +0 -1
- package/dist/federation/FmRadio-b168530f.css +0 -1
- package/dist/federation/FmTextField-e64e775c.css +0 -1
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-94e4f64b.js +0 -1
- package/dist/federation/FmTextarea-57fcf19a.css +0 -1
- package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-5db78d57.js +0 -1
- package/dist/federation/FmTimePicker-efcb243b.css +0 -1
- package/dist/federation/FmTimePicker.vue_vue_type_style_index_0_lang-96e819aa.js +0 -1
- package/dist/federation/__federation_expose_FmButton-a90fcc41.js +0 -8
- package/dist/federation/__federation_expose_FmDatePicker-d996afce.js +0 -1
- package/dist/federation/__federation_expose_FmDateRangePicker-1d6f07d7.js +0 -1
- package/dist/federation/__federation_expose_FmDropdown-fdebd8a7.js +0 -1
- package/dist/federation/__federation_expose_FmMenu-05aa2ec1.js +0 -1
- package/dist/federation/__federation_expose_FmProgressIndicator-a17d1f05.js +0 -1
- package/dist/federation/__federation_expose_FmProgressIndicatorGroup-d1a47391.js +0 -1
- package/dist/federation/__federation_expose_FmRadio-b90999bf.js +0 -1
- package/dist/federation/__federation_expose_FmSelect-bdb1dc70.js +0 -1
- package/dist/federation/__federation_expose_FmStepper-f493e106.js +0 -1
- package/dist/federation/index-16758296.js +0 -11
- package/dist/federation/index-c18d2af7.css +0 -1
- package/dist/federation/validation-8812750e.js +0 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { type FormChildProps } from '@/composables/useFormChild';
|
|
2
|
+
export interface FmTextareaProps extends FormChildProps {
|
|
2
3
|
label?: string;
|
|
3
4
|
modelValue: string;
|
|
4
5
|
required?: boolean;
|
|
@@ -8,8 +9,9 @@ export interface FmTextareaProps {
|
|
|
8
9
|
minLength?: number;
|
|
9
10
|
maxLength?: number;
|
|
10
11
|
readonly?: boolean;
|
|
11
|
-
inputState?: 'success' | 'warning' | 'error' | 'default';
|
|
12
12
|
labelMark?: 'required' | 'optional' | 'none';
|
|
13
|
+
showSuccess?: boolean;
|
|
14
|
+
showValidBorder?: boolean;
|
|
13
15
|
}
|
|
14
16
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
15
17
|
required: {
|
|
@@ -29,11 +31,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
29
31
|
required: true;
|
|
30
32
|
default: string;
|
|
31
33
|
};
|
|
32
|
-
|
|
34
|
+
helperText: {
|
|
33
35
|
type: import("vue").PropType<string>;
|
|
34
36
|
default: string;
|
|
35
37
|
};
|
|
36
|
-
|
|
38
|
+
rules: {
|
|
39
|
+
type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
|
|
40
|
+
default: () => never[];
|
|
41
|
+
};
|
|
42
|
+
placeholder: {
|
|
37
43
|
type: import("vue").PropType<string>;
|
|
38
44
|
default: string;
|
|
39
45
|
};
|
|
@@ -41,6 +47,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
41
47
|
type: import("vue").PropType<boolean>;
|
|
42
48
|
default: boolean;
|
|
43
49
|
};
|
|
50
|
+
showValidBorder: {
|
|
51
|
+
type: import("vue").PropType<boolean>;
|
|
52
|
+
default: boolean;
|
|
53
|
+
};
|
|
44
54
|
minLength: {
|
|
45
55
|
type: import("vue").PropType<number>;
|
|
46
56
|
default: number;
|
|
@@ -49,14 +59,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
49
59
|
type: import("vue").PropType<number>;
|
|
50
60
|
default: number;
|
|
51
61
|
};
|
|
52
|
-
inputState: {
|
|
53
|
-
type: import("vue").PropType<"default" | "error" | "success" | "warning">;
|
|
54
|
-
default: string;
|
|
55
|
-
};
|
|
56
62
|
labelMark: {
|
|
57
63
|
type: import("vue").PropType<"required" | "none" | "optional">;
|
|
58
64
|
default: string;
|
|
59
65
|
};
|
|
66
|
+
showSuccess: {
|
|
67
|
+
type: import("vue").PropType<boolean>;
|
|
68
|
+
default: boolean;
|
|
69
|
+
};
|
|
60
70
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
61
71
|
"update:modelValue": (...args: any[]) => void;
|
|
62
72
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -77,11 +87,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
77
87
|
required: true;
|
|
78
88
|
default: string;
|
|
79
89
|
};
|
|
80
|
-
|
|
90
|
+
helperText: {
|
|
81
91
|
type: import("vue").PropType<string>;
|
|
82
92
|
default: string;
|
|
83
93
|
};
|
|
84
|
-
|
|
94
|
+
rules: {
|
|
95
|
+
type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
|
|
96
|
+
default: () => never[];
|
|
97
|
+
};
|
|
98
|
+
placeholder: {
|
|
85
99
|
type: import("vue").PropType<string>;
|
|
86
100
|
default: string;
|
|
87
101
|
};
|
|
@@ -89,6 +103,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
89
103
|
type: import("vue").PropType<boolean>;
|
|
90
104
|
default: boolean;
|
|
91
105
|
};
|
|
106
|
+
showValidBorder: {
|
|
107
|
+
type: import("vue").PropType<boolean>;
|
|
108
|
+
default: boolean;
|
|
109
|
+
};
|
|
92
110
|
minLength: {
|
|
93
111
|
type: import("vue").PropType<number>;
|
|
94
112
|
default: number;
|
|
@@ -97,14 +115,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
97
115
|
type: import("vue").PropType<number>;
|
|
98
116
|
default: number;
|
|
99
117
|
};
|
|
100
|
-
inputState: {
|
|
101
|
-
type: import("vue").PropType<"default" | "error" | "success" | "warning">;
|
|
102
|
-
default: string;
|
|
103
|
-
};
|
|
104
118
|
labelMark: {
|
|
105
119
|
type: import("vue").PropType<"required" | "none" | "optional">;
|
|
106
120
|
default: string;
|
|
107
121
|
};
|
|
122
|
+
showSuccess: {
|
|
123
|
+
type: import("vue").PropType<boolean>;
|
|
124
|
+
default: boolean;
|
|
125
|
+
};
|
|
108
126
|
}>> & {
|
|
109
127
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
110
128
|
}, {
|
|
@@ -112,13 +130,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
112
130
|
label: string;
|
|
113
131
|
disabled: boolean;
|
|
114
132
|
modelValue: string;
|
|
115
|
-
placeholder: string;
|
|
116
133
|
helperText: string;
|
|
134
|
+
rules: import("@/composables/useValidation").ValidationRule[];
|
|
135
|
+
placeholder: string;
|
|
117
136
|
readonly: boolean;
|
|
137
|
+
showValidBorder: boolean;
|
|
118
138
|
minLength: number;
|
|
119
139
|
maxLength: number;
|
|
120
|
-
inputState: "default" | "error" | "success" | "warning";
|
|
121
140
|
labelMark: "required" | "none" | "optional";
|
|
141
|
+
showSuccess: boolean;
|
|
122
142
|
}, {}>, {
|
|
123
143
|
label?(_: {}): any;
|
|
124
144
|
"helper-text"?(_: {}): any;
|
|
@@ -1,5 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export interface FmMenuProps {
|
|
2
|
+
isOpen?: boolean;
|
|
3
|
+
placement?: 'bottom-left' | 'bottom-center' | 'bottom-right' | 'top-left' | 'top-center' | 'top-right';
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
7
|
+
disabled: {
|
|
8
|
+
type: import("vue").PropType<boolean>;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
isOpen: {
|
|
12
|
+
type: import("vue").PropType<boolean>;
|
|
13
|
+
default: boolean;
|
|
14
|
+
};
|
|
15
|
+
placement: {
|
|
16
|
+
type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}, {
|
|
20
|
+
show: () => void;
|
|
21
|
+
hide: () => void;
|
|
22
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
23
|
+
"dropdown-changed": (opened: boolean) => void;
|
|
24
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
disabled: {
|
|
26
|
+
type: import("vue").PropType<boolean>;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
isOpen: {
|
|
30
|
+
type: import("vue").PropType<boolean>;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
placement: {
|
|
34
|
+
type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
}>> & {
|
|
38
|
+
"onDropdown-changed"?: ((opened: boolean) => any) | undefined;
|
|
39
|
+
}, {
|
|
40
|
+
disabled: boolean;
|
|
41
|
+
isOpen: boolean;
|
|
42
|
+
placement: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
|
|
43
|
+
}, {}>, {
|
|
44
|
+
"menu-button"?(_: {}): any;
|
|
45
|
+
"menu-content"?(_: {}): any;
|
|
3
46
|
}>;
|
|
4
47
|
export default _default;
|
|
5
48
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export interface FmMenuItemProps {
|
|
2
2
|
modelValue: boolean;
|
|
3
|
-
label
|
|
3
|
+
label?: string;
|
|
4
4
|
sublabel?: string;
|
|
5
5
|
icon?: string;
|
|
6
6
|
expandable?: boolean;
|
|
@@ -11,7 +11,6 @@ export interface FmMenuItemProps {
|
|
|
11
11
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
12
12
|
label: {
|
|
13
13
|
type: import("vue").PropType<string>;
|
|
14
|
-
required: true;
|
|
15
14
|
default: string;
|
|
16
15
|
};
|
|
17
16
|
disabled: {
|
|
@@ -47,7 +46,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
47
46
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
48
47
|
label: {
|
|
49
48
|
type: import("vue").PropType<string>;
|
|
50
|
-
required: true;
|
|
51
49
|
default: string;
|
|
52
50
|
};
|
|
53
51
|
disabled: {
|
|
@@ -39,8 +39,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
39
|
}>> & {
|
|
40
40
|
"onValidate-step"?: ((...args: any[]) => any) | undefined;
|
|
41
41
|
}, {
|
|
42
|
-
orientation: ProgressIndicatorVariant;
|
|
43
42
|
supportingText: string;
|
|
43
|
+
orientation: ProgressIndicatorVariant;
|
|
44
44
|
status: ProgressIndicatorStatus;
|
|
45
45
|
}, {}>;
|
|
46
46
|
export default _default;
|
|
@@ -61,6 +61,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
61
61
|
submitButtonLabel: string;
|
|
62
62
|
}, {}>, Partial<Record<string, (_: {
|
|
63
63
|
class: string;
|
|
64
|
+
}) => any>> & Partial<Record<string, (_: {
|
|
65
|
+
class: string;
|
|
64
66
|
}) => any>> & {
|
|
65
67
|
card?(_: {}): any;
|
|
66
68
|
}>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
totalSteps: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
currentStep: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
titleText: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
supportingText: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: undefined;
|
|
17
|
+
};
|
|
18
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
+
totalSteps: {
|
|
20
|
+
type: NumberConstructor;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
currentStep: {
|
|
24
|
+
type: NumberConstructor;
|
|
25
|
+
required: true;
|
|
26
|
+
};
|
|
27
|
+
titleText: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
supportingText: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
}>>, {
|
|
36
|
+
supportingText: string;
|
|
37
|
+
}, {}>;
|
|
38
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ValidationRule } from './useValidation';
|
|
2
|
+
export interface FormChildProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
modelValue: any;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
rules?: ValidationRule[];
|
|
7
|
+
}
|
|
8
|
+
export declare function useFormChild(validate: () => string[], resetValidation: () => void, emit: (event: 'update:modelValue', ...args: any[]) => void, defaultValue?: any, resetCallback?: (() => any) | null): {
|
|
9
|
+
isPristine: import("vue").Ref<boolean>;
|
|
10
|
+
resetValue: (cb?: (() => any) | null) => void;
|
|
11
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type Ref } from 'vue';
|
|
2
|
+
export type ValidationResult = boolean | string;
|
|
3
|
+
export type ValidationRule = ValidationResult | ((value: any) => ValidationResult);
|
|
4
|
+
export declare function useValidation(props: any): {
|
|
5
|
+
validate: () => string[];
|
|
6
|
+
resetValidation: () => void;
|
|
7
|
+
errorMessages: Ref<string[]>;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-btn[data-v-e62833de]{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;position:relative;overflow:hidden}.fm-btn>span[data-v-e62833de]{height:24px}.fm-btn--secondary[data-v-e62833de]{border:1px solid}.fm-btn--fab[data-v-e62833de]{padding:16px!important;min-height:56px;min-width:56px}.fm-btn[data-v-e62833de]:hover:before{content:"";background-color:var(--fm-color-opacity-sm);position:absolute;top:0;left:0;width:100%;height:100%}.fm-btn--disabled[data-v-e62833de]{cursor:not-allowed;color:var(--fm-color-neutral-gray-200)}.fm-btn--disabled[data-v-e62833de]:hover:before{content:"";background:none!important}.fm-btn--primary.fm-btn--disabled[data-v-e62833de],.fm-btn--destructive.fm-btn--disabled[data-v-e62833de],.fm-btn--fab.fm-btn--disabled[data-v-e62833de]{background-color:var(--fm-color-neutral-gray-100)}.fm-btn--md[data-v-e62833de]{height:40px;padding:8px 16px}.fm-btn--md--just-icon[data-v-e62833de]{padding:8px}.fm-btn--lg[data-v-e62833de]{height:48px;padding:12px 16px}.fm-btn--lg--just-icon[data-v-e62833de]{padding:12px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as d,__tla as N}from"./__federation_fn_import.js";import V,{__tla as J}from"./__federation_expose_FmIcon-e5ab92a8.js";let k,M=Promise.all([(()=>{try{return N}catch{}})(),(()=>{try{return J}catch{}})()]).then(async()=>{let c,p,y,l,r,f,n,g,i,b,_,v;({defineComponent:c}=await d("vue")),{renderList:p,Fragment:y,openBlock:l,createElementBlock:r,createBlock:f,createCommentVNode:n,toDisplayString:g,normalizeClass:i}=await d("vue"),b={class:"bg-fm-color-neutral-white border-1 border-fm-color-neutral-gray-200 flex items-center overflow-hidden rounded-lg"},_=["v-wave","disabled","onClick","onMousedown"],{ref:v}=await d("vue"),k=c({__name:"FmButtonGroup",props:{modelValue:{},disabled:{type:Boolean},items:{}},emits:["update:modelValue"],setup(x,{emit:S}){const w=x,B=o=>{S("update:modelValue",o)},h=v(null),s=o=>{h.value=o},t=o=>o.disabled||w.disabled,m=o=>JSON.stringify(o)===JSON.stringify(w.modelValue);return(o,a)=>(l(),r("div",b,[(l(!0),r(y,null,p(o.items,(e,C)=>(l(),r("button",{key:C,"v-wave":t(e),class:i(["border-r flex gap-8 grow hover:bg-fm-color-neutral-gray-200 items-center justify-center last:border-r-0 px-[11px] py-[7px]",{"bg-fm-color-system-warning-100 hover:bg-fm-color-system-warning-100":m(e),"hover:bg-fm-color-neutral-white cursor-not-allowed":t(e)}]),disabled:t(e),onClick:u=>B(e),onMousedown:u=>s(e),onMouseup:a[0]||(a[0]=u=>s(null)),onMouseleave:a[1]||(a[1]=u=>s(null))},[e.icon?(l(),f(V,{key:0,name:e.icon,size:"md",color:t(e)?"neutral-gray-200":m(e)?"primary":"",outline:JSON.stringify(h.value)!==JSON.stringify(e)&&!m(e)},null,8,["name","color","outline"])):n("",!0),e.label?(l(),r("span",{key:1,class:i(["fm-typo-body-lg-700",[t(e)?"text-fm-color-typo-disabled":"text-fm-color-typo-primary"]])},g(e.label),3)):n("",!0)],42,_))),128))]))}})});export{k as _,M as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-date-picker__container[data-v-1722ccfe]{height:48px;border-radius:8px;border-width:1px;border-color:var(--fm-color-neutral-gray-300);padding:11px 7px;cursor:pointer;background-color:var(--fm-color-neutral-white)}.fm-date-picker__container[data-v-1722ccfe]:hover:not(.fm-date-picker__container--opened):not(.fm-date-picker__container--disabled){border-color:var(--fm-color-neutral-gray-400)}.fm-date-picker__container--opened[data-v-1722ccfe]{border-width:2px;border-color:var(--fm-color-primary);padding:10px 6px}.fm-date-picker__container--disabled[data-v-1722ccfe]{cursor:not-allowed;border-color:var(--fm-color-neutral-gray-200)}.fm-calendar[data-v-1722ccfe]{z-index:20;background-color:var(--fm-color-neutral-white)}.fm-calendar__row[data-v-1722ccfe]{display:flex;height:48px;width:100%}.fm-calendar__cell[data-v-1722ccfe]{display:flex;height:48px;width:48px;align-items:center;justify-content:center}.fm-calendar__cell__button[data-v-1722ccfe]{height:100%;width:100%;border-radius:9999px}.fm-calendar__cell__button[data-v-1722ccfe]:hover:not(.fm-calendar__cell__button--selected){background-color:var(--fm-color-opacity-sm)}.fm-calendar__cell__button--selected[data-v-1722ccfe]{background-color:var(--fm-color-primary);color:var(--fm-color-neutral-white)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fm-date-picker__container[data-v-
|
|
1
|
+
.fm-date-picker__container[data-v-fdf144e1]{margin-top:.25rem;height:48px;border-radius:8px;border-width:1px;border-color:var(--fm-color-neutral-gray-300);padding:11px 7px;cursor:pointer;background-color:var(--fm-color-neutral-white)}.fm-date-picker__container[data-v-fdf144e1]:hover:not(.fm-date-picker__container--opened):not(.fm-date-picker__container--disabled){border-color:var(--fm-color-neutral-gray-400)}.fm-date-picker__container--opened[data-v-fdf144e1]{border-width:2px;border-color:var(--fm-color-primary);padding:10px 6px}.fm-date-picker__container--disabled[data-v-fdf144e1]{cursor:not-allowed;border-color:var(--fm-color-neutral-gray-200)}.fm-calendar[data-v-fdf144e1]{z-index:20;background-color:var(--fm-color-neutral-white)}.fm-calendar__row[data-v-fdf144e1]{display:flex;height:48px;width:100%}.fm-calendar__cell[data-v-fdf144e1]{display:flex;height:48px;width:48px;align-items:center;justify-content:center}.fm-calendar__cell__button[data-v-fdf144e1]{height:100%;width:100%;border-radius:9999px}.fm-calendar__cell__button[data-v-fdf144e1]:hover:not(.fm-calendar__cell__button--selected):not(.fm-calendar__cell__button--selected-start):not(.fm-calendar__cell__button--selected-between):not(.fm-calendar__cell__button--selected-end){border-radius:9999px;background-color:var(--fm-color-opacity-sm)}.fm-calendar__cell__button--selected[data-v-fdf144e1]{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.005em;text-decoration-line:none;background-color:var(--fm-color-primary);color:var(--fm-color-neutral-white)}.fm-calendar__cell__button--selected-start[data-v-fdf144e1]{border-radius:9999px 0 0 9999px;font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.005em;text-decoration-line:none;background-color:var(--fm-color-primary);color:var(--fm-color-neutral-white)}.fm-calendar__cell__button--selected-between[data-v-fdf144e1]{border-radius:0;background-color:var(--fm-color-system-orange-100)}.fm-calendar__cell__button--selected-end[data-v-fdf144e1]{border-radius:0 9999px 9999px 0;font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.005em;text-decoration-line:none;background-color:var(--fm-color-primary);color:var(--fm-color-neutral-white)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-dialog{max-width:560px;max-height:600px;display:flex;flex-direction:column;gap:16px;background-color:var(--fm-color-neutral-white);--tw-shadow: 0px 8px 16px 0px rgba(199, 199, 204, .24);--tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:16px;padding:24px;pointer-events:auto}.fm-dialog--container{pointer-events:none;position:fixed;left:0;top:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;z-index:99}.fm-dialog--overlay{pointer-events:auto;background-color:var(--fm-color-overlay)}.v-enter-active,.v-leave-active{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.v-enter-from,.v-leave-to{opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as m,__tla as V}from"./__federation_fn_import.js";import C,{__tla as w}from"./__federation_expose_FmIcon-e5ab92a8.js";let x,$=Promise.all([(()=>{try{return V}catch{}})(),(()=>{try{return w}catch{}})()]).then(async()=>{let d,t,l,r,i,a,s,c,u,f,p,y,_;({defineComponent:d}=await m("vue")),{renderSlot:t,openBlock:l,createBlock:r,createCommentVNode:i,createElementVNode:a,normalizeClass:s,createElementBlock:c,Transition:u,withCtx:f}=await m("vue"),p={class:"flex fm-typo-title-sm-700 items-center justify-between text-fm-color-typo-primary"},y={class:"flex gap-8 items-center sm:flex-col-reverse xs:flex-col-reverse"},{ref:_}=await m("vue"),x=d({__name:"FmDialog",props:{modelValue:{type:Boolean,default:!1},overlay:{type:Boolean,default:!0},minWidth:{default:280},closeButton:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(k,{emit:v}){const B=k,n=_(null),h=e=>{B.overlay&&n.value&&e.target===n.value&&v("update:modelValue",!1)};return(e,o)=>(l(),r(u,null,{default:f(()=>[e.modelValue?(l(),c("div",{key:0,ref_key:"overlayRef",ref:n,class:s({"fm-dialog--container":!0,"fm-dialog--overlay":e.overlay}),onClick:o[1]||(o[1]=g=>h(g))},[a("div",{class:s(`fm-dialog min-w-[${e.minWidth}px]`)},[a("div",p,[t(e.$slots,"dialog-header"),e.closeButton?(l(),r(C,{key:0,class:"cursor-pointer",name:"close",size:"md",onClick:o[0]||(o[0]=g=>v("update:modelValue",!1))})):i("",!0)]),t(e.$slots,"dialog-content"),a("div",y,[t(e.$slots,"dialog-footer")])],2)],2)):i("",!0)]),_:3}))}})});export{x as _,$ as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as l,__tla as h}from"./__federation_fn_import.js";import{F as V}from"./provider-keys-981b4dbe.js";let p,w=Promise.all([(()=>{try{return h}catch{}})()]).then(async()=>{let n,i,r,s,u,m,v,o;({defineComponent:n}=await l("vue")),{renderSlot:i,withModifiers:r,openBlock:s,createElementBlock:u}=await l("vue"),m=["onSubmit","onReset"],{provide:v,ref:o}=await l("vue"),p=n({__name:"FmForm",setup(S){const t=o([]),d=o(0),c=()=>{t.value.forEach(e=>{e.validate()})},f=()=>{t.value.forEach(e=>{e.resetValue(),e.resetValidation()})};return v(V,{register({validate:e,resetValidation:a,resetValue:_}){return t.value.push({componentId:d.value,validate:e,resetValidation:a,resetValue:_}),d.value++},unregister(e){t.value.filter(a=>a.componentId!==e)}}),(e,a)=>(s(),u("form",{onSubmit:r(c,["prevent"]),onReset:r(f,["prevent"])},[i(e.$slots,"default")],40,m))}})});export{p as _,w as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-menu[data-v-d9e79ca4]{display:block;min-height:24px;min-width:24px}.fm-menu__content[data-v-d9e79ca4]{max-height:408px;min-width:112px;padding:12px 4px;display:flex;flex-direction:column;overflow-y:auto;border-radius:8px;background-color:var(--fm-color-neutral-white);--tw-shadow: 0px 8px 16px 0px rgba(199, 199, 204, .24);--tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);z-index:99px;position:absolute;display:none}.fm-menu__content--opened[data-v-d9e79ca4]{display:block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-menu-item[data-v-94ed27b3]{width:100%;border-radius:4px;padding:12px;display:flex;align-items:center;justify-content:space-between;max-height:78px;min-height:48px;cursor:pointer}.fm-menu-item[data-v-94ed27b3]:not(.fm-menu-item--disabled):not(.fm-menu-item--selected):hover{background-color:var(--fm-color-opacity-sm)}.fm-menu-item--disabled[data-v-94ed27b3]{cursor:not-allowed}.fm-menu-item--selected[data-v-94ed27b3]{background-color:var(--fm-color-system-orange-100)}.fm-menu-item--left[data-v-94ed27b3]{display:flex;align-items:center;gap:8px}[data-v-94ed27b3] .fm-checkbox__input--container{height:unset;width:unset;padding:unset}[data-v-94ed27b3] .fm-checkbox__input--container:hover{background-color:unset}[data-v-94ed27b3] .fm-checkbox{min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-pi-item-line[data-v-6b01e659]{border-radius:4px 0 0 4px}.fm-pi-item-line--vertical[data-v-6b01e659]{width:2px;height:100%;min-height:70px}.fm-pi-item-line--horizontal[data-v-6b01e659]{height:2px;flex-shrink:0}.fm-pi-item-container--vertical[data-v-6b01e659]{min-width:200px;padding:var(--fm-spacing-system-spacing-none, 0px);align-items:center}.fm-pi-item-container--horizontal[data-v-6b01e659]{flex-direction:column;align-items:flex-start;flex:1 0 0}.fm-pi-item-container[data-v-6b01e659]:hover{background:var(--fm-color-opacity-sm, rgba(67, 67, 69, .08))}.fm-progress{display:flex;width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--button-bg-primary, #FF7823) var(--progress),white 0deg);font-size:0}.fm-progress:after{content:attr(content-text);display:flex;justify-content:center;flex-direction:column;width:100%;margin:10px;border-radius:50%;background:white;text-align:center;font-size:.75rem;font-weight:400;line-height:1.6667;letter-spacing:.02em;text-decoration-line:none}.container--vertical{display:flex;align-items:flex-start}.fm-pi-container--vertical{padding:var(--fm-spacing-system-spacing-none, 0px) var(--fm-spacing-system-spacing-24, 24px);flex-direction:column;gap:var(--fm-spacing-system-spacing-none, 0px);width:50%}.fm-pi-container--horizontal{padding:var(--fm-spacing-system-spacing-12, 12px) var(--fm-spacing-system-spacing-24, 24px) var(--fm-spacing-system-spacing-24, 24px) var(--fm-spacing-system-spacing-24, 24px);width:100%}.fm-pi-form--horizontal,.fm-pi-form--mobile{margin:5%}.fm-pi-form--vertical{margin:0 3%;width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-radio-btn--wrapper[data-v-94f94580]{display:flex;gap:8px}.fm-radio-btn--wrapper:hover>.fm-radio-btn__input--container[data-v-94f94580]{background-color:var(--fm-color-opacity-sm)}.fm-radio-btn__input--container[data-v-94f94580]{border-radius:50%;height:40px;width:40px;padding:8px;display:flex;align-items:center;justify-content:center}.fm-radio-btn__input--container[data-v-94f94580]:hover{background-color:var(--fm-color-opacity-sm)}.fm-radio-btn__input--btn[data-v-94f94580]{flex-shrink:0;height:20px;width:20px;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--fm-color-neutral-gray-400);border-radius:50%;display:flex;justify-content:center;align-items:center}.fm-radio-btn__input--btn[data-v-94f94580]:before{content:"";display:block;width:10px;height:10px;border-radius:50%}.fm-radio-btn__input--btn[data-v-94f94580]:checked{border-color:var(--fm-color-primary)}.fm-radio-btn__input--btn[data-v-94f94580]:checked:before{background-color:var(--fm-color-primary)}.fm-radio-btn__input--btn[data-v-94f94580]:disabled{cursor:not-allowed;border-color:var(--fm-color-neutral-gray-200)}.fm-radio-btn__input--btn[data-v-94f94580]:disabled:checked:before{background-color:var(--fm-color-neutral-gray-200)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as p,__tla as R}from"./__federation_fn_import.js";import{R as q}from"./provider-keys-981b4dbe.js";import{u as G,a as P,__tla as $}from"./useValidation-7d75492a.js";import j,{__tla as I}from"./__federation_expose_FmIcon-e5ab92a8.js";let N,L=Promise.all([(()=>{try{return R}catch{}})(),(()=>{try{return $}catch{}})(),(()=>{try{return I}catch{}})()]).then(async()=>{let c,s,i,u,f,t,a,T,_,v,h,d,y,V,x,g,b,n,k;({defineComponent:c}=await p("vue")),{renderSlot:s,unref:i,toDisplayString:u,createTextVNode:f,openBlock:t,createElementBlock:a,createCommentVNode:T,renderList:_,Fragment:v,createVNode:h,createElementVNode:d,normalizeClass:y}=await p("vue"),V={class:"fm-text-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},x={key:0},g={key:1},{provide:b,ref:n,watch:k}=await p("vue"),N=c({__name:"FmRadioGroup",props:{modelValue:{},inline:{type:Boolean,default:!1},helperText:{default:""},disabled:{type:Boolean,default:!1},label:{},rules:{default:()=>[m=>!!m||"This field is required"]}},emits:["update:modelValue"],setup(m,{emit:B}){const l=m,r=n(),o=n([]),C=()=>{r.value=null,o.value.forEach(e=>e())},{validate:S,errorMessages:E,resetValidation:z}=G(l),{isPristine:D}=P(S,z,B,"",C);return b(q,{groupValue:r,getDisabled:()=>l.disabled,register(e){o.value.push(e)},updateValue(e){r.value=e,o.value.forEach(w=>w()),B("update:modelValue",e)}}),k(()=>l.modelValue,()=>{D.value=!1,r.value=l.modelValue,o.value.forEach(e=>e())}),(e,w)=>(t(),a("div",{class:y({"flex items-center gap-16 justify-start":e.inline})},[s(e.$slots,"default"),d("div",V,[i(E).length===0?(t(),a("div",x,[s(e.$slots,"helper-text",{},()=>[f(u(e.helperText),1)])])):(t(),a("div",g,[(t(!0),a(v,null,_(i(E),F=>(t(),a("div",{key:F,class:"flex gap-4 items-center text-fm-color-typo-error"},[h(j,{name:"error",color:"#FF3B30",size:"sm"}),d("span",null,u(F),1)]))),128))]))])],2))}})});export{N as _,L as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fm-select[data-v-
|
|
1
|
+
.fm-select[data-v-bf7b3ea7]{display:flex;flex-direction:column;gap:4px}.fm-select__container[data-v-bf7b3ea7]{height:48px;width:100%;display:flex;gap:8px;align-items:center;justify-content:space-between;padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-300);border-radius:8px;background-color:var(--fm-color-neutral-white);cursor:pointer;position:relative}.fm-select__container--expanded[data-v-bf7b3ea7]:not(.fm-select__container--disabled){outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-select__container--invalid[data-v-bf7b3ea7]:not(.fm-select__container--expanded):not(.fm-select__container--disabled){outline:none;border:2px solid var(--fm-color-system-red-300);padding:10px 6px}.fm-select__container--valid[data-v-bf7b3ea7]:not(.fm-select__container--expanded):not(.fm-select__container--disabled){outline:none;border:2px solid var(--fm-color-system-green-300);padding:10px 6px}.fm-select__container--warning[data-v-bf7b3ea7]:not(.fm-select__container--expanded):not(.fm-select__container--disabled){outline:none;border:2px solid var(--fm-color-system-orange-300);padding:10px 6px}.fm-select__container[data-v-bf7b3ea7]:hover:not(.fm-select__container--expanded):not(.fm-select__container--disabled){padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-400)}.fm-select__container--disabled[data-v-bf7b3ea7]{padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-200);cursor:not-allowed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fm-stepper-field[data-v-
|
|
1
|
+
.fm-stepper-field[data-v-cb3498f4]{display:flex;flex-direction:column;gap:4px}.fm-stepper-field__container[data-v-cb3498f4]{height:48px;width:100%;display:flex;gap:8px;align-items:center;padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-300);border-radius:8px;background-color:var(--fm-color-neutral-white);cursor:text;position:relative}.fm-stepper-field__container--focused[data-v-cb3498f4]{outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-stepper-field__container--focused>.fm-stepper-field__stepper__container[data-v-cb3498f4]{right:6px}.fm-stepper-field__container--invalid[data-v-cb3498f4]:not(.fm-stepper-field__container--focused){outline:none;border:2px solid var(--fm-color-system-red-300);padding:10px 6px}.fm-stepper-field__container--invalid:not(.fm-stepper-field__container--focused)>.fm-stepper-field__stepper__container[data-v-cb3498f4]{right:6px}.fm-stepper-field__container--valid[data-v-cb3498f4]:not(.fm-stepper-field__container--focused){outline:none;border:2px solid var(--fm-color-system-green-300);padding:10px 6px}.fm-stepper-field__container--valid:not(.fm-stepper-field__container--focused)>.fm-stepper-field__stepper__container[data-v-cb3498f4]{right:6px}.fm-stepper-field__container[data-v-cb3498f4]:hover:not(.fm-stepper-field__container--focused):not(.fm-stepper-field__container--invalid){padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-400)}.fm-stepper-field__container:hover:not(.fm-stepper-field__container--focused):not(.fm-stepper-field__container--invalid)>.fm-stepper-field__stepper__container[data-v-cb3498f4]{right:7px}.fm-stepper-field--input[data-v-cb3498f4]{height:100%;width:100%;border:none;outline:none;padding:0}.fm-stepper-field__stepper__container[data-v-cb3498f4]{width:24px;height:40px;position:absolute;right:7px;display:flex;flex-direction:column;gap:4px}.fm-stepper-field__stepper__item[data-v-cb3498f4]{cursor:pointer;height:18px;width:100%;background-color:var(--fm-color-neutral-gray-100);border-radius:4px;display:flex;justify-content:center;align-items:center}.fm-stepper-field__helper-container[data-v-cb3498f4]{display:flex;justify-content:space-between;align-items:center;gap:16px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-text-field{display:flex;flex-direction:column;gap:4px}.fm-text-field__container{height:48px;width:100%;display:flex;gap:8px;align-items:center;padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-300);border-radius:8px;background-color:var(--fm-color-neutral-white);cursor:text;position:relative}.fm-text-field__container--focused:not(.fm-text-field__container--disabled){outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-text-field__container--invalid:not(.fm-text-field__container--focused):not(.fm-text-field__container--disabled){outline:none;border:2px solid var(--fm-color-system-red-300);padding:10px 6px}.fm-text-field__container--valid:not(.fm-text-field__container--focused):not(.fm-text-field__container--disabled){outline:none;border:2px solid var(--fm-color-system-green-300);padding:10px 6px}.fm-text-field__container:hover:not(.fm-text-field__container--focused):not(.fm-text-field__container--disabled):not(.fm-text-field__container--invalid){padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-400)}.fm-text-field__container--disabled{padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-200);cursor:not-allowed}.fm-text-field--label{display:flex;gap:4px}.fm-text-field--input{height:100%;width:100%;border:none;outline:none;padding:0}.fm-text-field--input:focus{outline:none}.fm-text-field--input:disabled{cursor:not-allowed}.fm-text-field__helper-container{display:flex;justify-content:space-between;align-items:center;gap:16px}.fm-text-field__helper__icon{display:flex;justify-content:space-between;align-items:center;gap:4px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as c,__tla as A}from"./__federation_fn_import.js";import f,{__tla as G}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as Q,a as H,__tla as J}from"./useValidation-7d75492a.js";let V,K=Promise.all([(()=>{try{return A}catch{}})(),(()=>{try{return G}catch{}})(),(()=>{try{return J}catch{}})()]).then(async()=>{const{defineComponent:B}=await c("vue"),{renderSlot:i,toDisplayString:t,normalizeClass:r,createElementVNode:o,openBlock:l,createElementBlock:a,createCommentVNode:d,createBlock:y,unref:p,createTextVNode:T,renderList:I,Fragment:w,createVNode:M}=await c("vue"),L={class:"fm-text-field"},q={class:"fm-text-field--label"},F={key:0},N=["value","inputMode","type","placeholder","required","minlength","maxlength","disabled","readOnly"],$={key:0},S={key:0,class:"fm-text-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},z={key:0},E={key:1},{computed:O,ref:P,watch:D}=await c("vue");var h=(n=>(n.required="*",n.optional="(optional)",n))(h||{});V=B({__name:"FmTextField",props:{required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:""},helperText:{default:""},minLength:{default:0},maxLength:{default:NaN},inputmode:{default:"text"},readonly:{type:Boolean,default:!1},labelMark:{default:"none"},leadingIcon:{default:()=>({name:"",color:""})},trailingIcon:{default:()=>({name:"",color:""})},showSuccess:{type:Boolean,default:!1},showValidBorder:{type:Boolean,default:!1},prependText:{default:""},appendText:{default:""},label:{},modelValue:{},rules:{default:()=>[]}},emits:["update:modelValue"],setup(n,{emit:x}){const _=n,u=P(!1),{validate:b,errorMessages:s,resetValidation:g}=Q(_),{isPristine:v}=H(b,g,x,""),j=e=>{v.value=!1,e.target.value||g(),x("update:modelValue",e.target.value)};D(()=>_.modelValue,()=>{v.value||b()});const k=O(()=>s.value.length===0);return(e,m)=>(l(),a("label",L,[o("div",null,[o("div",q,[i(e.$slots,"label"),o("span",{class:r({"fm-typo-body-lg-400":!0,"text-fm-color-typo-primary":!e.disabled,"text-fm-color-typo-disabled":e.disabled})},t(e.label),3),e.labelMark!=="none"?(l(),a("span",{key:0,class:r({"fm-color-typo-tertiary fm-typo-body-md-400":e.labelMark==="optional","fm-color-typo-error fm-typo-body-lg-700":e.labelMark==="required"})},t(h[e.labelMark]),3)):d("",!0)])]),o("div",{class:r({"fm-text-field__container":!0,"fm-text-field__container--focused":u.value,"fm-text-field__container--invalid":!!e.modelValue&&!k.value,"fm-text-field__container--valid":e.showValidBorder&&e.showSuccess&&!!e.modelValue&&k.value,"fm-text-field__container--disabled":e.disabled})},[i(e.$slots,"prepend",{},()=>[e.prependText?(l(),a("div",F,t(e.prependText),1)):d("",!0),e.leadingIcon.name?(l(),y(f,{key:1,name:e.leadingIcon.name,size:"md",color:e.leadingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):d("",!0)]),o("input",{class:r({"fm-text-field--input fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled}),value:e.modelValue,inputMode:e.inputmode,type:e.inputmode,placeholder:e.placeholder,required:e.required,minlength:e.minLength,maxlength:e.maxLength,disabled:e.disabled,readOnly:e.readonly,onInput:j,onFocus:m[0]||(m[0]=()=>u.value=!0),onBlur:m[1]||(m[1]=()=>u.value=!1)},null,42,N),i(e.$slots,"append",{},()=>[e.appendText?(l(),a("div",$,t(e.appendText),1)):d("",!0),e.trailingIcon.name?(l(),y(f,{key:1,name:e.trailingIcon.name,size:"md",color:e.trailingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):d("",!0)])],2),e.helperText||p(s).length>0?(l(),a("div",S,[p(s).length===0?(l(),a("div",z,[i(e.$slots,"helper-text",{},()=>[T(t(e.helperText),1)])])):(l(),a("div",E,[(l(!0),a(w,null,I(p(s),C=>(l(),a("div",{key:C,class:"flex gap-4 items-center text-fm-color-typo-error"},[M(f,{name:"error",color:"#FF3B30",size:"sm"}),o("span",null,t(C),1)]))),128))])),o("div",{class:r({"fm-color-typo-disabled":e.disabled})},t(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])):d("",!0)]))}})});export{V as _,K as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-textarea{display:flex;flex-direction:column;gap:4px}.fm-textarea__container{height:120px;width:100%;display:flex;gap:8px;align-items:center;padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-300);border-radius:8px;background-color:var(--fm-color-neutral-white);cursor:text;position:relative}.fm-textarea__container--focused:not(.fm-textarea__container--disabled){outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-textarea__container--invalid:not(.fm-textarea__container--focused):not(.fm-textarea__container--disabled){outline:none;border:2px solid var(--fm-color-system-red-300);padding:10px 6px}.fm-textarea__container--valid:not(.fm-textarea__container--focused):not(.fm-textarea__container--disabled){outline:none;border:2px solid var(--fm-color-system-green-300);padding:10px 6px}.fm-textarea__container:hover:not(.fm-textarea__container--focused):not(.fm-textarea__container--disabled){padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-400)}.fm-textarea__container--disabled{padding:11px 7px;border:1px solid var(--fm-color-neutral-gray-200);cursor:not-allowed}.fm-textarea--label{display:flex;gap:4px}.fm-textarea--input{height:100%;width:100%;border:none;outline:none;padding:0;resize:none}.fm-textarea--input:disabled{cursor:not-allowed}.fm-textarea__helper-container{display:flex;justify-content:space-between;align-items:center;gap:16px}.fm-textarea__helper__icon{display:flex;justify-content:space-between;align-items:center;gap:4px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as u,__tla as D}from"./__federation_fn_import.js";import I,{__tla as j}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as H,a as A,__tla as G}from"./useValidation-7d75492a.js";let g,J=Promise.all([(()=>{try{return D}catch{}})(),(()=>{try{return j}catch{}})(),(()=>{try{return G}catch{}})()]).then(async()=>{const{defineComponent:V}=await u("vue"),{renderSlot:c,toDisplayString:r,normalizeClass:o,createElementVNode:a,openBlock:l,createElementBlock:t,createCommentVNode:p,unref:i,createTextVNode:k,renderList:B,Fragment:w,createVNode:L}=await u("vue"),q={class:"fm-textarea"},F={htmlFor:"{this.name}"},M={class:"fm-textarea--label"},N=["value","placeholder","required","minlength","maxlength","readOnly","disabled"],S={key:0,class:"fm-color-typo-secondary fm-textarea__helper-container fm-typo-body-sm-400"},T={key:0},$={key:1},{computed:C,ref:z,watch:E}=await u("vue");var f=(d=>(d.required="*",d.optional="(optional)",d))(f||{});g=V({__name:"FmTextarea",props:{label:{default:""},modelValue:{default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:""},helperText:{default:""},minLength:{default:0},maxLength:{default:NaN},readonly:{type:Boolean,default:!1},labelMark:{default:"none"},showSuccess:{type:Boolean,default:!1},showValidBorder:{type:Boolean,default:!1},rules:{default:()=>[]}},emits:["update:modelValue"],setup(d,{emit:y}){const h=d,m=z(!1),{validate:_,errorMessages:n,resetValidation:O}=H(h),{isPristine:b}=A(_,O,y,""),P=e=>{b.value=!1,y("update:modelValue",e.target.value)},v=C(()=>n.value.length===0);return E(()=>h.modelValue,()=>{b.value||_()}),(e,s)=>(l(),t("div",q,[a("label",F,[a("div",M,[c(e.$slots,"label"),a("span",{class:o({"fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled})},r(e.label),3),e.labelMark!=="none"?(l(),t("span",{key:0,class:o({"fm-color-typo-tertiary fm-typo-body-md-400":e.labelMark==="optional","fm-color-typo-error fm-typo-body-lg-700":e.labelMark==="required"})},r(f[e.labelMark]),3)):p("",!0)])]),a("div",{class:o({"fm-textarea__container":!0,"fm-textarea__container--focused":m.value,"fm-textarea__container--invalid":!!e.modelValue&&!v.value,"fm-textarea__container--valid":e.showValidBorder&&e.showSuccess&&!!e.modelValue&&v.value,"fm-textarea__container--disabled":e.disabled})},[a("textarea",{class:o({"fm-textarea--input fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled}),value:e.modelValue,placeholder:e.placeholder,required:e.required,minlength:e.minLength,maxlength:e.maxLength,readOnly:e.readonly,disabled:e.disabled,onInput:P,onFocus:s[0]||(s[0]=()=>m.value=!0),onBlur:s[1]||(s[1]=()=>m.value=!1)},null,42,N)],2),e.helperText||i(n).length>0?(l(),t("div",S,[i(n).length===0?(l(),t("div",T,[c(e.$slots,"helper-text",{},()=>[k(r(e.helperText),1)])])):(l(),t("div",$,[(l(!0),t(w,null,B(i(n),x=>(l(),t("div",{key:x,class:"flex gap-4 items-center text-fm-color-typo-error"},[L(I,{name:"error",color:"#FF3B30",size:"sm"}),a("span",null,r(x),1)]))),128))])),a("div",{class:o({"fm-color-typo-disabled":e.disabled})},r(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])):p("",!0)]))}})});export{g as _,J as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-time-picker{width:343px}.fm-time-picker.fm-menu__content{max-width:unset}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as _,__tla as I}from"./__federation_fn_import.js";import D,{__tla as J}from"./__federation_expose_FmButton-a3ca7654.js";import K,{__tla as Z}from"./__federation_expose_FmField-41eeed18.js";import L,{__tla as O}from"./__federation_expose_FmIcon-e5ab92a8.js";import{f as u,P as d,_ as Q,__tla as W}from"./FmTimeInput.vue_vue_type_style_index_0_lang-afac7a47.js";import X,{__tla as Y}from"./__federation_expose_FmMenu-921093d0.js";let H,ee=Promise.all([(()=>{try{return I}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return Z}catch{}})(),(()=>{try{return O}catch{}})(),(()=>{try{return W}catch{}})(),(()=>{try{return Y}catch{}})()]).then(async()=>{let f,r,v,y,n,m,h,x,b,w,V,$,k,C,M,c,N,g,P;({defineComponent:f}=await _("vue")),{createVNode:r,toDisplayString:v,normalizeClass:y,createElementVNode:n,withCtx:m,unref:h,openBlock:x,createElementBlock:b}=await _("vue"),w={class:"fm-time-picker"},V={class:"flex gap-8"},$={class:"flex flex-col",style:{width:"343px"}},k=n("div",{class:"fm-typo-body-xl-700 pt-12 px-12"}," Enter time ",-1),C={class:"flex justify-center w-full"},M={class:"flex justify-end pb-12"},{ref:c,onMounted:N,watch:g,computed:P}=await _("vue"),H=f({__name:"FmTimePicker",props:{modelValue:{type:[null,String],default:null}},emits:["update:model-value"],setup(z,{emit:E}){const i=z,o=c(null),S=P(()=>{if(!i.modelValue)return null;const{hours:e,minutes:t,period:l}=p(i.modelValue);return`${u(e)}:${u(t)} ${l}`});function F(){if(!o.value){E("update:model-value",null);return}const{hours:e,minutes:t,period:l}=o.value,a=R(e,t,l);E("update:model-value",a),A()}function R(e,t,l){let a=e;return l===d.PM?a=e===12?e:e+12:e===12&&(a=0),`${u(a)}:${u(t)}`}N(()=>{i.modelValue&&(o.value=p(i.modelValue))}),g(()=>i.modelValue,e=>{e&&(o.value=p(e))});function p(e){const[t,l,a]=T(e).split(":");return{hours:Number(t),minutes:Number(l),period:a}}function T(e){const[t,l]=e.split(":"),a=Number(t),q=Number(l),G=a>11?d.PM:d.AM;let s=a;return s===0?s=12:s>12&&(s-=12),`${u(s)}:${u(q)}:${G}`}const j=c();function A(){var e;(e=j.value)==null||e.hide()}const B=c(!1);function U(e){B.value=e}return(e,t)=>(x(),b("div",w,[r(X,{ref_key:"dropdownRef",ref:j,onDropdownChanged:U},{"menu-button":m(()=>[r(K,null,{default:m(()=>[n("div",V,[r(L,{name:"schedule",outline:!B.value},null,8,["outline"]),n("div",{class:y(["grow",{"text-fm-color-typo-disabled":!S.value}])},v(S.value??"HH:MM"),3)])]),_:1})]),"menu-content":m(()=>[n("div",$,[k,n("div",C,[r(Q,{"model-value":o.value??{hours:0,minutes:0,period:h(d).AM},class:"py-16","onUpdate:modelValue":t[0]||(t[0]=l=>o.value=l)},null,8,["model-value"])]),n("div",M,[r(D,{label:"Cancel",variant:"tertiary",onClick:A}),r(D,{label:"Confirm",variant:"tertiary",onClick:F})])])]),_:1},512)]))}})});export{H as _,ee as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as lt,__tla as Ee}from"./__federation_fn_import.js";import ke,{__tla as Re}from"./__federation_expose_FmButton-a90fcc41.js";import{ad as Le}from"./reactivity.esm-bundler-99588556.js";let zt,Ce=Promise.all([(()=>{try{return Ee}catch{}})(),(()=>{try{return Re}catch{}})()]).then(async()=>{const X=Math.min,W=Math.max,tt=Math.round,D=t=>({x:t,y:t}),It={left:"right",right:"left",bottom:"top",top:"bottom"},Xt={start:"end",end:"start"};function at(t,e,n){return W(t,X(e,n))}function Y(t,e){return typeof t=="function"?t(e):t}function B(t){return t.split("-")[0]}function q(t){return t.split("-")[1]}function ht(t){return t==="x"?"y":"x"}function ct(t){return t==="y"?"height":"width"}function et(t){return["top","bottom"].includes(B(t))?"y":"x"}function st(t){return ht(et(t))}function Yt(t,e,n){n===void 0&&(n=!1);const o=q(t),i=st(t),r=ct(i);let l=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=nt(l)),[l,nt(l)]}function qt(t){const e=nt(t);return[ft(t),e,ft(e)]}function ft(t){return t.replace(/start|end/g,e=>Xt[e])}function Gt(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}function Jt(t,e,n,o){const i=q(t);let r=Gt(B(t),n==="start",o);return i&&(r=r.map(l=>l+"-"+i),e&&(r=r.concat(r.map(ft)))),r}function nt(t){return t.replace(/left|right|bottom|top/g,e=>It[e])}function Kt(t){return{top:0,right:0,bottom:0,left:0,...t}}function gt(t){return typeof t!="number"?Kt(t):{top:t,right:t,bottom:t,left:t}}function ot(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function xt(t,e,n){let{reference:o,floating:i}=t;const r=et(e),l=st(e),a=ct(l),c=B(e),f=r==="y",p=o.x+o.width/2-i.width/2,d=o.y+o.height/2-i.height/2,y=o[a]/2-i[a]/2;let s;switch(c){case"top":s={x:p,y:o.y-i.height};break;case"bottom":s={x:p,y:o.y+o.height};break;case"right":s={x:o.x+o.width,y:d};break;case"left":s={x:o.x-i.width,y:d};break;default:s={x:o.x,y:o.y}}switch(q(e)){case"start":s[l]-=y*(n&&f?-1:1);break;case"end":s[l]+=y*(n&&f?-1:1);break}return s}const Qt=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,a=r.filter(Boolean),c=await(l.isRTL==null?void 0:l.isRTL(e));let f=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:p,y:d}=xt(f,o,c),y=o,s={},u=0;for(let m=0;m<a.length;m++){const{name:h,fn:x}=a[m],{x:w,y:g,data:v,reset:T}=await x({x:p,y:d,initialPlacement:o,placement:y,strategy:i,middlewareData:s,rects:f,platform:l,elements:{reference:t,floating:e}});if(p=w??p,d=g??d,s={...s,[h]:{...s[h],...v}},T&&u<=50){u++,typeof T=="object"&&(T.placement&&(y=T.placement),T.rects&&(f=T.rects===!0?await l.getElementRects({reference:t,floating:e,strategy:i}):T.rects),{x:p,y:d}=xt(f,y,c)),m=-1;continue}}return{x:p,y:d,placement:y,strategy:i,middlewareData:s}};async function wt(t,e){var n;e===void 0&&(e={});const{x:o,y:i,platform:r,rects:l,elements:a,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:p="viewport",elementContext:d="floating",altBoundary:y=!1,padding:s=0}=Y(e,t),u=gt(s),m=a[y?d==="floating"?"reference":"floating":d],h=ot(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(m)))==null||n?m:m.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(a.floating)),boundary:f,rootBoundary:p,strategy:c})),x=d==="floating"?{...l.floating,x:o,y:i}:l.reference,w=await(r.getOffsetParent==null?void 0:r.getOffsetParent(a.floating)),g=await(r.isElement==null?void 0:r.isElement(w))?await(r.getScale==null?void 0:r.getScale(w))||{x:1,y:1}:{x:1,y:1},v=ot(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:w,strategy:c}):x);return{top:(h.top-v.top+u.top)/g.y,bottom:(v.bottom-h.bottom+u.bottom)/g.y,left:(h.left-v.left+u.left)/g.x,right:(v.right-h.right+u.right)/g.x}}const Ut=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:r,platform:l,elements:a,middlewareData:c}=e,{element:f,padding:p=0}=Y(t,e)||{};if(f==null)return{};const d=gt(p),y={x:n,y:o},s=st(i),u=ct(s),m=await l.getDimensions(f),h=s==="y",x=h?"top":"left",w=h?"bottom":"right",g=h?"clientHeight":"clientWidth",v=r.reference[u]+r.reference[s]-y[s]-r.floating[u],T=y[s]-r.reference[s],M=await(l.getOffsetParent==null?void 0:l.getOffsetParent(f));let C=M?M[g]:0;(!C||!await(l.isElement==null?void 0:l.isElement(M)))&&(C=a.floating[g]||r.floating[u]);const N=v/2-T/2,K=C/2-m[u]/2-1,Q=X(d[x],K),U=X(d[w],K),R=Q,Z=C-m[u]-U,E=C/2-m[u]/2+N,A=at(R,E,Z),S=!c.arrow&&q(i)!=null&&E!=A&&r.reference[u]/2-(E<R?Q:U)-m[u]/2<0,_=S?E<R?E-R:E-Z:0;return{[s]:y[s]+_,data:{[s]:A,centerOffset:E-A-_,...S&&{alignmentOffset:_}},reset:S}}}),Zt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:r,rects:l,initialPlacement:a,platform:c,elements:f}=e,{mainAxis:p=!0,crossAxis:d=!0,fallbackPlacements:y,fallbackStrategy:s="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:m=!0,...h}=Y(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};const x=B(i),w=B(a)===a,g=await(c.isRTL==null?void 0:c.isRTL(f.floating)),v=y||(w||!m?[nt(a)]:qt(a));!y&&u!=="none"&&v.push(...Jt(a,m,u,g));const T=[a,...v],M=await wt(e,h),C=[];let N=((o=r.flip)==null?void 0:o.overflows)||[];if(p&&C.push(M[x]),d){const R=Yt(i,l,g);C.push(M[R[0]],M[R[1]])}if(N=[...N,{placement:i,overflows:C}],!C.every(R=>R<=0)){var K,Q;const R=(((K=r.flip)==null?void 0:K.index)||0)+1,Z=T[R];if(Z)return{data:{index:R,overflows:N},reset:{placement:Z}};let E=(Q=N.filter(A=>A.overflows[0]<=0).sort((A,S)=>A.overflows[1]-S.overflows[1])[0])==null?void 0:Q.placement;if(!E)switch(s){case"bestFit":{var U;const A=(U=N.map(S=>[S.placement,S.overflows.filter(_=>_>0).reduce((_,Te)=>_+Te,0)]).sort((S,_)=>S[1]-_[1])[0])==null?void 0:U[0];A&&(E=A);break}case"initialPlacement":E=a;break}if(i!==E)return{reset:{placement:E}}}return{}}}};async function te(t,e){const{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),l=B(n),a=q(n),c=et(n)==="y",f=["left","top"].includes(l)?-1:1,p=r&&c?-1:1,d=Y(e,t);let{mainAxis:y,crossAxis:s,alignmentAxis:u}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return a&&typeof u=="number"&&(s=a==="end"?u*-1:u),c?{x:s*p,y:y*f}:{x:y*f,y:s*p}}const ee=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:o}=e,i=await te(e,t);return{x:n+i.x,y:o+i.y,data:i}}}},ne=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:l=!1,limiter:a={fn:h=>{let{x,y:w}=h;return{x,y:w}}},...c}=Y(t,e),f={x:n,y:o},p=await wt(e,c),d=et(B(i)),y=ht(d);let s=f[y],u=f[d];if(r){const h=y==="y"?"top":"left",x=y==="y"?"bottom":"right",w=s+p[h],g=s-p[x];s=at(w,s,g)}if(l){const h=d==="y"?"top":"left",x=d==="y"?"bottom":"right",w=u+p[h],g=u-p[x];u=at(w,u,g)}const m=a.fn({...e,[y]:s,[d]:u});return{...m,data:{x:m.x-n,y:m.y-o}}}}};function O(t){return vt(t)?(t.nodeName||"").toLowerCase():"#document"}function b(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function P(t){var e;return(e=(vt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function vt(t){return t instanceof Node||t instanceof b(t).Node}function F(t){return t instanceof Element||t instanceof b(t).Element}function L(t){return t instanceof HTMLElement||t instanceof b(t).HTMLElement}function bt(t){return typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof b(t).ShadowRoot}function G(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=k(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function oe(t){return["table","td","th"].includes(O(t))}function ut(t){const e=dt(),n=k(t);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function ie(t){let e=$(t);for(;L(e)&&!it(e);){if(ut(e))return e;e=$(e)}return null}function dt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function it(t){return["html","body","#document"].includes(O(t))}function k(t){return b(t).getComputedStyle(t)}function rt(t){return F(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $(t){if(O(t)==="html")return t;const e=t.assignedSlot||t.parentNode||bt(t)&&t.host||P(t);return bt(e)?e.host:e}function Tt(t){const e=$(t);return it(e)?t.ownerDocument?t.ownerDocument.body:t.body:L(e)&&G(e)?e:Tt(e)}function pt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const i=Tt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),l=b(i);return r?e.concat(l,l.visualViewport||[],G(i)?i:[],l.frameElement&&n?pt(l.frameElement):[]):e.concat(i,pt(i,[],n))}function Et(t){const e=k(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=L(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,a=tt(n)!==r||tt(o)!==l;return a&&(n=r,o=l),{width:n,height:o,$:a}}function kt(t){return F(t)?t:t.contextElement}function j(t){const e=kt(t);if(!L(e))return D(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=Et(e);let l=(r?tt(n.width):n.width)/o,a=(r?tt(n.height):n.height)/i;return(!l||!Number.isFinite(l))&&(l=1),(!a||!Number.isFinite(a))&&(a=1),{x:l,y:a}}const re=D(0);function Rt(t){const e=b(t);return!dt()||!e.visualViewport?re:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function le(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==b(t)?!1:e}function J(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);const i=t.getBoundingClientRect(),r=kt(t);let l=D(1);e&&(o?F(o)&&(l=j(o)):l=j(t));const a=le(r,n,o)?Rt(r):D(0);let c=(i.left+a.x)/l.x,f=(i.top+a.y)/l.y,p=i.width/l.x,d=i.height/l.y;if(r){const y=b(r),s=o&&F(o)?b(o):o;let u=y.frameElement;for(;u&&o&&s!==y;){const m=j(u),h=u.getBoundingClientRect(),x=k(u),w=h.left+(u.clientLeft+parseFloat(x.paddingLeft))*m.x,g=h.top+(u.clientTop+parseFloat(x.paddingTop))*m.y;c*=m.x,f*=m.y,p*=m.x,d*=m.y,c+=w,f+=g,u=b(u).frameElement}}return ot({width:p,height:d,x:c,y:f})}function ae(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=L(n),r=P(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},a=D(1);const c=D(0);if((i||!i&&o!=="fixed")&&((O(n)!=="body"||G(r))&&(l=rt(n)),L(n))){const f=J(n);a=j(n),c.x=f.x+n.clientLeft,c.y=f.y+n.clientTop}return{width:e.width*a.x,height:e.height*a.y,x:e.x*a.x-l.scrollLeft*a.x+c.x,y:e.y*a.y-l.scrollTop*a.y+c.y}}function ce(t){return Array.from(t.getClientRects())}function Lt(t){return J(P(t)).left+rt(t).scrollLeft}function se(t){const e=P(t),n=rt(t),o=t.ownerDocument.body,i=W(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=W(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+Lt(t);const a=-n.scrollTop;return k(o).direction==="rtl"&&(l+=W(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:a}}function fe(t,e){const n=b(t),o=P(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,a=0,c=0;if(i){r=i.width,l=i.height;const f=dt();(!f||f&&e==="fixed")&&(a=i.offsetLeft,c=i.offsetTop)}return{width:r,height:l,x:a,y:c}}function ue(t,e){const n=J(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=L(t)?j(t):D(1),l=t.clientWidth*r.x,a=t.clientHeight*r.y,c=i*r.x,f=o*r.y;return{width:l,height:a,x:c,y:f}}function Ct(t,e,n){let o;if(e==="viewport")o=fe(t,n);else if(e==="document")o=se(P(t));else if(F(e))o=ue(e,n);else{const i=Rt(t);o={...e,x:e.x-i.x,y:e.y-i.y}}return ot(o)}function At(t,e){const n=$(t);return n===e||!F(n)||it(n)?!1:k(n).position==="fixed"||At(n,e)}function de(t,e){const n=e.get(t);if(n)return n;let o=pt(t,[],!1).filter(a=>F(a)&&O(a)!=="body"),i=null;const r=k(t).position==="fixed";let l=r?$(t):t;for(;F(l)&&!it(l);){const a=k(l),c=ut(l);!c&&a.position==="fixed"&&(i=null),(r?!c&&!i:!c&&a.position==="static"&&i&&["absolute","fixed"].includes(i.position)||G(l)&&!c&&At(t,l))?o=o.filter(f=>f!==l):i=a,l=$(l)}return e.set(t,o),o}function pe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[...n==="clippingAncestors"?de(e,this._c):[].concat(n),o],l=r[0],a=r.reduce((c,f)=>{const p=Ct(e,f,i);return c.top=W(p.top,c.top),c.right=X(p.right,c.right),c.bottom=X(p.bottom,c.bottom),c.left=W(p.left,c.left),c},Ct(e,l,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function me(t){return Et(t)}function ye(t,e,n){const o=L(e),i=P(e),r=n==="fixed",l=J(t,!0,r,e);let a={scrollLeft:0,scrollTop:0};const c=D(0);if(o||!o&&!r)if((O(e)!=="body"||G(i))&&(a=rt(e)),o){const f=J(e,!0,r,e);c.x=f.x+e.clientLeft,c.y=f.y+e.clientTop}else i&&(c.x=Lt(i));return{x:l.left+a.scrollLeft-c.x,y:l.top+a.scrollTop-c.y,width:l.width,height:l.height}}function St(t,e){return!L(t)||k(t).position==="fixed"?null:e?e(t):t.offsetParent}function Ft(t,e){const n=b(t);if(!L(t))return n;let o=St(t,e);for(;o&&oe(o)&&k(o).position==="static";)o=St(o,e);return o&&(O(o)==="html"||O(o)==="body"&&k(o).position==="static"&&!ut(o))?n:o||ie(t)||n}const he=async function(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||Ft,r=this.getDimensions;return{reference:ye(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}};function ge(t){return k(t).direction==="rtl"}const xe={convertOffsetParentRelativeRectToViewportRelativeRect:ae,getDocumentElement:P,getClippingRect:pe,getOffsetParent:Ft,getElementRects:he,getClientRects:ce,getDimensions:me,getScale:j,isElement:F,isRTL:ge},we=(t,e,n)=>{const o=new Map,i={platform:xe,...n},r={...i.platform,_c:o};return Qt(t,e,{...i,platform:r})};await lt("vue");function ve(t){var e;return(e=t==null?void 0:t.$el)!=null?e:t}function be(t){return{name:"arrow",options:t,fn(e){const n=ve(Le(t.element));return n==null?{}:Ut({element:n,padding:t.padding}).fn(e)}}}let _t,Dt,V,mt,z,I,yt,Ot,Pt,Bt,Vt,Ht,Mt,Nt,Wt,$t,H,jt;({defineComponent:_t}=await lt("vue")),{renderSlot:Dt,createElementVNode:V,toDisplayString:mt,openBlock:z,createElementBlock:I,createCommentVNode:yt,normalizeClass:Ot,renderList:Pt,Fragment:Bt,createVNode:Vt,normalizeStyle:Ht}=await lt("vue"),Mt={class:"px-2 py-0"},Nt={key:0,class:"fm-typo-body-xl-700"},Wt={key:0,class:"content-start flex gap-0 px-2 py-0 self-stretch"},{computed:$t,ref:H,watchEffect:jt}=await lt("vue"),zt=_t({__name:"FmTooltip",props:{variant:{default:"plain"},beak:{default:"top"},hasArrow:{type:Boolean,default:!0},titleText:{default:"Title"},contentText:{},actionButtons:{}},setup(t){const e=t,n=H(null),o=H(null),i=H(null),r=async()=>{var x,w,g,v;const{x:s,y:u,placement:m,middlewareData:h}=await we(n.value,o.value,{placement:e.beak,middleware:[ee(10),Zt(),ne({padding:5}),e.hasArrow?be({element:i.value,padding:10}):null]});if(Object.assign(o.value.style,{left:`${s}px`,top:`${u}px`}),e.hasArrow){const T={top:"bottom",right:"left",bottom:"top",left:"right"}[m.split("-")[0]];Object.assign(i.value.style,{left:((x=h.arrow)==null?void 0:x.x)!=null?`${(w=h.arrow)==null?void 0:w.x}px`:"",top:((g=h.arrow)==null?void 0:g.y)!=null?`${(v=h.arrow)==null?void 0:v.y}px`:"",right:"",bottom:"",background:e.variant==="rich"?"#FFF":"#1C1C1E",[T]:"-4px"})}},l=H(!1),a=H(0),c=H(0),f=$t(()=>({...{plain:{color:"#FFF",background:"#1C1C1E",boxShadow:"0 2px 4px rgba(0, 0, 0, 0)"},rich:{background:"#FFF",boxShadow:"0px 8px 16px 0px rgba(199, 199, 204, 0.24)"}}[e.variant],display:l.value?"block":"none"})),p=()=>{clearTimeout(c.value),a.value=window.setTimeout(()=>{l.value=!0},500)},d=()=>{clearTimeout(a.value),c.value=window.setTimeout(()=>l.value=!1,1500)},y=()=>{clearTimeout(c.value),l.value=!0};return jt(()=>{l.value?(r(),window.addEventListener("resize",r)):window.removeEventListener("resize",r)}),(s,u)=>(z(),I("div",null,[V("div",{ref_key:"tooltipContainer",ref:n,class:"cursor-pointer flex items-center justify-center relative w-max",onMouseenter:p,onMouseleave:d},[Dt(s.$slots,"default")],544),V("div",{ref_key:"tooltip",ref:o,class:"absolute box-border break-words left-0 max-w-xs px-4 py-3 rounded-2xl top-0 w-max whitespace-normal z-50",style:Ht(f.value),onMouseenter:y,onMouseleave:d},[V("div",null,[V("div",Mt,[s.variant=="rich"?(z(),I("div",Nt,mt(s.titleText),1)):yt("",!0),V("div",{class:Ot(s.variant=="plain"?"fm-typo-body-sm-400":"fm-typo-body-md-400")},mt(s.contentText),3)]),s.variant=="rich"?(z(),I("div",Wt,[(z(!0),I(Bt,null,Pt(s.actionButtons,(m,h)=>(z(),I("div",{key:h},[Vt(ke,{variant:"tertiary",label:m.label,onClick:m.handler},null,8,["label","onClick"])]))),128))])):yt("",!0)]),V("div",{ref_key:"arrowEl",ref:i,class:"-rotate-45 absolute h-3 w-3"},null,512)],36)]))}})});export{zt as _,Ce as __tla};
|
|
1
|
+
import{importShared as lt,__tla as Ee}from"./__federation_fn_import.js";import ke,{__tla as Re}from"./__federation_expose_FmButton-a3ca7654.js";import{ad as Le}from"./reactivity.esm-bundler-99588556.js";let zt,Ce=Promise.all([(()=>{try{return Ee}catch{}})(),(()=>{try{return Re}catch{}})()]).then(async()=>{const X=Math.min,W=Math.max,tt=Math.round,D=t=>({x:t,y:t}),It={left:"right",right:"left",bottom:"top",top:"bottom"},Xt={start:"end",end:"start"};function at(t,e,n){return W(t,X(e,n))}function Y(t,e){return typeof t=="function"?t(e):t}function B(t){return t.split("-")[0]}function q(t){return t.split("-")[1]}function ht(t){return t==="x"?"y":"x"}function ct(t){return t==="y"?"height":"width"}function et(t){return["top","bottom"].includes(B(t))?"y":"x"}function st(t){return ht(et(t))}function Yt(t,e,n){n===void 0&&(n=!1);const o=q(t),i=st(t),r=ct(i);let l=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=nt(l)),[l,nt(l)]}function qt(t){const e=nt(t);return[ft(t),e,ft(e)]}function ft(t){return t.replace(/start|end/g,e=>Xt[e])}function Gt(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}function Jt(t,e,n,o){const i=q(t);let r=Gt(B(t),n==="start",o);return i&&(r=r.map(l=>l+"-"+i),e&&(r=r.concat(r.map(ft)))),r}function nt(t){return t.replace(/left|right|bottom|top/g,e=>It[e])}function Kt(t){return{top:0,right:0,bottom:0,left:0,...t}}function gt(t){return typeof t!="number"?Kt(t):{top:t,right:t,bottom:t,left:t}}function ot(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function xt(t,e,n){let{reference:o,floating:i}=t;const r=et(e),l=st(e),a=ct(l),c=B(e),f=r==="y",p=o.x+o.width/2-i.width/2,d=o.y+o.height/2-i.height/2,y=o[a]/2-i[a]/2;let s;switch(c){case"top":s={x:p,y:o.y-i.height};break;case"bottom":s={x:p,y:o.y+o.height};break;case"right":s={x:o.x+o.width,y:d};break;case"left":s={x:o.x-i.width,y:d};break;default:s={x:o.x,y:o.y}}switch(q(e)){case"start":s[l]-=y*(n&&f?-1:1);break;case"end":s[l]+=y*(n&&f?-1:1);break}return s}const Qt=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,a=r.filter(Boolean),c=await(l.isRTL==null?void 0:l.isRTL(e));let f=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:p,y:d}=xt(f,o,c),y=o,s={},u=0;for(let m=0;m<a.length;m++){const{name:h,fn:x}=a[m],{x:w,y:g,data:v,reset:T}=await x({x:p,y:d,initialPlacement:o,placement:y,strategy:i,middlewareData:s,rects:f,platform:l,elements:{reference:t,floating:e}});if(p=w??p,d=g??d,s={...s,[h]:{...s[h],...v}},T&&u<=50){u++,typeof T=="object"&&(T.placement&&(y=T.placement),T.rects&&(f=T.rects===!0?await l.getElementRects({reference:t,floating:e,strategy:i}):T.rects),{x:p,y:d}=xt(f,y,c)),m=-1;continue}}return{x:p,y:d,placement:y,strategy:i,middlewareData:s}};async function wt(t,e){var n;e===void 0&&(e={});const{x:o,y:i,platform:r,rects:l,elements:a,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:p="viewport",elementContext:d="floating",altBoundary:y=!1,padding:s=0}=Y(e,t),u=gt(s),m=a[y?d==="floating"?"reference":"floating":d],h=ot(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(m)))==null||n?m:m.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(a.floating)),boundary:f,rootBoundary:p,strategy:c})),x=d==="floating"?{...l.floating,x:o,y:i}:l.reference,w=await(r.getOffsetParent==null?void 0:r.getOffsetParent(a.floating)),g=await(r.isElement==null?void 0:r.isElement(w))?await(r.getScale==null?void 0:r.getScale(w))||{x:1,y:1}:{x:1,y:1},v=ot(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:w,strategy:c}):x);return{top:(h.top-v.top+u.top)/g.y,bottom:(v.bottom-h.bottom+u.bottom)/g.y,left:(h.left-v.left+u.left)/g.x,right:(v.right-h.right+u.right)/g.x}}const Ut=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:r,platform:l,elements:a,middlewareData:c}=e,{element:f,padding:p=0}=Y(t,e)||{};if(f==null)return{};const d=gt(p),y={x:n,y:o},s=st(i),u=ct(s),m=await l.getDimensions(f),h=s==="y",x=h?"top":"left",w=h?"bottom":"right",g=h?"clientHeight":"clientWidth",v=r.reference[u]+r.reference[s]-y[s]-r.floating[u],T=y[s]-r.reference[s],M=await(l.getOffsetParent==null?void 0:l.getOffsetParent(f));let C=M?M[g]:0;(!C||!await(l.isElement==null?void 0:l.isElement(M)))&&(C=a.floating[g]||r.floating[u]);const N=v/2-T/2,K=C/2-m[u]/2-1,Q=X(d[x],K),U=X(d[w],K),R=Q,Z=C-m[u]-U,E=C/2-m[u]/2+N,A=at(R,E,Z),S=!c.arrow&&q(i)!=null&&E!=A&&r.reference[u]/2-(E<R?Q:U)-m[u]/2<0,_=S?E<R?E-R:E-Z:0;return{[s]:y[s]+_,data:{[s]:A,centerOffset:E-A-_,...S&&{alignmentOffset:_}},reset:S}}}),Zt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:r,rects:l,initialPlacement:a,platform:c,elements:f}=e,{mainAxis:p=!0,crossAxis:d=!0,fallbackPlacements:y,fallbackStrategy:s="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:m=!0,...h}=Y(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};const x=B(i),w=B(a)===a,g=await(c.isRTL==null?void 0:c.isRTL(f.floating)),v=y||(w||!m?[nt(a)]:qt(a));!y&&u!=="none"&&v.push(...Jt(a,m,u,g));const T=[a,...v],M=await wt(e,h),C=[];let N=((o=r.flip)==null?void 0:o.overflows)||[];if(p&&C.push(M[x]),d){const R=Yt(i,l,g);C.push(M[R[0]],M[R[1]])}if(N=[...N,{placement:i,overflows:C}],!C.every(R=>R<=0)){var K,Q;const R=(((K=r.flip)==null?void 0:K.index)||0)+1,Z=T[R];if(Z)return{data:{index:R,overflows:N},reset:{placement:Z}};let E=(Q=N.filter(A=>A.overflows[0]<=0).sort((A,S)=>A.overflows[1]-S.overflows[1])[0])==null?void 0:Q.placement;if(!E)switch(s){case"bestFit":{var U;const A=(U=N.map(S=>[S.placement,S.overflows.filter(_=>_>0).reduce((_,Te)=>_+Te,0)]).sort((S,_)=>S[1]-_[1])[0])==null?void 0:U[0];A&&(E=A);break}case"initialPlacement":E=a;break}if(i!==E)return{reset:{placement:E}}}return{}}}};async function te(t,e){const{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),l=B(n),a=q(n),c=et(n)==="y",f=["left","top"].includes(l)?-1:1,p=r&&c?-1:1,d=Y(e,t);let{mainAxis:y,crossAxis:s,alignmentAxis:u}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return a&&typeof u=="number"&&(s=a==="end"?u*-1:u),c?{x:s*p,y:y*f}:{x:y*f,y:s*p}}const ee=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:o}=e,i=await te(e,t);return{x:n+i.x,y:o+i.y,data:i}}}},ne=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:l=!1,limiter:a={fn:h=>{let{x,y:w}=h;return{x,y:w}}},...c}=Y(t,e),f={x:n,y:o},p=await wt(e,c),d=et(B(i)),y=ht(d);let s=f[y],u=f[d];if(r){const h=y==="y"?"top":"left",x=y==="y"?"bottom":"right",w=s+p[h],g=s-p[x];s=at(w,s,g)}if(l){const h=d==="y"?"top":"left",x=d==="y"?"bottom":"right",w=u+p[h],g=u-p[x];u=at(w,u,g)}const m=a.fn({...e,[y]:s,[d]:u});return{...m,data:{x:m.x-n,y:m.y-o}}}}};function O(t){return vt(t)?(t.nodeName||"").toLowerCase():"#document"}function b(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function P(t){var e;return(e=(vt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function vt(t){return t instanceof Node||t instanceof b(t).Node}function F(t){return t instanceof Element||t instanceof b(t).Element}function L(t){return t instanceof HTMLElement||t instanceof b(t).HTMLElement}function bt(t){return typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof b(t).ShadowRoot}function G(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=k(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function oe(t){return["table","td","th"].includes(O(t))}function ut(t){const e=dt(),n=k(t);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function ie(t){let e=$(t);for(;L(e)&&!it(e);){if(ut(e))return e;e=$(e)}return null}function dt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function it(t){return["html","body","#document"].includes(O(t))}function k(t){return b(t).getComputedStyle(t)}function rt(t){return F(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $(t){if(O(t)==="html")return t;const e=t.assignedSlot||t.parentNode||bt(t)&&t.host||P(t);return bt(e)?e.host:e}function Tt(t){const e=$(t);return it(e)?t.ownerDocument?t.ownerDocument.body:t.body:L(e)&&G(e)?e:Tt(e)}function pt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const i=Tt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),l=b(i);return r?e.concat(l,l.visualViewport||[],G(i)?i:[],l.frameElement&&n?pt(l.frameElement):[]):e.concat(i,pt(i,[],n))}function Et(t){const e=k(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=L(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,a=tt(n)!==r||tt(o)!==l;return a&&(n=r,o=l),{width:n,height:o,$:a}}function kt(t){return F(t)?t:t.contextElement}function j(t){const e=kt(t);if(!L(e))return D(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=Et(e);let l=(r?tt(n.width):n.width)/o,a=(r?tt(n.height):n.height)/i;return(!l||!Number.isFinite(l))&&(l=1),(!a||!Number.isFinite(a))&&(a=1),{x:l,y:a}}const re=D(0);function Rt(t){const e=b(t);return!dt()||!e.visualViewport?re:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function le(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==b(t)?!1:e}function J(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);const i=t.getBoundingClientRect(),r=kt(t);let l=D(1);e&&(o?F(o)&&(l=j(o)):l=j(t));const a=le(r,n,o)?Rt(r):D(0);let c=(i.left+a.x)/l.x,f=(i.top+a.y)/l.y,p=i.width/l.x,d=i.height/l.y;if(r){const y=b(r),s=o&&F(o)?b(o):o;let u=y.frameElement;for(;u&&o&&s!==y;){const m=j(u),h=u.getBoundingClientRect(),x=k(u),w=h.left+(u.clientLeft+parseFloat(x.paddingLeft))*m.x,g=h.top+(u.clientTop+parseFloat(x.paddingTop))*m.y;c*=m.x,f*=m.y,p*=m.x,d*=m.y,c+=w,f+=g,u=b(u).frameElement}}return ot({width:p,height:d,x:c,y:f})}function ae(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=L(n),r=P(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},a=D(1);const c=D(0);if((i||!i&&o!=="fixed")&&((O(n)!=="body"||G(r))&&(l=rt(n)),L(n))){const f=J(n);a=j(n),c.x=f.x+n.clientLeft,c.y=f.y+n.clientTop}return{width:e.width*a.x,height:e.height*a.y,x:e.x*a.x-l.scrollLeft*a.x+c.x,y:e.y*a.y-l.scrollTop*a.y+c.y}}function ce(t){return Array.from(t.getClientRects())}function Lt(t){return J(P(t)).left+rt(t).scrollLeft}function se(t){const e=P(t),n=rt(t),o=t.ownerDocument.body,i=W(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=W(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+Lt(t);const a=-n.scrollTop;return k(o).direction==="rtl"&&(l+=W(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:a}}function fe(t,e){const n=b(t),o=P(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,a=0,c=0;if(i){r=i.width,l=i.height;const f=dt();(!f||f&&e==="fixed")&&(a=i.offsetLeft,c=i.offsetTop)}return{width:r,height:l,x:a,y:c}}function ue(t,e){const n=J(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=L(t)?j(t):D(1),l=t.clientWidth*r.x,a=t.clientHeight*r.y,c=i*r.x,f=o*r.y;return{width:l,height:a,x:c,y:f}}function Ct(t,e,n){let o;if(e==="viewport")o=fe(t,n);else if(e==="document")o=se(P(t));else if(F(e))o=ue(e,n);else{const i=Rt(t);o={...e,x:e.x-i.x,y:e.y-i.y}}return ot(o)}function At(t,e){const n=$(t);return n===e||!F(n)||it(n)?!1:k(n).position==="fixed"||At(n,e)}function de(t,e){const n=e.get(t);if(n)return n;let o=pt(t,[],!1).filter(a=>F(a)&&O(a)!=="body"),i=null;const r=k(t).position==="fixed";let l=r?$(t):t;for(;F(l)&&!it(l);){const a=k(l),c=ut(l);!c&&a.position==="fixed"&&(i=null),(r?!c&&!i:!c&&a.position==="static"&&i&&["absolute","fixed"].includes(i.position)||G(l)&&!c&&At(t,l))?o=o.filter(f=>f!==l):i=a,l=$(l)}return e.set(t,o),o}function pe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[...n==="clippingAncestors"?de(e,this._c):[].concat(n),o],l=r[0],a=r.reduce((c,f)=>{const p=Ct(e,f,i);return c.top=W(p.top,c.top),c.right=X(p.right,c.right),c.bottom=X(p.bottom,c.bottom),c.left=W(p.left,c.left),c},Ct(e,l,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function me(t){return Et(t)}function ye(t,e,n){const o=L(e),i=P(e),r=n==="fixed",l=J(t,!0,r,e);let a={scrollLeft:0,scrollTop:0};const c=D(0);if(o||!o&&!r)if((O(e)!=="body"||G(i))&&(a=rt(e)),o){const f=J(e,!0,r,e);c.x=f.x+e.clientLeft,c.y=f.y+e.clientTop}else i&&(c.x=Lt(i));return{x:l.left+a.scrollLeft-c.x,y:l.top+a.scrollTop-c.y,width:l.width,height:l.height}}function St(t,e){return!L(t)||k(t).position==="fixed"?null:e?e(t):t.offsetParent}function Ft(t,e){const n=b(t);if(!L(t))return n;let o=St(t,e);for(;o&&oe(o)&&k(o).position==="static";)o=St(o,e);return o&&(O(o)==="html"||O(o)==="body"&&k(o).position==="static"&&!ut(o))?n:o||ie(t)||n}const he=async function(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||Ft,r=this.getDimensions;return{reference:ye(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}};function ge(t){return k(t).direction==="rtl"}const xe={convertOffsetParentRelativeRectToViewportRelativeRect:ae,getDocumentElement:P,getClippingRect:pe,getOffsetParent:Ft,getElementRects:he,getClientRects:ce,getDimensions:me,getScale:j,isElement:F,isRTL:ge},we=(t,e,n)=>{const o=new Map,i={platform:xe,...n},r={...i.platform,_c:o};return Qt(t,e,{...i,platform:r})};await lt("vue");function ve(t){var e;return(e=t==null?void 0:t.$el)!=null?e:t}function be(t){return{name:"arrow",options:t,fn(e){const n=ve(Le(t.element));return n==null?{}:Ut({element:n,padding:t.padding}).fn(e)}}}let _t,Dt,V,mt,z,I,yt,Ot,Pt,Bt,Vt,Ht,Mt,Nt,Wt,$t,H,jt;({defineComponent:_t}=await lt("vue")),{renderSlot:Dt,createElementVNode:V,toDisplayString:mt,openBlock:z,createElementBlock:I,createCommentVNode:yt,normalizeClass:Ot,renderList:Pt,Fragment:Bt,createVNode:Vt,normalizeStyle:Ht}=await lt("vue"),Mt={class:"px-2 py-0"},Nt={key:0,class:"fm-typo-body-xl-700"},Wt={key:0,class:"content-start flex gap-0 px-2 py-0 self-stretch"},{computed:$t,ref:H,watchEffect:jt}=await lt("vue"),zt=_t({__name:"FmTooltip",props:{variant:{default:"plain"},beak:{default:"top"},hasArrow:{type:Boolean,default:!0},titleText:{default:"Title"},contentText:{},actionButtons:{}},setup(t){const e=t,n=H(null),o=H(null),i=H(null),r=async()=>{var x,w,g,v;const{x:s,y:u,placement:m,middlewareData:h}=await we(n.value,o.value,{placement:e.beak,middleware:[ee(10),Zt(),ne({padding:5}),e.hasArrow?be({element:i.value,padding:10}):null]});if(Object.assign(o.value.style,{left:`${s}px`,top:`${u}px`}),e.hasArrow){const T={top:"bottom",right:"left",bottom:"top",left:"right"}[m.split("-")[0]];Object.assign(i.value.style,{left:((x=h.arrow)==null?void 0:x.x)!=null?`${(w=h.arrow)==null?void 0:w.x}px`:"",top:((g=h.arrow)==null?void 0:g.y)!=null?`${(v=h.arrow)==null?void 0:v.y}px`:"",right:"",bottom:"",background:e.variant==="rich"?"#FFF":"#1C1C1E",[T]:"-4px"})}},l=H(!1),a=H(0),c=H(0),f=$t(()=>({...{plain:{color:"#FFF",background:"#1C1C1E",boxShadow:"0 2px 4px rgba(0, 0, 0, 0)"},rich:{background:"#FFF",boxShadow:"0px 8px 16px 0px rgba(199, 199, 204, 0.24)"}}[e.variant],display:l.value?"block":"none"})),p=()=>{clearTimeout(c.value),a.value=window.setTimeout(()=>{l.value=!0},500)},d=()=>{clearTimeout(a.value),c.value=window.setTimeout(()=>l.value=!1,1500)},y=()=>{clearTimeout(c.value),l.value=!0};return jt(()=>{l.value?(r(),window.addEventListener("resize",r)):window.removeEventListener("resize",r)}),(s,u)=>(z(),I("div",null,[V("div",{ref_key:"tooltipContainer",ref:n,class:"cursor-pointer flex items-center justify-center relative w-max",onMouseenter:p,onMouseleave:d},[Dt(s.$slots,"default")],544),V("div",{ref_key:"tooltip",ref:o,class:"absolute box-border break-words left-0 max-w-xs px-4 py-3 rounded-2xl top-0 w-max whitespace-normal z-50",style:Ht(f.value),onMouseenter:y,onMouseleave:d},[V("div",null,[V("div",Mt,[s.variant=="rich"?(z(),I("div",Nt,mt(s.titleText),1)):yt("",!0),V("div",{class:Ot(s.variant=="plain"?"fm-typo-body-sm-400":"fm-typo-body-md-400")},mt(s.contentText),3)]),s.variant=="rich"?(z(),I("div",Wt,[(z(!0),I(Bt,null,Pt(s.actionButtons,(m,h)=>(z(),I("div",{key:h},[Vt(ke,{variant:"tertiary",label:m.label,onClick:m.handler},null,8,["label","onClick"])]))),128))])):yt("",!0)]),V("div",{ref_key:"arrowEl",ref:i,class:"-rotate-45 absolute h-3 w-3"},null,512)],36)]))}})});export{zt as _,Ce as __tla};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{importShared as l,__tla as k}from"./__federation_fn_import.js";import C,{__tla as z}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as S}from"./_plugin-vue_export-helper-c27b6911.js";let c,D=Promise.all([(()=>{try{return k}catch{}})(),(()=>{try{return z}catch{}})()]).then(async()=>{const{defineComponent:d}=await l("vue"),{openBlock:o,createBlock:u,createCommentVNode:r,toDisplayString:m,createElementBlock:n,normalizeClass:p,resolveDirective:f,withDirectives:b,pushScopeId:E,popScopeId:I}=await l("vue"),y=["disabled","type"],_={key:1,class:"fm-typo-body-lg-700"},{computed:v,ref:w}=await l("vue"),h=d({__name:"FmButton",props:{variant:{default:"primary"},label:{default:""},icon:{default:""},size:{default:"lg"},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},iconColor:{default:""},type:{default:"button"}},setup(g){const i=g,s=w(!1),$=v(()=>`${x[i.variant]} ${i.disabled?"cursor-not-allowed":"cursor-pointer"}`),x={primary:"bg-fm-color-primary text-fm-color-typo-white",secondary:"bg-transparent",destructive:"bg-fm-color-system-error-300 text-fm-color-white text-fm-color-typo-white",tertiary:"bg-transparent text-fm-color-primary",fab:"bg-fm-color-primary text-fm-color-white rounded-full text-fm-color-typo-white"};function a(t){s.value=t}return(t,e)=>{const B=f("wave");return b((o(),n("button",{ref:"buttonEl",class:p(`
|
|
2
|
+
fm-btn rounded-lg
|
|
3
|
+
${$.value}
|
|
4
|
+
fm-btn--${t.size}
|
|
5
|
+
${t.label?"":`fm-btn--${t.size}--just-icon`}
|
|
6
|
+
fm-btn--${t.variant}
|
|
7
|
+
${t.disabled?"fm-btn--disabled":""}
|
|
8
|
+
`),disabled:t.disabled,type:t.type,onMousedown:e[0]||(e[0]=()=>a(!0)),onMouseup:e[1]||(e[1]=()=>a(!1)),onMouseleave:e[2]||(e[2]=()=>a(!1))},[t.icon?(o(),u(C,{key:0,name:t.icon,outline:!s.value,color:t.disabled?"neutral-gray-200":t.iconColor??"",size:"md"},null,8,["name","outline","color"])):r("",!0),t.label?(o(),n("span",_,m(t.label),1)):r("",!0)],42,y)),[[B,!t.disabled]])}}});c=S(h,[["__scopeId","data-v-e62833de"]])});export{D as __tla,c as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as t,__tla as a}from"./FmButtonGroup.vue_vue_type_script_setup_true_lang-658ba5f6.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as g,__tla as W}from"./__federation_fn_import.js";import{d as h}from"./dayjs.min-5433e12a.js";import E,{__tla as X}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as G}from"./_plugin-vue_export-helper-c27b6911.js";let V,H=Promise.all([(()=>{try{return W}catch{}})(),(()=>{try{return X}catch{}})()]).then(async()=>{const{defineComponent:B}=await g("vue"),{toDisplayString:u,normalizeClass:m,openBlock:o,createElementBlock:r,createCommentVNode:w,createElementVNode:t,createVNode:M,renderList:b,Fragment:k,pushScopeId:J,popScopeId:K}=await g("vue"),O={class:"relative"},S={class:"w-full"},A={class:"flex h-10 justify-between p-2"},F={class:"fm-typo-body-lg-400"},I={class:"flex gap-1 items-center justify-center"},L={class:"fm-calendar__row fm-typo-body-lg-400 text-fm-color-typo-tertiary"},N=["onClick"],{ref:s,computed:P,onMounted:j,onUnmounted:q}=await g("vue"),z=B({__name:"FmDatePicker",props:{modelValue:{},label:{default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(R,{emit:U}){const n=R,_=s([]),f=s(null),i=s(!1),p=s(h()),Y=s(null),y=s(null),$=e=>{f.value=e,U("update:modelValue",e.format("YYYY-MM-DD")),i.value=!1},C=()=>{_.value=[];const e=h(p.value).startOf("month"),l=e.endOf("month"),c=e.month();let a=e.startOf("week"),d=[];for(;a.isBefore(l.endOf("week"));)a.day()===0&&d.length>0&&(_.value.push(d),d=[]),d.push({date:a,isCurrentMonth:a.month()===c}),a=a.add(1,"day");d.length>0&&_.value.push(d)},Q=()=>{n.disabled||(i.value=!i.value,requestAnimationFrame(()=>{var l;const e=(l=Y.value)==null?void 0:l.getBoundingClientRect();y.value.style.top=`${e.height+4}px`,y.value.style.left="0px"}))},x=e=>{const l=e.path||e.composedPath();for(const c of l)if(c==Y.value||c==y.value)return;i.value=!1},D=e=>{p.value=e?p.value.add(1,"month"):p.value.subtract(1,"month"),C()},T=P(()=>Array.from(Array(7),(e,l)=>h().day(l).format("ddd")));return j(()=>{window.addEventListener("click",x),C(),n.modelValue&&(f.value=h(n.modelValue,"YYYY-MM-DD"))}),q(()=>{window.removeEventListener("click",x)}),(e,l)=>{var c;return o(),r("div",O,[t("label",{ref_key:"buttonEl",ref:Y,onClick:Q},[e.label?(o(),r("div",{key:0,class:m(["fm-typo-body-lg-400 mb-4",[n.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"]])},u(n.label),3)):w("",!0),t("div",{class:m(["fm-date-picker__container",{"fm-date-picker__container--opened":i.value,"fm-date-picker__container--disabled":n.disabled}])},[t("div",{class:m(["fm-typo-body-lg-400",[n.disabled?"text-fm-color-typo-disabled":f.value?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"]])},u(((c=f.value)==null?void 0:c.format("D MMM YYYY"))??"DD MM YYYY"),3)],2)],512),t("div",{ref_key:"dropdownEl",ref:y,class:m(["absolute bg-fm-color-white fm-calendar gap-6 p-3 rounded-lg shadow-light-neutral-300 w-[360px]",[i.value?"block":"hidden"]])},[t("div",S,[t("div",A,[t("div",F,u(p.value.format("MMMM YYYY")),1),t("div",I,[M(E,{class:"cursor-pointer",name:"chevron_left",outline:!1,color:"#1C1C1E",onClick:l[0]||(l[0]=()=>D(!1))}),M(E,{class:"cursor-pointer",name:"chevron_right",outline:!1,color:"#1C1C1E",onClick:l[1]||(l[1]=()=>D(!0))})])]),t("div",null,[t("div",L,[(o(!0),r(k,null,b(T.value,a=>(o(),r("div",{key:a,class:"fm-calendar__cell"},u(a),1))),128))]),t("div",null,[(o(!0),r(k,null,b(_.value,(a,d)=>(o(),r("div",{key:d,class:"fm-calendar__row fm-typo-body-lg-400"},[(o(!0),r(k,null,b(a,v=>(o(),r("div",{key:v.date.date(),class:"fm-calendar__cell"},[v.isCurrentMonth?(o(),r("button",{key:0,class:m(["fm-calendar__cell__button",{"fm-calendar__cell__button--selected":f.value===v.date}]),onClick:()=>$(v.date)},u(v.date.date()),11,N)):w("",!0)]))),128))]))),128))])])])],2)])}}});V=G(z,[["__scopeId","data-v-1722ccfe"]])});export{H as __tla,V as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as M,__tla as ee}from"./__federation_fn_import.js";import{d as D}from"./dayjs.min-5433e12a.js";import S,{__tla as te}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as ae}from"./_plugin-vue_export-helper-c27b6911.js";let A,le=Promise.all([(()=>{try{return ee}catch{}})(),(()=>{try{return te}catch{}})()]).then(async()=>{const{defineComponent:O}=await M("vue"),{toDisplayString:i,normalizeClass:s,createElementVNode:l,createVNode:w,renderList:Y,Fragment:h,openBlock:u,createElementBlock:c,createCommentVNode:F,pushScopeId:I,popScopeId:L}=await M("vue"),N=v=>(I("data-v-fdf144e1"),v=v(),L(),v),P={class:"flex gap-1 items-center relative w-full"},j=N(()=>l("div",{class:"fm-typo-body-lg-400 h-6 mt-7 shrink-0 text-center text-fm-color-typo-primary w-6"}," to ",-1)),R={class:"w-full"},q={class:"flex h-10 justify-between p-2"},z={class:"fm-typo-body-lg-400"},U={class:"flex gap-1 items-center justify-center"},$={class:"fm-calendar__row fm-typo-body-lg-400 text-fm-color-typo-tertiary"},G=["onClick"],{ref:m,computed:H,onMounted:J,onUnmounted:K}=await M("vue"),Q=O({__name:"FmDateRangePicker",props:{modelValue:{},label:{default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(v,{emit:g}){const n=v,y=m([]),e=m({startDate:null,endDate:null}),f=m(!1),p=m(D()),k=m(null),x=m(null),b=m(null),T=t=>{var a,o;if(e.value.startDate&&e.value.endDate){e.value={startDate:null,endDate:null},g("update:modelValue",{startDate:null,endDate:null});return}if(!e.value.startDate&&!e.value.endDate)e.value.startDate=t;else if(t.isBefore(e.value.startDate)){const r=e.value.startDate;e.value={startDate:t,endDate:r}}else e.value.endDate=t;g("update:modelValue",{startDate:(a=e.value.startDate)==null?void 0:a.format("YYYY-MM-DD"),endDate:(o=e.value.endDate)==null?void 0:o.format("YYYY-MM-DD")}),e.value.startDate&&e.value.endDate&&(f.value=!1)},C=()=>{y.value=[];const t=D(p.value).startOf("month"),a=t.endOf("month"),o=t.month();let r=t.startOf("week"),d=[];for(;r.isBefore(a.endOf("week"));)r.day()===0&&d.length>0&&(y.value.push(d),d=[]),d.push({date:r,isCurrentMonth:r.month()===o}),r=r.add(1,"day");d.length>0&&y.value.push(d)},V=()=>{n.disabled||(f.value=!f.value,requestAnimationFrame(()=>{var a;const t=(a=k.value)==null?void 0:a.getBoundingClientRect();b.value.style.top=`${t.height+4}px`,b.value.style.left="0px"}))},B=t=>{const a=t.path||t.composedPath();for(const o of a)if(o==k.value||o==x.value||o==b.value)return;f.value=!1},E=t=>{p.value=t?p.value.add(1,"month"):p.value.subtract(1,"month"),C()},W=H(()=>Array.from(Array(7),(t,a)=>D().day(a).format("ddd"))),X=t=>{var a,o,r,d;return{"fm-calendar__cell__button--selected":((a=e.value.startDate)==null?void 0:a.isSame(t))&&!e.value.endDate||((o=e.value.endDate)==null?void 0:o.isSame(t))&&!e.value.startDate,"fm-calendar__cell__button--selected-start":((r=e.value.startDate)==null?void 0:r.isSame(t))&&e.value.endDate,"fm-calendar__cell__button--selected-end":((d=e.value.endDate)==null?void 0:d.isSame(t))&&e.value.startDate,"fm-calendar__cell__button--selected-between":e.value.startDate&&e.value.endDate&&t.isAfter(e.value.startDate)&&t.isBefore(e.value.endDate)}};return J(()=>{var t;window.addEventListener("click",B),C(),(t=n.modelValue)!=null&&t.startDate&&n.modelValue.endDate&&(e.value={startDate:D(n.modelValue.startDate,"YYYY-MM-DD"),endDate:D(n.modelValue.endDate,"YYYY-MM-DD")})}),K(()=>{window.removeEventListener("click",B)}),(t,a)=>{var o,r;return u(),c("div",P,[l("label",{ref_key:"startButtonEl",ref:k,class:"w-full",onClick:V},[l("div",{class:s(["fm-typo-body-lg-400",[n.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"]])},i(n.label),3),l("div",{class:s(["fm-date-picker__container",{"fm-date-picker__container--opened":f.value,"fm-date-picker__container--disabled":n.disabled}])},[l("div",{class:s(["fm-typo-body-lg-400",[n.disabled?"text-fm-color-typo-disabled":e.value.startDate?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"]])},i(((o=e.value.startDate)==null?void 0:o.format("D MMM YYYY"))??"DD MM YYYY"),3)],2)],512),j,l("label",{ref_key:"endButtonEl",ref:x,class:"w-full",onClick:V},[l("div",{class:s(["fm-typo-body-lg-400",[n.disabled?"text-fm-color-typo-disabled cursor-not-allowed":"text-fm-color-typo-primary cursor-pointer"]])},i(n.label),3),l("div",{class:s(["fm-date-picker__container",{"fm-date-picker__container--opened":f.value,"fm-date-picker__container--disabled":n.disabled}])},[l("div",{class:s(["fm-typo-body-lg-400",[n.disabled?"text-fm-color-typo-disabled":e.value.endDate?"text-fm-color-typo-primary":"text-fm-color-typo-tertiary"]])},i(((r=e.value.endDate)==null?void 0:r.format("D MMM YYYY"))??"DD MM YYYY"),3)],2)],512),l("div",{ref_key:"dropdownEl",ref:b,class:s(["absolute bg-fm-color-white fm-calendar gap-6 p-3 rounded-lg shadow-light-300 w-[360px]",[f.value?"block":"hidden"]])},[l("div",R,[l("div",q,[l("div",z,i(p.value.format("MMMM YYYY")),1),l("div",U,[w(S,{class:"cursor-pointer",name:"chevron_left",outline:!1,color:"#1C1C1E",onClick:a[0]||(a[0]=()=>E(!1))}),w(S,{class:"cursor-pointer",name:"chevron_right",outline:!1,color:"#1C1C1E",onClick:a[1]||(a[1]=()=>E(!0))})])]),l("div",null,[l("div",$,[(u(!0),c(h,null,Y(W.value,d=>(u(),c("div",{key:d,class:"fm-calendar__cell"},i(d),1))),128))]),l("div",null,[(u(!0),c(h,null,Y(y.value,(d,Z)=>(u(),c("div",{key:Z,class:"fm-calendar__row fm-typo-body-lg-400"},[(u(!0),c(h,null,Y(d,_=>(u(),c("div",{key:_.date.date(),class:"fm-calendar__cell"},[_.isCurrentMonth?(u(),c("button",{key:0,class:s(["fm-calendar__cell__button",X(_.date)]),onClick:()=>T(_.date)},i(_.date.date()),11,G)):F("",!0)]))),128))]))),128))])])])],2)])}}});A=ae(Q,[["__scopeId","data-v-fdf144e1"]])});export{le as __tla,A as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as t,__tla as a}from"./FmDialog.vue_vue_type_style_index_0_lang-2c81e20e.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as t,__tla as a}from"./FmForm.vue_vue_type_script_setup_true_lang-c41065d5.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var R=Object.defineProperty;var z=(d,n,c)=>n in d?R(d,n,{enumerable:!0,configurable:!0,writable:!0,value:c}):d[n]=c;var f=(d,n,c)=>(z(d,typeof n!="symbol"?n+"":n,c),c);import{importShared as h,__tla as F}from"./__federation_fn_import.js";import{_ as H}from"./_plugin-vue_export-helper-c27b6911.js";let S,Y=Promise.all([(()=>{try{return F}catch{}})()]).then(async()=>{function d(t){for(;t;){if(n(t))return t;t=t.parentElement}return document.scrollingElement}function n(t){if(!t||t.nodeType!==Node.ELEMENT_NODE)return!1;const i=window.getComputedStyle(t);return i.overflowY==="scroll"||i.overflowY==="auto"&&t.scrollHeight>t.clientHeight}class c{constructor(i,s){f(this,"onScroll");f(this,"scrollParent");this.onScroll=s,this.scrollParent=d(i)}bindScroll(){this.scrollParent.addEventListener("scroll",this.onScroll)}unbindScroll(){this.scrollParent.removeEventListener("scroll",this.onScroll)}}const{defineComponent:b}=await h("vue"),{renderSlot:w,createElementVNode:_,normalizeClass:k,Teleport:x,openBlock:g,createBlock:B,createElementBlock:$,pushScopeId:q,popScopeId:A}=await h("vue"),C={class:"relative"},{onMounted:P,onUnmounted:L,ref:v,watch:N}=await h("vue"),I=b({__name:"FmMenu",props:{isOpen:{type:Boolean,default:!1},placement:{default:"bottom-left"},disabled:{type:Boolean,default:!1}},emits:["dropdown-changed"],setup(t,{expose:i,emit:s}){const a=t,e=v(!1),p=v(null),r=v(null);let m;i({show:()=>{e.value||(e.value=!0,s("dropdown-changed",e.value))},hide:()=>{e.value&&(e.value=!1,s("dropdown-changed",e.value))}});const M=()=>{a.disabled||(e.value=!e.value,O(),s("dropdown-changed",e.value))},O=()=>{requestAnimationFrame(()=>{var u,E;const l=(u=r.value)==null?void 0:u.getBoundingClientRect(),o=(E=p.value)==null?void 0:E.getBoundingClientRect();a.placement.includes("bottom")?r.value.style.top=`${o.bottom+4}px`:a.placement.includes("top")&&(r.value.style.top=`${o.top-l.height-4}px`),a.placement.includes("left")?r.value.style.left=`${o.left}px`:a.placement.includes("center")?r.value.style.left=`${o.left+o.width/2-l.width/2}px`:a.placement.includes("right")&&(r.value.style.left=`${o.right-l.width}px`)})},y=l=>{if(!e.value)return;const o=l.path||l.composedPath();for(const u of o)if(u==p.value||u==r.value)return;e.value=!1,s("dropdown-changed",e.value)},T=()=>{s("dropdown-changed",!1)};return N(()=>a.isOpen,l=>e.value=l),P(()=>{e.value=a.isOpen,window.addEventListener("click",y),m=new c(p.value,T),m.bindScroll()}),L(()=>{window.removeEventListener("click",y),m.unbindScroll()}),(l,o)=>(g(),$("div",C,[_("div",{ref_key:"buttonEl",ref:p,class:"fm-menu",onClick:M},[w(l.$slots,"menu-button",{},void 0,!0)],512),(g(),B(x,{to:"body"},[_("div",{ref_key:"dropdownEl",ref:r,class:k({"fm-menu__content":!0,"fm-menu__content--opened":e.value})},[w(l.$slots,"menu-content",{},void 0,!0)],2)]))]))}});S=H(I,[["__scopeId","data-v-d9e79ca4"]])});export{Y as __tla,S as default};
|