@feedmepos/ui-library 0.0.1 → 0.0.2
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/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 +15 -15
- 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/components/segmented-button/FmSegmentedButton.vue.d.ts +40 -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/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/FmSegmentedButton.vue_vue_type_script_setup_true_lang-4d380f2f.js +1 -0
- package/dist/federation/{FmSelect-39e32715.css → FmSelect-f4606242.css} +1 -1
- package/dist/federation/{FmStepperField-84bb1a42.css → FmStepperField-c090d8f0.css} +1 -1
- package/dist/federation/FmTextField-409a3efd.css +1 -0
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-5d5d5bb4.js +1 -0
- package/dist/federation/FmTextarea-0e3eab40.css +1 -0
- package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-15e0775a.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_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_FmSegmentedButton-a3067813.js +1 -0
- package/dist/federation/__federation_expose_FmSelect-72ee36cc.js +1 -0
- package/dist/federation/__federation_expose_FmStepperField-7bafc481.js +1 -0
- package/dist/federation/{__federation_expose_FmTextField-69918a71.js → __federation_expose_FmTextField-8c2d6628.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextarea-901d18eb.js → __federation_expose_FmTextarea-5ac95bc3.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-863f6b27.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 +5113 -4775
- 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/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_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,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,40 @@
|
|
|
1
|
+
export interface SegmentedButtonItem {
|
|
2
|
+
icon?: string | null;
|
|
3
|
+
label?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface FmSegmentedButtonProps {
|
|
7
|
+
modelValue: SegmentedButtonItem | null;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
items: SegmentedButtonItem[];
|
|
10
|
+
}
|
|
11
|
+
declare const _default: import("vue").DefineComponent<{
|
|
12
|
+
modelValue: {
|
|
13
|
+
type: import("vue").PropType<SegmentedButtonItem | null>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
disabled: {
|
|
17
|
+
type: import("vue").PropType<boolean>;
|
|
18
|
+
};
|
|
19
|
+
items: {
|
|
20
|
+
type: import("vue").PropType<SegmentedButtonItem[]>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
24
|
+
"update:modelValue": (item: SegmentedButtonItem) => void;
|
|
25
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
26
|
+
modelValue: {
|
|
27
|
+
type: import("vue").PropType<SegmentedButtonItem | null>;
|
|
28
|
+
required: true;
|
|
29
|
+
};
|
|
30
|
+
disabled: {
|
|
31
|
+
type: import("vue").PropType<boolean>;
|
|
32
|
+
};
|
|
33
|
+
items: {
|
|
34
|
+
type: import("vue").PropType<SegmentedButtonItem[]>;
|
|
35
|
+
required: true;
|
|
36
|
+
};
|
|
37
|
+
}>> & {
|
|
38
|
+
"onUpdate:modelValue"?: ((item: SegmentedButtonItem) => any) | undefined;
|
|
39
|
+
}, {}, {}>;
|
|
40
|
+
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
|
+
.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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as u,__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,t,f,n,g,i,b,_,v;({defineComponent:c}=await u("vue")),{renderList:p,Fragment:y,openBlock:l,createElementBlock:t,createBlock:f,createCommentVNode:n,toDisplayString:g,normalizeClass:i}=await u("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 u("vue"),k=c({__name:"FmSegmentedButton",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},r=o=>o.disabled||w.disabled,m=o=>JSON.stringify(o)===JSON.stringify(w.modelValue);return(o,a)=>(l(),t("div",b,[(l(!0),t(y,null,p(o.items,(e,C)=>(l(),t("button",{key:C,"v-wave":r(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":r(e)}]),disabled:r(e),onClick:d=>B(e),onMousedown:d=>s(e),onMouseup:a[0]||(a[0]=d=>s(null)),onMouseleave:a[1]||(a[1]=d=>s(null))},[e.icon?(l(),f(V,{key:0,name:e.icon,size:"md",color:r(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(),t("span",{key:1,class:i(["fm-typo-body-lg-700",[r(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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fm-select[data-v-
|
|
1
|
+
.fm-select[data-v-79b78ec6]{display:flex;flex-direction:column;gap:4px}.fm-select__container[data-v-79b78ec6]{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-79b78ec6]:not(.fm-select__container--disabled){outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-select__container--invalid[data-v-79b78ec6]: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-79b78ec6]: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-79b78ec6]: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-79b78ec6]: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-79b78ec6]{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-9b88b1c9]{display:flex;flex-direction:column;gap:4px}.fm-stepper-field__container[data-v-9b88b1c9]{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-9b88b1c9]{outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-stepper-field__container--focused>.fm-stepper-field__stepper__container[data-v-9b88b1c9]{right:6px}.fm-stepper-field__container--invalid[data-v-9b88b1c9]: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-9b88b1c9]{right:6px}.fm-stepper-field__container--valid[data-v-9b88b1c9]: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-9b88b1c9]{right:6px}.fm-stepper-field__container[data-v-9b88b1c9]: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-9b88b1c9]{right:7px}.fm-stepper-field--input[data-v-9b88b1c9]{height:100%;width:100%;border:none;outline:none;padding:0}.fm-stepper-field__stepper__container[data-v-9b88b1c9]{width:24px;height:40px;position:absolute;right:7px;display:flex;flex-direction:column;gap:4px}.fm-stepper-field__stepper__item[data-v-9b88b1c9]{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-9b88b1c9]{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 u,__tla as A}from"./__federation_fn_import.js";import c,{__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 u("vue"),{renderSlot:i,toDisplayString:o,normalizeClass:d,createElementVNode:a,openBlock:l,createElementBlock:t,createCommentVNode:r,createBlock:f,unref:y,createTextVNode:T,renderList:I,Fragment:w,createVNode:M}=await u("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={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 u("vue");var x=(n=>(n.required="*",n.optional="(optional)",n))(x||{});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:_}){const b=n,m=P(!1),{validate:h,errorMessages:p,resetValidation:g}=Q(b),{isPristine:v}=H(h,g,_,""),j=e=>{v.value=!1,e.target.value||g(),_("update:modelValue",e.target.value)};D(()=>b.modelValue,()=>{v.value||h()});const k=O(()=>p.value.length===0);return(e,s)=>(l(),t("label",L,[a("div",null,[a("div",q,[i(e.$slots,"label"),a("span",{class:d({"fm-typo-body-lg-400":!0,"text-fm-color-typo-primary":!e.disabled,"text-fm-color-typo-disabled":e.disabled})},o(e.label),3),e.labelMark!=="none"?(l(),t("span",{key:0,class:d({"fm-color-typo-tertiary fm-typo-body-md-400":e.labelMark==="optional","fm-color-typo-error fm-typo-body-lg-700":e.labelMark==="required"})},o(x[e.labelMark]),3)):r("",!0)])]),a("div",{class:d({"fm-text-field__container":!0,"fm-text-field__container--focused":m.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(),t("div",F,o(e.prependText),1)):r("",!0),e.leadingIcon.name?(l(),f(c,{key:1,name:e.leadingIcon.name,size:"md",color:e.leadingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):r("",!0)]),a("input",{class:d({"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:s[0]||(s[0]=()=>m.value=!0),onBlur:s[1]||(s[1]=()=>m.value=!1)},null,42,N),i(e.$slots,"append",{},()=>[e.appendText?(l(),t("div",$,o(e.appendText),1)):r("",!0),e.trailingIcon.name?(l(),f(c,{key:1,name:e.trailingIcon.name,size:"md",color:e.trailingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):r("",!0)])],2),a("div",S,[y(p).length===0?(l(),t("div",z,[i(e.$slots,"helper-text",{},()=>[T(o(e.helperText),1)])])):(l(),t("div",E,[(l(!0),t(w,null,I(y(p),C=>(l(),t("div",{key:C,class:"flex gap-4 items-center text-fm-color-typo-error"},[M(c,{name:"error",color:"#FF3B30",size:"sm"}),a("span",null,o(C),1)]))),128))])),a("div",{class:d({"fm-color-typo-disabled":e.disabled})},o(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])]))}})});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 m,__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 x,J=Promise.all([(()=>{try{return D}catch{}})(),(()=>{try{return j}catch{}})(),(()=>{try{return G}catch{}})()]).then(async()=>{const{defineComponent:g}=await m("vue"),{renderSlot:u,toDisplayString:o,normalizeClass:r,createElementVNode:a,openBlock:l,createElementBlock:t,createCommentVNode:V,unref:c,createTextVNode:k,renderList:B,Fragment:w,createVNode:L}=await m("vue"),q={class:"fm-textarea"},F={htmlFor:"{this.name}"},M={class:"fm-textarea--label"},N=["value","placeholder","required","minlength","maxlength","readOnly","disabled"],S={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 m("vue");var p=(d=>(d.required="*",d.optional="(optional)",d))(p||{});x=g({__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:f}){const y=d,s=z(!1),{validate:_,errorMessages:i,resetValidation:O}=H(y),{isPristine:h}=A(_,O,f,""),P=e=>{h.value=!1,f("update:modelValue",e.target.value)},b=C(()=>i.value.length===0);return E(()=>y.modelValue,()=>{h.value||_()}),(e,n)=>(l(),t("div",q,[a("label",F,[a("div",M,[u(e.$slots,"label"),a("span",{class:r({"fm-typo-body-lg-400":!0,"fm-color-typo-primary":!e.disabled,"fm-color-typo-disabled":e.disabled})},o(e.label),3),e.labelMark!=="none"?(l(),t("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"})},o(p[e.labelMark]),3)):V("",!0)])]),a("div",{class:r({"fm-textarea__container":!0,"fm-textarea__container--focused":s.value,"fm-textarea__container--invalid":!!e.modelValue&&!b.value,"fm-textarea__container--valid":e.showValidBorder&&e.showSuccess&&!!e.modelValue&&b.value,"fm-textarea__container--disabled":e.disabled})},[a("textarea",{class:r({"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:n[0]||(n[0]=()=>s.value=!0),onBlur:n[1]||(n[1]=()=>s.value=!1)},null,42,N)],2),a("div",S,[c(i).length===0?(l(),t("div",T,[u(e.$slots,"helper-text",{},()=>[k(o(e.helperText),1)])])):(l(),t("div",$,[(l(!0),t(w,null,B(c(i),v=>(l(),t("div",{key:v,class:"flex gap-4 items-center text-fm-color-typo-error"},[L(I,{name:"error",color:"#FF3B30",size:"sm"}),a("span",null,o(v),1)]))),128))])),a("div",{class:r({"fm-color-typo-disabled":e.disabled})},o(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])]))}})});export{x 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"./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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as u,__tla as x}from"./__federation_fn_import.js";import c,{__tla as g}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as E,__tla as I}from"./FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js";import{_ as S}from"./_plugin-vue_export-helper-c27b6911.js";let p,z=Promise.all([(()=>{try{return x}catch{}})(),(()=>{try{return g}catch{}})(),(()=>{try{return I}catch{}})()]).then(async()=>{const{defineComponent:b}=await u("vue"),{openBlock:l,createBlock:
|
|
1
|
+
import{importShared as u,__tla as x}from"./__federation_fn_import.js";import c,{__tla as g}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as E,__tla as I}from"./FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js";import{_ as S}from"./_plugin-vue_export-helper-c27b6911.js";let p,z=Promise.all([(()=>{try{return x}catch{}})(),(()=>{try{return g}catch{}})(),(()=>{try{return I}catch{}})()]).then(async()=>{const{defineComponent:b}=await u("vue"),{openBlock:l,createBlock:n,createCommentVNode:a,renderSlot:f,toDisplayString:s,normalizeClass:t,createElementVNode:o,createElementBlock:d,createVNode:_,pushScopeId:D,popScopeId:N}=await u("vue"),y={class:"fm-menu-item--left"},h={key:0,class:"fm-menu-item--right"},C=b({__name:"FmMenuItem",props:{modelValue:{type:Boolean},label:{default:""},sublabel:{default:""},icon:{default:""},expandable:{type:Boolean,default:!1},hasCheckbox:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dividerPlacement:{default:null}},emits:["update:modelValue"],setup(v,{emit:i}){const m=v,k=e=>{e.preventDefault(),!m.disabled&&i("update:modelValue",!m.modelValue)},V=()=>{i("update:modelValue",m.modelValue)};return(e,r)=>(l(),d("div",null,[o("div",{class:t({"fm-menu-item":!0,"fm-menu-item--selected":e.modelValue&&!e.hasCheckbox,"fm-menu-item--disabled":e.disabled}),onClick:k},[o("div",y,[!e.hasCheckbox&&e.icon?(l(),n(c,{key:0,name:e.icon,size:"md",color:e.disabled?"#C7C7CC":e.modelValue?"#FF7823":"#1C1C1E"},null,8,["name","color"])):a("",!0),e.hasCheckbox?(l(),n(E,{key:1,"model-value":e.modelValue,name:"something",label:"",sublabel:"",value:"",indeterminate:!1,disabled:e.disabled,"onUpdate:modelValue":V,onClick:r[0]||(r[0]=B=>B.preventDefault())},null,8,["model-value","disabled"])):a("",!0),f(e.$slots,"label",{},()=>[o("div",null,[o("div",{class:t(`fm-typo-body-lg-400 ${e.disabled?"fm-color-typo-disabled":"fm-color-typo-primary"}`)},s(e.label),3),e.sublabel?(l(),d("div",{key:0,class:t(`fm-typo-body-md-400 ${e.disabled?"fm-color-typo-disabled":"fm-color-typo-secondary"}`)},s(e.sublabel),3)):a("",!0)])],!0)]),e.expandable?(l(),d("div",h,[_(c,{name:"chevron_right",size:"md",color:e.disabled?"#C7C7CC":"#AEAEB2"},null,8,["color"])])):a("",!0)],2)]))}});p=S(C,[["__scopeId","data-v-94ed27b3"]])});export{z as __tla,p as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as d,__tla as It}from"./__federation_fn_import.js";import j,{__tla as Pt}from"./__federation_expose_FmButton-a3ca7654.js";import Zt,{__tla as qt}from"./__federation_expose_FmIcon-e5ab92a8.js";import{_ as Dt}from"./_plugin-vue_export-helper-c27b6911.js";let A,ct,H,At=Promise.all([(()=>{try{return It}catch{}})(),(()=>{try{return Pt}catch{}})(),(()=>{try{return qt}catch{}})()]).then(async()=>{const{defineComponent:dt}=await d("vue"),{normalizeClass:S,createElementVNode:r,openBlock:y,createElementBlock:x,createCommentVNode:_,toDisplayString:O,withModifiers:vt,resolveDirective:mt,withDirectives:ft,pushScopeId:gt,popScopeId:yt}=await d("vue"),h=t=>(gt("data-v-6b01e659"),t=t(),yt(),t),xt={class:"flex gap-3 hover:cursor-pointer items-start pl-1 pr-5 py-0 self-stretch"},ht={key:0,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},wt=h(()=>r("circle",{cx:"12",cy:"12",r:"11",stroke:"#AEAEB2","stroke-width":"2"},null,-1)),bt=[wt],Ct={key:1,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},kt=h(()=>r("circle",{cx:"12",cy:"12",r:"10",fill:"#FF7823",stroke:"#FF7823","stroke-width":"4"},null,-1)),St=[kt],_t={key:2,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},Bt=h(()=>r("path",{d:"M9.9998 13.6L15.8998 7.70005C16.0831 7.51672 16.3165 7.42505 16.5998 7.42505C16.8831 7.42505 17.1165 7.51672 17.2998 7.70005C17.4831 7.88338 17.5748 8.11672 17.5748 8.40005C17.5748 8.68338 17.4831 8.91672 17.2998 9.10005L10.6998 15.7C10.4998 15.9 10.2665 16 9.9998 16C9.73314 16 9.4998 15.9 9.2998 15.7L6.6998 13.1C6.51647 12.9167 6.4248 12.6834 6.4248 12.4C6.4248 12.1167 6.51647 11.8834 6.6998 11.7C6.88314 11.5167 7.11647 11.425 7.3998 11.425C7.68314 11.425 7.91647 11.5167 8.0998 11.7L9.9998 13.6Z",fill:"#FF7823"},null,-1)),$t=h(()=>r("path",{d:"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z",stroke:"#FF7823","stroke-width":"2"},null,-1)),Lt=[Bt,$t],Ft={key:3,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},Tt=h(()=>r("path",{d:"M2.72479 21C2.54146 21 2.37479 20.9542 2.22479 20.8625C2.07479 20.7708 1.95812 20.65 1.87479 20.5C1.79146 20.35 1.74562 20.1875 1.73729 20.0125C1.72896 19.8375 1.77479 19.6667 1.87479 19.5L11.1248 3.5C11.2248 3.33333 11.354 3.20833 11.5123 3.125C11.6706 3.04167 11.8331 3 11.9998 3C12.1665 3 12.329 3.04167 12.4873 3.125C12.6456 3.20833 12.7748 3.33333 12.8748 3.5L22.1248 19.5C22.2248 19.6667 22.2706 19.8375 22.2623 20.0125C22.254 20.1875 22.2081 20.35 22.1248 20.5C22.0415 20.65 21.9248 20.7708 21.7748 20.8625C21.6248 20.9542 21.4581 21 21.2748 21H2.72479ZM4.44979 19H19.5498L11.9998 6L4.44979 19ZM11.9998 18C12.2831 18 12.5206 17.9042 12.7123 17.7125C12.904 17.5208 12.9998 17.2833 12.9998 17C12.9998 16.7167 12.904 16.4792 12.7123 16.2875C12.5206 16.0958 12.2831 16 11.9998 16C11.7165 16 11.479 16.0958 11.2873 16.2875C11.0956 16.4792 10.9998 16.7167 10.9998 17C10.9998 17.2833 11.0956 17.5208 11.2873 17.7125C11.479 17.9042 11.7165 18 11.9998 18ZM11.9998 15C12.2831 15 12.5206 14.9042 12.7123 14.7125C12.904 14.5208 12.9998 14.2833 12.9998 14V11C12.9998 10.7167 12.904 10.4792 12.7123 10.2875C12.5206 10.0958 12.2831 10 11.9998 10C11.7165 10 11.479 10.0958 11.2873 10.2875C11.0956 10.4792 10.9998 10.7167 10.9998 11V14C10.9998 14.2833 11.0956 14.5208 11.2873 14.7125C11.479 14.9042 11.7165 15 11.9998 15Z",fill:"#FF3B30"},null,-1)),Vt=[Tt],Mt={key:4,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},Nt=h(()=>r("circle",{cx:"12",cy:"12",r:"11",stroke:"#C7C7CC","stroke-width":"2"},null,-1)),jt=[Nt],zt={class:"flex flex-1 flex-col fm-pi-content-container gap-1 items-start justify-center p-0"},{computed:z}=await d("vue"),Et=dt({__name:"FmProgressIndicator",props:{titleText:{type:String,required:!0},supportingText:{type:String,default:void 0},status:{type:String,default:"default"},orientation:{type:String,default:"horizontal"}},emits:["validate-step"],setup(t,{emit:s}){const n=t,l=z(()=>v[n.status]),u=z(()=>m[n.status]),k=z(()=>q[n.orientation]),v={active:"text-fm-color-typo-primary",default:"text-fm-color-typo-secondary",error:"text-fm-color-typo-primary",completed:"text-fm-color-typo-primary",disabled:"text-fm-color-typo-disabled"},m={active:"bg-fm-color-primary",default:"bg-fm-color-neutral-gray-300",error:"bg-fm-color-neutral-gray-300",completed:"bg-fm-color-primary",disabled:"bg-fm-color-neutral-gray-300"},q={horizontal:"flex-col h-[18px] py-2 w-full",vertical:"h-[72px] px-2 w-[18px]"};return(D,e)=>{const o=mt("wave");return ft((y(),x("div",{class:S(`flex gap-1 fm-pi-item-container fm-pi-item-container--${t.orientation}`),onClick:e[0]||(e[0]=vt(a=>s("validate-step"),["stop"]))},[r("div",{class:S(["gap-2 inline-flex items-start justify-start",k.value])},[r("div",{class:S(`self-stretch fm-pi-item-line fm-pi-item-line--${t.orientation} ${u.value} `)},null,2)],2),r("div",xt,[r("div",null,[t.status==="default"?(y(),x("svg",ht,bt)):_("",!0),t.status==="active"?(y(),x("svg",Ct,St)):_("",!0),t.status==="completed"?(y(),x("svg",_t,Lt)):_("",!0),t.status==="error"?(y(),x("svg",Ft,Vt)):_("",!0),t.status==="disabled"?(y(),x("svg",Mt,jt)):_("",!0)]),r("div",zt,[r("span",{class:S(["fm-typo-body-lg-400",l.value])},O(t.titleText),3),r("span",{class:S(["fm-typo-body-sm-400 overflow-hidden text-ellipsis",t.status!=="disabled"?"text-fm-color-typo-secondary":"text-fm-color-typo-disabled"])},O(t.supportingText),3)])])],2)),[[o]])}}});let G,J,$,L,E,F,I,K,Q,R,U,W,X,P,Y,tt,et;H=Dt(Et,[["__scopeId","data-v-6b01e659"]]),{defineComponent:G}=await d("vue"),{createVNode:J,openBlock:$,createElementBlock:L,createCommentVNode:E,createElementVNode:F,toDisplayString:I,normalizeClass:K}=await d("vue"),Q={key:0,class:"h-6 relative w-6"},R=["data-progress"],U={key:1,class:"basis-0 flex-col gap-1 grow inline-flex items-start justify-start shrink"},W={class:"fm-typo-body-xl-700 self-stretch text-zinc-900"},X={class:"fm-typo-body-sm-400 self-stretch text-neutral-500"},{computed:P,onMounted:Y,ref:tt,watch:et}=await d("vue"),A=G({__name:"FmProgressIndicatorMobile",props:{totalSteps:{type:Number,required:!0},currentStep:{type:Number,required:!0},titleText:{type:String,required:!0},supportingText:{type:String,default:void 0}},setup(t){const s=t,n=tt(null),l=P(()=>`${s.currentStep/s.totalSteps*360}deg`),u=P(()=>`${s.currentStep} of ${s.totalSteps}`),k=v=>{n.value.style.setProperty("--progress",v),n.value.setAttribute("content-text",u.value)};return Y(()=>{k(l.value)}),et(l,async v=>{k(v)}),(v,m)=>($(),L("div",{class:K(`bg-white gap-3 inline-flex items-center justify-start px-4 py-2 shadow ${t.titleText?"w-full":"w-max"}`)},[t.titleText?($(),L("div",Q,[J(Zt,{class:"cursor-pointer",name:"close",outline:!0,size:"md",color:"text-fm-color-neutral-black"})])):E("",!0),F("div",{ref_key:"progress",ref:n,class:"fm-progress","data-progress":l.value},null,8,R),t.titleText?($(),L("div",U,[F("div",W,I(t.titleText),1),F("div",X,I(t.supportingText),1)])):E("",!0)],2))}});let lt,T,g,i,p,V,w,c,M,B,b,N,at,st,rt,it,ot,nt,C,ut,Z,pt;({defineComponent:lt}=await d("vue")),{renderList:T,Fragment:g,openBlock:i,createElementBlock:p,createBlock:V,normalizeClass:w,createElementVNode:c,renderSlot:M,withModifiers:B,createCommentVNode:b,createVNode:N}=await d("vue"),at={class:"flex gap-2 items-start justify-end p-0 self-stretch"},st={key:0,class:"bg-white flex flex-col gap-5 p-6 w-1/3"},rt={class:"lg:hidden md:hidden"},it={key:0,class:w("fm-pi-form--mobile")},ot={class:"bg-white flex gap-10 p-6"},nt={class:"flex gap-2 items-start justify-end p-0 self-stretch"},{computed:C,onMounted:ut,ref:Z,watch:pt}=await d("vue"),ct=lt({__name:"FmProgressIndicatorGroup",props:{orientation:{type:String,default:"horizontal"},steps:{type:Array,required:!0},nextButtonLabel:{type:String,default:"Next"},previousButtonLabel:{type:String,default:"Back"},submitButtonLabel:{type:String,default:"Submit"}},setup(t){const s=Z([...t.steps]),n=C(()=>s.value.length),l=Z(0),u=C(()=>s.value[l.value]);ut(()=>{for(let e=0;e<n.value;e++)s.value[e].status=e===0?"active":"default"}),pt(l,async(e,o)=>{if(o!=n.value)if(e<n.value)s.value[e].status="active";else{const a=s.value[o].submitForm;a&&s.value.filter(f=>f.status==="error").length===0&&(l.value=0,a())}});const k=C(()=>u.value.validateStep),v=C(()=>{const e=u.value.validateStep;return e?e():!0}),m=e=>{k.value?v.value?(u.value.status="completed",l.value=e):u.value.status="error":q(e)},q=e=>{u.value.status="completed",l.value=e},D=C(()=>{const e=u.value.validateStep;return e?!e():!1});return(e,o)=>(i(),p(g,null,[c("div",{class:w(`hidden md:block lg:block container--${t.orientation}`)},[c("div",{class:w(`flex justify-start fm-pi-container--${t.orientation}`)},[(i(!0),p(g,null,T(s.value,(a,f)=>(i(),V(H,{key:f,orientation:t.orientation,"title-text":a.titleText,"supporting-text":a.supportingText,status:a.status,onValidateStep:Ht=>m(f)},null,8,["orientation","title-text","supporting-text","status","onValidateStep"]))),128))],2),(i(!0),p(g,null,T(Object.keys(e.$slots),a=>(i(),p(g,{key:a},[`step${l.value+1}`===a?(i(),p("div",{key:0,class:w(`flex fm-pi-form--${t.orientation}`)},[c("div",{class:w(`bg-white flex flex-col gap-10 p-6 ${e.$slots.card?"w-2/3":"w-full"}`)},[c("form",{class:"flex flex-col gap-2 p-0 self-stretch",onSubmit:o[1]||(o[1]=B(f=>m(l.value+1),["prevent"]))},[M(e.$slots,a,{class:"gap-0 items-start p-0 self-stretch"}),c("div",at,[a!="step1"?(i(),V(j,{key:0,type:"button",label:t.previousButtonLabel,variant:"tertiary",onClick:o[0]||(o[0]=B(f=>m(l.value-1),["stop"]))},null,8,["label"])):b("",!0),N(j,{variant:"primary",disabled:D.value,label:l.value!=s.value.length-1?t.nextButtonLabel:t.submitButtonLabel,type:"submit"},null,8,["disabled","label"])])],32)],2),e.$slots.card?(i(),p("div",st,[M(e.$slots,"card")])):b("",!0)],2)):b("",!0)],64))),128))],2),c("div",rt,[N(A,{"title-text":u.value.titleText,"supporting-text":u.value.supportingText,"total-steps":n.value,"current-step":l.value+1},null,8,["title-text","supporting-text","total-steps","current-step"]),(i(!0),p(g,null,T(Object.keys(e.$slots),a=>(i(),p(g,{key:a},[`step${l.value+1}`===a?(i(),p("div",it,[c("div",ot,[c("form",{class:"flex flex-col gap-2 p-0 self-stretch w-full",onSubmit:o[3]||(o[3]=B(f=>m(l.value+1),["prevent"]))},[M(e.$slots,a,{class:"gap-0 items-start p-0 self-stretch"}),c("div",nt,[a!="step1"?(i(),V(j,{key:0,type:"button",label:t.previousButtonLabel,variant:"tertiary",onClick:o[2]||(o[2]=B(f=>m(l.value-1),["stop"]))},null,8,["label"])):b("",!0),N(j,{variant:"primary",disabled:D.value,label:l.value!=s.value.length-1?t.nextButtonLabel:t.submitButtonLabel,type:"submit"},null,8,["disabled","label"])])],32)])])):b("",!0)],64))),128))])],64))}})});export{A as _,At as __tla,ct as a,H as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a,__tla as t}from"./__federation_expose_FmProgressIndicator-e9c20870.js";let l=Promise.all([(()=>{try{return t}catch{}})()]).then(async()=>{});export{l as __tla,a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as s,__tla as j}from"./__federation_fn_import.js";import{R as z}from"./provider-keys-981b4dbe.js";import{_ as F}from"./_plugin-vue_export-helper-c27b6911.js";let n,$=Promise.all([(()=>{try{return j}catch{}})()]).then(async()=>{const{defineComponent:c}=await s("vue"),{createElementVNode:t,resolveDirective:p,openBlock:d,createElementBlock:u,withDirectives:m,renderSlot:v,toDisplayString:i,createCommentVNode:b,normalizeClass:f,pushScopeId:q,popScopeId:M}=await s("vue"),_={class:"fm-radio-btn"},y={class:"fm-radio-btn__input--container"},h=["value","disabled","checked"],k={class:"py-8"},V={class:"fm-typo-body-lg-400"},w={key:0,class:"fm-typo-body-md-400 text-fm-color-typo-secondary"},{computed:g,inject:S,onMounted:C,ref:D}=await s("vue"),B=c({__name:"FmRadio",props:{modelValue:{default:null},value:{},label:{default:""},sublabel:{default:""},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(E,{emit:I}){const o=E,r=D(),e=S(z,null),x=()=>{l.value||(e?e.updateValue(o.value):I("update:modelValue",o.value))},N=()=>{r.value&&e&&(r.value.checked=e.groupValue.value===o.value)};C(()=>{e&&e.register(N)});const l=g(()=>e?e.getDisabled():o.disabled);return(a,P)=>{const R=p("wave");return d(),u("div",_,[t("label",{class:f({"fm-radio-btn--wrapper":!0,"cursor-not-allowed text-fm-color-typo-disabled":l.value,"cursor-pointer":!l.value}),onClick:x},[m((d(),u("div",y,[t("input",{ref_key:"inputEl",ref:r,class:"fm-radio-btn__input--btn",type:"radio",value:a.value,disabled:l.value,checked:a.value===a.modelValue},null,8,h)])),[[R,!l.value]]),t("div",k,[v(a.$slots,"label",{},()=>[t("div",V,i(a.label),1),a.sublabel?(d(),u("div",w,i(a.sublabel),1)):b("",!0)],!0)])],2)])}}});n=F(B,[["__scopeId","data-v-94f94580"]])});export{$ as __tla,n as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as t,__tla as a}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-7c5da177.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"./FmSegmentedButton.vue_vue_type_script_setup_true_lang-4d380f2f.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as c,__tla as z}from"./__federation_fn_import.js";import E,{__tla as F}from"./__federation_expose_FmIcon-e5ab92a8.js";import $,{__tla as D}from"./__federation_expose_FmMenu-921093d0.js";import R,{__tla as U}from"./__federation_expose_FmMenuItem-d331a359.js";import{_ as j}from"./_plugin-vue_export-helper-c27b6911.js";let V,q=Promise.all([(()=>{try{return z}catch{}})(),(()=>{try{return F}catch{}})(),(()=>{try{return D}catch{}})(),(()=>{try{return U}catch{}})()]).then(async()=>{const{defineComponent:x}=await c("vue"),{renderSlot:w,toDisplayString:p,normalizeClass:s,openBlock:m,createElementBlock:u,createCommentVNode:g,createElementVNode:o,createVNode:_,renderList:S,Fragment:f,createBlock:C,withCtx:b,pushScopeId:L,popScopeId:P}=await c("vue"),k={class:"w-[280px]"},{computed:v,ref:N,toRaw:i}=await c("vue"),B=x({__name:"FmSelect",props:{modelValue:{},label:{},items:{},disabled:{type:Boolean,default:!1},multiselect:{type:Boolean,default:!1},placement:{default:"bottom-left"},placeholder:{default:""}},emits:["update:modelValue"],setup(J,{emit:y}){const t=J,d=N(!1),O=(e,a)=>{if(t.multiselect){let l=[];e?l=[...i(t.modelValue),a.value]:(l=[...t.modelValue],l=l.filter(r=>JSON.stringify(i(r))!==JSON.stringify(a.value))),y("update:modelValue",l)}else d.value=!1,y("update:modelValue",a.value)},I=v(()=>{const e=h.value.map(a=>a.label).join(", ");return e===""?t.placeholder:e}),h=v(()=>t.multiselect?t.items.filter(e=>i(t.modelValue).some(a=>n(a,e.value))):t.items.filter(e=>n(t.modelValue,e.value))),n=(e,a)=>JSON.stringify(e)===JSON.stringify(a);return(e,a)=>(m(),u(f,null,[o("label",null,[w(e.$slots,"label",{},()=>[e.label?(m(),u("div",{key:0,class:s(["fm-typo-body-lg-400 mb-4",{"fm-typo-body-lg-400":!0,"text-fm-color-typo-primary":!e.disabled,"text-fm-color-typo-disabled":e.disabled}])},p(e.label),3)):g("",!0)],!0)]),_($,{disabled:e.disabled,"is-open":d.value,placement:e.placement,onDropdownChanged:a[0]||(a[0]=l=>d.value=l)},{"menu-button":b(()=>[o("label",{class:s([`${e.disabled?"cursor-not-allowed":"cursor-pointer"} fm-select`])},[o("div",{class:s({"fm-select__container":!0,"fm-select__container--expanded":d.value,"fm-select__container--disabled":e.disabled})},[o("div",{class:s({"fm-typo-body-lg-400 w-full h-full overflow-hidden text-ellipsis whitespace-nowrap":!0,"text-fm-color-typo-tertiary":!e.modelValue,"text-fm-color-typo-primary":!!e.modelValue})},p(I.value),3),_(E,{name:d.value?"expand_less":"expand_more",size:"md",color:e.disabled?"#C7C7CC":"black"},null,8,["name","color"])],2)],2)]),"menu-content":b(()=>[o("div",k,[(m(!0),u(f,null,S(e.items,l=>(m(),C(R,{key:l.value,"has-checkbox":e.multiselect,label:l.label,value:l.value,"model-value":h.value.some(r=>n(r.value,l.value)),"onUpdate:modelValue":r=>O(r,l)},null,8,["has-checkbox","label","value","model-value","onUpdate:modelValue"]))),128))])]),_:1},8,["disabled","is-open","placement"])],64))}});V=j(B,[["__scopeId","data-v-79b78ec6"]])});export{q as __tla,V as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as h,__tla as Z}from"./__federation_fn_import.js";import u,{__tla as ee}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as le,a as te,__tla as ae}from"./useValidation-7d75492a.js";import{_ as re}from"./_plugin-vue_export-helper-c27b6911.js";let F,oe=Promise.all([(()=>{try{return Z}catch{}})(),(()=>{try{return ee}catch{}})(),(()=>{try{return ae}catch{}})()]).then(async()=>{const{defineComponent:M}=await h("vue"),{renderSlot:c,toDisplayString:p,createTextVNode:x,createElementVNode:r,openBlock:t,createElementBlock:o,createCommentVNode:s,createBlock:g,normalizeClass:w,createVNode:y,unref:k,renderList:N,Fragment:z,pushScopeId:ne,popScopeId:de}=await h("vue"),A={class:"fm-stepper-field"},q={class:"fm-typo-body-lg-400 text-fm-color-typo-primary"},D={key:0},$=["inputMode","value","placeholder","required","readOnly"],G={key:0},L={key:0,class:"fm-stepper-field__stepper__container"},O={class:"fm-stepper-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},P={key:0},K={key:1},{onMounted:R,ref:m,watch:U}=await h("vue"),Y=M({__name:"FmStepperField",props:{label:{default:""},modelValue:{},required:{type:Boolean},disabled:{type:Boolean},placeholder:{default:""},helperText:{default:""},inputmode:{default:"numeric"},readonly:{type:Boolean},step:{default:1},min:{default:0},max:{},leadingIcon:{default:""},trailingIcon:{default:""},useGrouping:{type:Boolean,default:!0},isCurrency:{type:Boolean,default:!1},showSteppers:{type:Boolean,default:!0},rules:{default:()=>[]},showValidBorder:{type:Boolean,default:!1},prependText:{default:""},appendText:{default:""}},emits:["update:modelValue"],setup(j,{emit:b}){const d=j,{validate:f,errorMessages:B,resetValidation:H}=le(d),{isPristine:J}=te(f,H,b,null),V=m(null),C=m(!1),i=m(!0);let I;const n=m(""),_=e=>{if(e!==""){const l=+e.replace(/,/g,"");return isNaN(l)?null:l}return null},v=e=>I.format(e),S=e=>e>d.max?d.max:e<d.min?d.min:e,T=(e,l)=>{e.preventDefault(),J.value=!1;let a=(_(n.value)??0)+l;a=S(a),i.value=f().length===0,n.value=v(a),E()},E=()=>{const e=_(n.value);b("update:modelValue",e)},Q=()=>{const e=_(n.value);e&&(n.value=v(S(e))),i.value=f().length===0,C.value=!1,E()},W=()=>{var l;const e=_((l=V.value)==null?void 0:l.value);n.value=e?v(e):""},X=e=>{if(![...Array(10).keys()].map(l=>l.toString()).includes(e.key)&&!["Backspace","Tab","Enter",".","-","ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)){e.preventDefault();return}};return U(()=>d.modelValue,e=>{n.value=e?v(e):"",i.value=f().length===0}),R(()=>{I=new Intl.NumberFormat("en-MY",{useGrouping:d.useGrouping})}),(e,l)=>(t(),o("label",A,[r("div",q,[c(e.$slots,"label",{},()=>[x(p(e.label),1)],!0)]),r("div",{class:w({"fm-stepper-field__container":!0,"fm-stepper-field__container--focused":C.value,"fm-stepper-field__container--invalid":!i.value&&!!e.modelValue,"fm-stepper-field__container--valid":e.showValidBorder&&i.value&&!!e.modelValue})},[c(e.$slots,"prepend",{},()=>[e.prependText?(t(),o("div",D,p(e.prependText),1)):s("",!0),e.leadingIcon?(t(),g(u,{key:1,name:e.leadingIcon,size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):s("",!0)],!0),r("input",{ref_key:"inputEl",ref:V,class:"fm-stepper-field--input",type:"text",inputMode:e.inputmode,value:n.value,placeholder:e.placeholder,required:e.required,readOnly:e.readonly,onInput:W,onFocus:l[0]||(l[0]=()=>C.value=!0),onBlur:Q,onKeydown:X},null,40,$),c(e.$slots,"append",{},()=>[r("div",{class:w({"mr-32":e.showSteppers})},[e.appendText?(t(),o("div",G,p(e.appendText),1)):s("",!0),e.trailingIcon?(t(),g(u,{key:1,name:e.trailingIcon,size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):s("",!0)],2)],!0),e.showSteppers?(t(),o("div",L,[r("div",{class:"fm-stepper-field__stepper__item",onMousedown:l[1]||(l[1]=a=>T(a,e.step))},[y(u,{name:"expand_less",size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32),r("div",{class:"fm-stepper-field__stepper__item",onMousedown:l[2]||(l[2]=a=>T(a,-e.step))},[y(u,{name:"expand_more",size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32)])):s("",!0)],2),r("div",O,[k(B).length===0?(t(),o("div",P,[c(e.$slots,"helper-text",{},()=>[x(p(e.helperText),1)],!0)])):(t(),o("div",K,[(t(!0),o(z,null,N(k(B),a=>(t(),o("div",{key:a,class:"flex gap-4 items-center text-fm-color-typo-error"},[y(u,{name:"error",color:"#FF3B30",size:"sm"}),r("span",null,p(a),1)]))),128))]))])]))}});F=re(Y,[["__scopeId","data-v-9b88b1c9"]])});export{oe as __tla,F as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,__tla as a}from"./FmTextField.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import{_ as t,__tla as a}from"./FmTextField.vue_vue_type_style_index_0_lang-5d5d5bb4.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,__tla as a}from"./FmTextarea.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import{_ as t,__tla as a}from"./FmTextarea.vue_vue_type_style_index_0_lang-15e0775a.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,__tla as a}from"./FmTimePicker.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import{_ as t,__tla as a}from"./FmTimePicker.vue_vue_type_style_index_0_lang-6b998386.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,__tla as a}from"./FmTooltip.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import{_ as t,__tla as a}from"./FmTooltip.vue_vue_type_script_setup_true_lang-dbdc719e.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|