@feedmepos/ui-library 0.0.6 → 0.0.7
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/form/form/FmForm.vue.d.ts +9 -1
- package/dist/components/stepper/FmStep.vue.d.ts +57 -0
- package/dist/components/stepper/FmStepper.vue.d.ts +50 -0
- package/dist/components/{progress-indicator/FmProgressIndicatorMobile.vue.d.ts → stepper/FmStepperMobile.vue.d.ts} +12 -12
- package/dist/components/tooltip/FmTooltip.vue.d.ts +9 -9
- package/dist/composables/useValidation.d.ts +1 -0
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-e2ff72da.js +1 -0
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-41bcb76a.js +1 -0
- package/dist/federation/FmStep-278dd809.css +1 -0
- package/dist/federation/FmStepper-8c221632.css +1 -0
- package/dist/federation/{FmStepperField-9d4fae3f.css → FmStepperField-6955a063.css} +1 -1
- package/dist/federation/FmStepperMobile-3d942818.css +1 -0
- package/dist/federation/FmStepperMobile.vue_vue_type_style_index_0_lang-7b6eb6ce.js +1 -0
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-cef4bc16.js +1 -0
- package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-3bc58767.js +1 -0
- package/dist/federation/{__federation_expose_FmForm-62b67e4b.js → __federation_expose_FmForm-b95f5923.js} +1 -1
- package/dist/federation/{__federation_expose_FmRadio-1a3bdb18.js → __federation_expose_FmRadio-849f1125.js} +1 -1
- package/dist/federation/{__federation_expose_FmRadioGroup-0a8b3b0f.js → __federation_expose_FmRadioGroup-5daefaa5.js} +1 -1
- package/dist/federation/__federation_expose_FmStep-251635ba.js +1 -0
- package/dist/federation/__federation_expose_FmStepper-a8b30a1d.js +1 -0
- package/dist/federation/__federation_expose_FmStepperField-dd2daac0.js +1 -0
- package/dist/federation/__federation_expose_FmStepperMobile-e6533dcb.js +1 -0
- package/dist/federation/{__federation_expose_FmTextField-58939c24.js → __federation_expose_FmTextField-417469b9.js} +1 -1
- package/dist/federation/{__federation_expose_FmTextarea-5184a353.js → __federation_expose_FmTextarea-240f4cba.js} +1 -1
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/index-9d14519a.css +1 -0
- package/dist/federation/index-fb4fcb82.js +11 -0
- package/dist/federation/provider-keys-b001d08d.js +1 -0
- package/dist/federation/useValidation-cacebcb9.js +1 -0
- package/dist/feedmepos-ui-library.js +4473 -4533
- package/dist/feedmepos-ui-library.umd.cjs +6 -6
- package/dist/index.d.ts +4 -3
- package/dist/style.css +1 -1
- package/dist/utils/provider-keys.d.ts +2 -0
- package/package.json +1 -1
- package/dist/components/progress-indicator/FmProgressIndicator.vue.d.ts +0 -46
- package/dist/components/progress-indicator/FmProgressIndicatorGroup.vue.d.ts +0 -74
- package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-c41065d5.js +0 -1
- package/dist/federation/FmProgressIndicator-8a19d8bc.css +0 -1
- package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-7c5da177.js +0 -1
- package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-09dbbc0b.js +0 -1
- package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-021e2db6.js +0 -1
- package/dist/federation/__federation_expose_FmProgressIndicator-e9c20870.js +0 -1
- package/dist/federation/__federation_expose_FmProgressIndicatorGroup-34eb72b1.js +0 -1
- package/dist/federation/__federation_expose_FmStepperField-bdfe1136.js +0 -1
- package/dist/federation/index-a243f852.js +0 -11
- package/dist/federation/index-e507b32f.css +0 -1
- package/dist/federation/provider-keys-981b4dbe.js +0 -1
- package/dist/federation/useValidation-7d75492a.js +0 -1
|
@@ -7,7 +7,15 @@ export interface RegisteredComponent {
|
|
|
7
7
|
resetValidation: () => void;
|
|
8
8
|
resetValue: (cb?: () => void) => void;
|
|
9
9
|
}
|
|
10
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
|
+
"validation-success": () => void;
|
|
12
|
+
"validation-failed": (errorMessages: string[]) => void;
|
|
13
|
+
reset: () => void;
|
|
14
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
|
|
15
|
+
onReset?: (() => any) | undefined;
|
|
16
|
+
"onValidation-success"?: (() => any) | undefined;
|
|
17
|
+
"onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
|
|
18
|
+
}, {}, {}>, {
|
|
11
19
|
default?(_: {}): any;
|
|
12
20
|
}>;
|
|
13
21
|
export default _default;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
title: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
description: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: undefined;
|
|
9
|
+
};
|
|
10
|
+
stepIndex: {
|
|
11
|
+
type: NumberConstructor;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
complete: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
18
|
+
error: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: boolean;
|
|
21
|
+
};
|
|
22
|
+
disabled: {
|
|
23
|
+
type: BooleanConstructor;
|
|
24
|
+
default: boolean;
|
|
25
|
+
};
|
|
26
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
+
title: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
description: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
stepIndex: {
|
|
36
|
+
type: NumberConstructor;
|
|
37
|
+
required: true;
|
|
38
|
+
};
|
|
39
|
+
complete: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
error: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
disabled: {
|
|
48
|
+
type: BooleanConstructor;
|
|
49
|
+
default: boolean;
|
|
50
|
+
};
|
|
51
|
+
}>>, {
|
|
52
|
+
disabled: boolean;
|
|
53
|
+
error: boolean;
|
|
54
|
+
description: string;
|
|
55
|
+
complete: boolean;
|
|
56
|
+
}, {}>;
|
|
57
|
+
export default _default;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
export interface StepperProvider {
|
|
3
|
+
currentStep: any;
|
|
4
|
+
goToStep: (stepIndex: number) => void;
|
|
5
|
+
orientation: string;
|
|
6
|
+
}
|
|
7
|
+
export type StepperVariant = 'horizontal' | 'vertical';
|
|
8
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
9
|
+
totalSteps: {
|
|
10
|
+
type: NumberConstructor;
|
|
11
|
+
required: true;
|
|
12
|
+
};
|
|
13
|
+
modelValue: {
|
|
14
|
+
type: NumberConstructor;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
orientation: {
|
|
18
|
+
type: PropType<StepperVariant>;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
22
|
+
"update:modelValue": (...args: any[]) => void;
|
|
23
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
totalSteps: {
|
|
25
|
+
type: NumberConstructor;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
modelValue: {
|
|
29
|
+
type: NumberConstructor;
|
|
30
|
+
required: true;
|
|
31
|
+
};
|
|
32
|
+
orientation: {
|
|
33
|
+
type: PropType<StepperVariant>;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
}>> & {
|
|
37
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
}, {
|
|
39
|
+
orientation: StepperVariant;
|
|
40
|
+
}, {}>, {
|
|
41
|
+
default?(_: {}): any;
|
|
42
|
+
contents?(_: {}): any;
|
|
43
|
+
summary?(_: {}): any;
|
|
44
|
+
}>;
|
|
45
|
+
export default _default;
|
|
46
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
47
|
+
new (): {
|
|
48
|
+
$slots: S;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
@@ -3,36 +3,36 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3
3
|
type: NumberConstructor;
|
|
4
4
|
required: true;
|
|
5
5
|
};
|
|
6
|
-
|
|
7
|
-
type: NumberConstructor;
|
|
8
|
-
required: true;
|
|
9
|
-
};
|
|
10
|
-
titleText: {
|
|
6
|
+
title: {
|
|
11
7
|
type: StringConstructor;
|
|
12
8
|
required: true;
|
|
13
9
|
};
|
|
14
|
-
|
|
10
|
+
description: {
|
|
15
11
|
type: StringConstructor;
|
|
16
12
|
default: undefined;
|
|
17
13
|
};
|
|
18
|
-
|
|
19
|
-
totalSteps: {
|
|
14
|
+
stepIndex: {
|
|
20
15
|
type: NumberConstructor;
|
|
21
16
|
required: true;
|
|
22
17
|
};
|
|
23
|
-
|
|
18
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
+
totalSteps: {
|
|
24
20
|
type: NumberConstructor;
|
|
25
21
|
required: true;
|
|
26
22
|
};
|
|
27
|
-
|
|
23
|
+
title: {
|
|
28
24
|
type: StringConstructor;
|
|
29
25
|
required: true;
|
|
30
26
|
};
|
|
31
|
-
|
|
27
|
+
description: {
|
|
32
28
|
type: StringConstructor;
|
|
33
29
|
default: undefined;
|
|
34
30
|
};
|
|
31
|
+
stepIndex: {
|
|
32
|
+
type: NumberConstructor;
|
|
33
|
+
required: true;
|
|
34
|
+
};
|
|
35
35
|
}>>, {
|
|
36
|
-
|
|
36
|
+
description: string;
|
|
37
37
|
}, {}>;
|
|
38
38
|
export default _default;
|
|
@@ -4,10 +4,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
4
4
|
required: true;
|
|
5
5
|
default: string;
|
|
6
6
|
};
|
|
7
|
-
titleText: {
|
|
8
|
-
type: import("vue").PropType<string>;
|
|
9
|
-
default: string;
|
|
10
|
-
};
|
|
11
7
|
beak: {
|
|
12
8
|
type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
|
|
13
9
|
required: true;
|
|
@@ -18,6 +14,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
18
14
|
required: true;
|
|
19
15
|
default: boolean;
|
|
20
16
|
};
|
|
17
|
+
titleText: {
|
|
18
|
+
type: import("vue").PropType<string>;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
21
|
contentText: {
|
|
22
22
|
type: import("vue").PropType<string>;
|
|
23
23
|
required: true;
|
|
@@ -35,10 +35,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
35
35
|
required: true;
|
|
36
36
|
default: string;
|
|
37
37
|
};
|
|
38
|
-
titleText: {
|
|
39
|
-
type: import("vue").PropType<string>;
|
|
40
|
-
default: string;
|
|
41
|
-
};
|
|
42
38
|
beak: {
|
|
43
39
|
type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
|
|
44
40
|
required: true;
|
|
@@ -49,6 +45,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
49
45
|
required: true;
|
|
50
46
|
default: boolean;
|
|
51
47
|
};
|
|
48
|
+
titleText: {
|
|
49
|
+
type: import("vue").PropType<string>;
|
|
50
|
+
default: string;
|
|
51
|
+
};
|
|
52
52
|
contentText: {
|
|
53
53
|
type: import("vue").PropType<string>;
|
|
54
54
|
required: true;
|
|
@@ -62,9 +62,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
62
62
|
};
|
|
63
63
|
}>>, {
|
|
64
64
|
variant: "plain" | "rich";
|
|
65
|
-
titleText: string;
|
|
66
65
|
beak: "left" | "right" | "bottom" | "top";
|
|
67
66
|
hasArrow: boolean;
|
|
67
|
+
titleText: string;
|
|
68
68
|
}, {}>, {
|
|
69
69
|
default?(_: {}): any;
|
|
70
70
|
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as n,__tla as g}from"./__federation_fn_import.js";import{F as V}from"./provider-keys-b001d08d.js";let f,w=Promise.all([(()=>{try{return g}catch{}})()]).then(async()=>{let s,u,l,v,d,m,c,r;({defineComponent:s}=await n("vue")),{renderSlot:u,withModifiers:l,openBlock:v,createElementBlock:d}=await n("vue"),m=["onSubmit","onReset"],{provide:c,ref:r}=await n("vue"),f=s({__name:"FmForm",emits:["validation-success","validation-failed","reset"],setup(S,{emit:i}){const a=r([]),p=r(0),_=()=>{let e=[];for(let t=0;t<a.value.length;t++){const o=a.value[t];e=[...e,...o.validate()]}e.length?i("validation-failed",e):i("validation-success")},h=()=>{for(let e=0;e<a.value.length;e++){const t=a.value[e];t.resetValue(),t.resetValidation()}i("reset")};return c(V,{register({validate:e,resetValidation:t,resetValue:o}){return a.value.push({componentId:p.value,validate:e,resetValidation:t,resetValue:o}),p.value++},unregister(e){a.value.filter(t=>t.componentId!==e)}}),(e,t)=>(v(),d("form",{onSubmit:l(_,["prevent"]),onReset:l(h,["prevent"])},[u(e.$slots,"default")],40,m))}})});export{f as _,w as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as p,__tla as G}from"./__federation_fn_import.js";import{R as L}from"./provider-keys-b001d08d.js";import{u as P,a as $,__tla as j}from"./useValidation-cacebcb9.js";import q,{__tla as A}from"./__federation_expose_FmIcon-e5ab92a8.js";let T,I=Promise.all([(()=>{try{return G}catch{}})(),(()=>{try{return j}catch{}})(),(()=>{try{return A}catch{}})()]).then(async()=>{let c,s,i,u,f,t,a,C,_,v,h,d,y,V,x,g,b,k,n,B;({defineComponent:c}=await p("vue")),{renderSlot:s,unref:i,toDisplayString:u,createTextVNode:f,openBlock:t,createElementBlock:a,createCommentVNode:C,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},{onMounted:b,provide:k,ref:n,watch:B}=await p("vue"),T=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:E}){const l=m,r=n(),o=n([]),S=()=>{r.value=null,o.value.forEach(e=>e())},{validate:z,errorMessages:w,resetValidation:D,setValidationValue:M}=P(l),{isPristine:R}=$(z,D,E,"",S);return k(L,{groupValue:r,getDisabled:()=>l.disabled,register(e){o.value.push(e)},updateValue(e){r.value=e,o.value.forEach(F=>F()),E("update:modelValue",e)}}),B(()=>l.modelValue,()=>{R.value=!1,r.value=l.modelValue,o.value.forEach(e=>e())}),b(()=>{M(l.modelValue)}),(e,F)=>(t(),a("div",{class:y({"flex items-center gap-16 justify-start":e.inline})},[s(e.$slots,"default"),d("div",V,[i(w).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(w),N=>(t(),a("div",{key:N,class:"flex gap-4 items-center text-fm-color-typo-error"},[h(q,{name:"error",color:"#FF3B30",size:"sm"}),d("span",null,u(N),1)]))),128))]))])],2))}})});export{T as _,I as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fm-stepper-item-line[data-v-56f96315]{border-radius:4px 0 0 4px}.fm-stepper-item-line--vertical[data-v-56f96315]{width:2px;height:100%;min-height:70px}.fm-stepper-item-line--horizontal[data-v-56f96315]{height:2px;flex-shrink:0}.fm-stepper-item-container--vertical[data-v-56f96315]{min-width:200px;padding:var(--fm-spacing-system-spacing-none, 0px);align-items:center}.fm-stepper-item-container--horizontal[data-v-56f96315]{flex-direction:column;align-items:flex-start;flex:1 0 0}.fm-stepper-item-container[data-v-56f96315]:hover{background:var(--fm-color-opacity-sm, rgba(67, 67, 69, .08))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.container--vertical[data-v-2a59348f]{display:flex;align-items:flex-start}.fm-stepper-container--vertical[data-v-2a59348f]{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)}.fm-stepper-container--horizontal[data-v-2a59348f]{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-stepper-form--horizontal[data-v-2a59348f],.fm-stepper-form--mobile[data-v-2a59348f]{margin:5%}.fm-stepper-form--vertical[data-v-2a59348f]{margin:0 3%;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fm-stepper-field[data-v-
|
|
1
|
+
.fm-stepper-field[data-v-79048fb1]{display:flex;flex-direction:column;gap:4px}.fm-stepper-field__container[data-v-79048fb1]{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-79048fb1]{outline:none;border:2px solid var(--fm-color-primary);padding:10px 6px}.fm-stepper-field__container--focused>.fm-stepper-field__stepper__container[data-v-79048fb1]{right:6px}.fm-stepper-field__container--invalid[data-v-79048fb1]: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-79048fb1]{right:6px}.fm-stepper-field__container--valid[data-v-79048fb1]: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-79048fb1]{right:6px}.fm-stepper-field__container[data-v-79048fb1]: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-79048fb1]{right:7px}.fm-stepper-field--input[data-v-79048fb1]{height:100%;width:100%;border:none;outline:none;padding:0}.fm-stepper-field__stepper__container[data-v-79048fb1]{width:24px;height:40px;position:absolute;right:7px;display:flex;flex-direction:column;gap:4px}.fm-stepper-field__stepper__item[data-v-79048fb1]{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-79048fb1]{display:flex;justify-content:space-between;align-items:center;gap:16px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as d,__tla as j}from"./__federation_fn_import.js";import q,{__tla as B}from"./__federation_expose_FmIcon-e5ab92a8.js";import{S as E}from"./provider-keys-b001d08d.js";let V,P=Promise.all([(()=>{try{return j}catch{}})(),(()=>{try{return B}catch{}})()]).then(async()=>{let m,y,f,t,r,l,i,n,v,_,g,x,h,w,p,S,b,k,N,z;({defineComponent:m}=await d("vue")),{unref:y,createVNode:f,openBlock:t,createElementBlock:r,createCommentVNode:l,toDisplayString:i,createElementVNode:n,normalizeClass:v}=await d("vue"),_={key:0,class:"h-6 relative w-6"},g=["data-progress"],x={key:1,class:"basis-0 flex-col gap-1 grow inline-flex items-start justify-start shrink"},h={class:"fm-typo-body-xl-700 self-stretch text-zinc-900"},w={class:"fm-typo-body-sm-400 self-stretch text-neutral-500"},{computed:p,inject:S,onMounted:b,onUpdated:k,ref:N,watch:z}=await d("vue"),V=m({__name:"FmStepperMobile",props:{totalSteps:{type:Number,required:!0},title:{type:String,required:!0},description:{type:String,default:void 0},stepIndex:{type:Number,required:!0}},setup(e){const C=e,{currentStep:c}=S(E),s=N(null),a=p(()=>`${c.value/C.totalSteps*360}deg`),$=p(()=>`${c.value} of ${C.totalSteps}`),u=o=>{s.value&&(s.value.style.setProperty("--progress",o),s.value.setAttribute("content-text",$.value))};return b(()=>{u(a.value)}),k(()=>{u(a.value)}),z(a,async o=>{u(o)}),(o,F)=>e.stepIndex===y(c)?(t(),r("div",{key:0,class:v(`bg-white gap-3 inline-flex items-center justify-start px-4 py-2 shadow ${e.title?"w-full":"w-max"}`)},[e.title?(t(),r("div",_,[f(q,{class:"cursor-pointer",name:"close",outline:!0,size:"md",color:"text-fm-color-neutral-black"})])):l("",!0),(t(),r("div",{key:a.value,ref_key:"progress",ref:s,class:"fm-progress","data-progress":a.value},null,8,g)),e.title?(t(),r("div",x,[n("div",h,i(e.title),1),n("div",w,i(e.description),1)])):l("",!0)],2)):l("",!0)}})});export{V as _,P as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as f,__tla as J}from"./__federation_fn_import.js";import y,{__tla as K}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as W,a as Q,__tla as R}from"./useValidation-cacebcb9.js";let T,U=Promise.all([(()=>{try{return J}catch{}})(),(()=>{try{return K}catch{}})(),(()=>{try{return R}catch{}})()]).then(async()=>{const{defineComponent:I}=await f("vue"),{renderSlot:i,toDisplayString:t,normalizeClass:n,createElementVNode:o,openBlock:l,createElementBlock:a,createCommentVNode:d,createBlock:x,unref:u,createTextVNode:M,renderList:w,Fragment:L,createVNode:q}=await f("vue"),F={class:"fm-text-field"},N={class:"fm-text-field--label"},$={key:0},E=["value","inputMode","type","placeholder","required","minlength","maxlength","disabled","readOnly"],S={key:0},z={key:0,class:"fm-text-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},O={key:0},P={key:1},{computed:D,onMounted:j,ref:_,watch:A}=await f("vue");var g=(r=>(r.required="*",r.optional="(optional)",r))(g||{});T=I({__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(r,{emit:b}){const p=r,G=_(null),c=_(!1),{validate:h,errorMessages:s,resetValidation:v,setValidationValue:k}=W(p),{isPristine:V}=Q(h,v,b,""),H=e=>{V.value=!1,e.target.value||v(),k(e.target.value),b("update:modelValue",e.target.value)};A(()=>p.modelValue,()=>{V.value||h()});const C=D(()=>s.value.length===0);return j(()=>{k(p.modelValue)}),(e,m)=>(l(),a("label",F,[o("div",null,[o("div",N,[i(e.$slots,"label"),o("span",{class:n({"fm-typo-body-lg-400":!0,"text-fm-color-typo-primary":!e.disabled,"text-fm-color-typo-disabled":e.disabled})},t(e.label),3),e.labelMark!=="none"?(l(),a("span",{key:0,class:n({"fm-color-typo-tertiary fm-typo-body-md-400":e.labelMark==="optional","fm-color-typo-error fm-typo-body-lg-700":e.labelMark==="required"})},t(g[e.labelMark]),3)):d("",!0)])]),o("div",{class:n({"fm-text-field__container":!0,"fm-text-field__container--focused":c.value,"fm-text-field__container--invalid":!!e.modelValue&&!C.value,"fm-text-field__container--valid":e.showValidBorder&&e.showSuccess&&!!e.modelValue&&C.value,"fm-text-field__container--disabled":e.disabled})},[i(e.$slots,"prepend",{},()=>[e.prependText?(l(),a("div",$,t(e.prependText),1)):d("",!0),e.leadingIcon.name?(l(),x(y,{key:1,name:e.leadingIcon.name,size:"md",color:e.leadingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):d("",!0)]),o("input",{ref_key:"inputEl",ref:G,class:n({"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:H,onFocus:m[0]||(m[0]=()=>c.value=!0),onBlur:m[1]||(m[1]=()=>c.value=!1)},null,42,E),i(e.$slots,"append",{},()=>[e.appendText?(l(),a("div",S,t(e.appendText),1)):d("",!0),e.trailingIcon.name?(l(),x(y,{key:1,name:e.trailingIcon.name,size:"md",color:e.trailingIcon.color??(e.disabled?"#C7C7CC":"#1C1C1E")},null,8,["name","color"])):d("",!0)])],2),e.helperText||u(s).length>0?(l(),a("div",z,[u(s).length===0?(l(),a("div",O,[i(e.$slots,"helper-text",{},()=>[M(t(e.helperText),1)])])):(l(),a("div",P,[(l(!0),a(L,null,w(u(s),B=>(l(),a("div",{key:B,class:"flex gap-4 items-center text-fm-color-typo-error"},[q(y,{name:"error",color:"#FF3B30",size:"sm"}),o("span",null,t(B),1)]))),128))])),o("div",{class:n({"fm-color-typo-disabled":e.disabled})},t(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])):d("",!0)]))}})});export{T as _,U as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as c,__tla as j}from"./__federation_fn_import.js";import A,{__tla as K}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as G,a as H,__tla as J}from"./useValidation-cacebcb9.js";let V,Q=Promise.all([(()=>{try{return j}catch{}})(),(()=>{try{return K}catch{}})(),(()=>{try{return J}catch{}})()]).then(async()=>{const{defineComponent:k}=await c("vue"),{renderSlot:p,toDisplayString:o,normalizeClass:r,createElementVNode:a,openBlock:l,createElementBlock:t,createCommentVNode:f,unref:i,createTextVNode:B,renderList:w,Fragment:L,createVNode:M}=await c("vue"),q={class:"fm-textarea"},F={htmlFor:"{this.name}"},N={class:"fm-textarea--label"},S=["value","placeholder","required","minlength","maxlength","readOnly","disabled"],T={key:0,class:"fm-color-typo-secondary fm-textarea__helper-container fm-typo-body-sm-400"},$={key:0},C={key:1},{computed:z,onMounted:E,ref:O,watch:P}=await c("vue");var y=(d=>(d.required="*",d.optional="(optional)",d))(y||{});V=k({__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:h}){const m=d,u=O(!1),{validate:_,errorMessages:n,resetValidation:D,setValidationValue:b}=G(m),{isPristine:v}=H(_,D,h,""),I=e=>{v.value=!1,b(e.target.value),h("update:modelValue",e.target.value)},x=z(()=>n.value.length===0);return P(()=>m.modelValue,()=>{v.value||_()}),E(()=>{b(m.modelValue)}),(e,s)=>(l(),t("div",q,[a("label",F,[a("div",N,[p(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(y[e.labelMark]),3)):f("",!0)])]),a("div",{class:r({"fm-textarea__container":!0,"fm-textarea__container--focused":u.value,"fm-textarea__container--invalid":!!e.modelValue&&!x.value,"fm-textarea__container--valid":e.showValidBorder&&e.showSuccess&&!!e.modelValue&&x.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:I,onFocus:s[0]||(s[0]=()=>u.value=!0),onBlur:s[1]||(s[1]=()=>u.value=!1)},null,42,S)],2),e.helperText||i(n).length>0?(l(),t("div",T,[i(n).length===0?(l(),t("div",$,[p(e.$slots,"helper-text",{},()=>[B(o(e.helperText),1)])])):(l(),t("div",C,[(l(!0),t(L,null,w(i(n),g=>(l(),t("div",{key:g,class:"flex gap-4 items-center text-fm-color-typo-error"},[M(A,{name:"error",color:"#FF3B30",size:"sm"}),a("span",null,o(g),1)]))),128))])),a("div",{class:r({"fm-color-typo-disabled":e.disabled})},o(e.maxLength?`${e.modelValue.length} / ${e.maxLength}`:""),3)])):f("",!0)]))}})});export{V as _,Q as __tla};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,__tla as a}from"./FmForm.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import{_ as t,__tla as a}from"./FmForm.vue_vue_type_script_setup_true_lang-e2ff72da.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{importShared as s,__tla as j}from"./__federation_fn_import.js";import{R as z}from"./provider-keys-
|
|
1
|
+
import{importShared as s,__tla as j}from"./__federation_fn_import.js";import{R as z}from"./provider-keys-b001d08d.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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as t,__tla as a}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import{_ as t,__tla as a}from"./FmRadioGroup.vue_vue_type_script_setup_true_lang-41bcb76a.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as d,__tla as l1}from"./__federation_fn_import.js";import{S as o1}from"./provider-keys-b001d08d.js";import{_ as i1,__tla as r1}from"./FmStepperMobile.vue_vue_type_style_index_0_lang-7b6eb6ce.js";import{_ as s1}from"./_plugin-vue_export-helper-c27b6911.js";let u,a1=Promise.all([(()=>{try{return l1}catch{}})(),(()=>{try{return r1}catch{}})()]).then(async()=>{const{defineComponent:v}=await d("vue"),{unref:c,normalizeClass:s,createElementVNode:t,openBlock:l,createElementBlock:o,createCommentVNode:h,toDisplayString:m,withModifiers:w,resolveDirective:x,withDirectives:y,createVNode:g,Fragment:_,pushScopeId:k,popScopeId:b}=await d("vue"),r=e=>(k("data-v-56f96315"),e=e(),b(),e),B=["onClick"],F={class:"flex gap-3 hover:cursor-pointer items-start pl-1 pr-5 py-0 self-stretch"},S={key:0,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},L=r(()=>t("circle",{cx:"12",cy:"12",r:"11",stroke:"#AEAEB2","stroke-width":"2"},null,-1)),M=[L],I={key:1,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},Z=r(()=>t("circle",{cx:"12",cy:"12",r:"10",fill:"#FF7823",stroke:"#FF7823","stroke-width":"4"},null,-1)),V=[Z],E={key:2,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},N=r(()=>t("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)),$=r(()=>t("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)),j=[N,$],D={key:3,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},q=r(()=>t("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)),z=[q],A={key:4,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},H=r(()=>t("circle",{cx:"12",cy:"12",r:"11",stroke:"#C7C7CC","stroke-width":"2"},null,-1)),P=[H],T={class:"flex flex-1 flex-col fm-stepper-content-container gap-1 items-start justify-center p-0"},G={class:"lg:hidden md:hidden"},{computed:n,inject:J,ref:K,onMounted:O}=await d("vue"),Q=v({__name:"FmStep",props:{title:{type:String,required:!0},description:{type:String,default:void 0},stepIndex:{type:Number,required:!0},complete:{type:Boolean,default:!1},error:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){const i=e,{currentStep:R,goToStep:U,orientation:p}=J(o1),a=n(()=>R.value===i.stepIndex),f=K("default");O(()=>{a.value?f.value="active":f.value="default"});const W=()=>{i.disabled||U(i.stepIndex)},X={horizontal:"flex-col h-[18px] py-2 w-full",vertical:"h-[72px] px-2 w-[18px]"},Y=n(()=>X[p]),e1=n(()=>i.disabled?"text-fm-color-typo-disabled":a.value?"text-fm-color-typo-primary":C.value?"text-fm-color-typo-secondary":""),C=n(()=>!a.value&&!i.error&&!i.disabled&&!i.complete);return(n1,p1)=>{const t1=x("wave");return l(),o(_,null,[y((l(),o("div",{class:s(`flex gap-1 fm-stepper-item-container fm-stepper-item-container--${c(p)} hidden md:flex lg:flex`),onClick:w(W,["stop"])},[t("div",{class:s(["gap-2 inline-flex items-start justify-start",Y.value])},[t("div",{class:s(`${e.complete||a.value?"bg-fm-color-primary":"bg-fm-color-neutral-gray-300"} self-stretch fm-stepper-item-line fm-stepper-item-line--${c(p)}`)},null,2)],2),t("div",F,[t("div",null,[C.value?(l(),o("svg",S,M)):a.value?(l(),o("svg",I,V)):e.complete?(l(),o("svg",E,j)):e.error?(l(),o("svg",D,z)):e.disabled?(l(),o("svg",A,P)):h("",!0)]),t("div",T,[t("span",{class:s(`fm-typo-body-lg-400 ${e1.value}`)},m(e.title),3),t("span",{class:s(["fm-typo-body-sm-400 overflow-hidden text-ellipsis",e.disabled?"text-fm-color-typo-disabled":"text-fm-color-typo-secondary"])},m(e.description),3)])])],10,B)),[[t1]]),t("div",G,[g(i1,{title:e.title,description:e.description,"step-index":e.stepIndex,"total-steps":3},null,8,["title","description","step-index"])])],64)}}});u=s1(Q,[["__scopeId","data-v-56f96315"]])});export{a1 as __tla,u as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as n,__tla as $}from"./__federation_fn_import.js";import{S as h}from"./provider-keys-b001d08d.js";import{_ as w}from"./_plugin-vue_export-helper-c27b6911.js";let u,V=Promise.all([(()=>{try{return $}catch{}})()]).then(async()=>{const{defineComponent:c}=await n("vue"),{renderSlot:l,normalizeClass:t,createElementVNode:p,openBlock:r,createElementBlock:s,createCommentVNode:m,pushScopeId:x,popScopeId:g}=await n("vue"),f={key:0,class:"flex flex-col gap-5 p-6 w-1/3"},{provide:v,ref:_,watch:d}=await n("vue"),y=c({__name:"FmStepper",props:{totalSteps:{type:Number,required:!0},modelValue:{type:Number,required:!0},orientation:{type:String,default:"horizontal"}},emits:["update:modelValue"],setup(o,{emit:S}){const i=o,a=_(i.modelValue);return v(h,{currentStep:a,goToStep:e=>{a.value=e},orientation:i.orientation}),d(()=>i.modelValue,e=>{a.value=e}),d(a,e=>{S("update:modelValue",e)}),(e,N)=>(r(),s("div",{class:t(`container--${o.orientation}`)},[p("div",{class:t(`flex justify-start fm-stepper-container--${o.orientation}`)},[l(e.$slots,"default",{},void 0,!0)],2),e.$slots.contents?(r(),s("div",{key:0,class:t(`flex fm-stepper-form--${o.orientation} bg-white`)},[p("div",{class:t(`flex gap-10 p-6 ${e.$slots.summary?"w-2/3":"w-full"}`)},[l(e.$slots,"contents",{},void 0,!0)],2),e.$slots.summary?(r(),s("div",f,[l(e.$slots,"summary",{},void 0,!0)])):m("",!0)],2)):m("",!0)],2))}});u=w(y,[["__scopeId","data-v-2a59348f"]])});export{V as __tla,u as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as x,__tla as ee}from"./__federation_fn_import.js";import m,{__tla as le}from"./__federation_expose_FmIcon-e5ab92a8.js";import{u as te,a as ae,__tla as oe}from"./useValidation-cacebcb9.js";import{_ as re}from"./_plugin-vue_export-helper-c27b6911.js";let N,ne=Promise.all([(()=>{try{return ee}catch{}})(),(()=>{try{return le}catch{}})(),(()=>{try{return oe}catch{}})()]).then(async()=>{const{defineComponent:z}=await x("vue"),{renderSlot:c,toDisplayString:s,createTextVNode:w,createElementVNode:d,openBlock:t,createElementBlock:r,createCommentVNode:p,createBlock:V,normalizeClass:k,createVNode:y,unref:C,renderList:M,Fragment:A,pushScopeId:de,popScopeId:pe}=await x("vue"),q={class:"fm-stepper-field"},D={class:"fm-typo-body-lg-400 text-fm-color-typo-primary"},$={key:0},G=["inputMode","value","placeholder","required","readOnly"],L={key:0},O={key:0,class:"fm-stepper-field__stepper__container"},P={key:0,class:"fm-stepper-field__helper-container fm-typo-body-sm-400 text-fm-color-typo-secondary"},K={key:0},R={key:1},{onMounted:U,ref:f,watch:Y}=await x("vue"),j=z({__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(H,{emit:b}){const o=H,{validate:_,errorMessages:h,resetValidation:J,setValidationValue:B}=te(o),{isPristine:Q}=ae(_,J,b,null),I=f(null),g=f(!1),u=f(!0);let T;const n=f(""),v=e=>{if(e!==""){const l=+e.replace(/,/g,"");return isNaN(l)?null:l}return null},i=e=>T.format(e),S=e=>e>o.max?o.max:e<o.min?o.min:e,E=(e,l)=>{e.preventDefault(),Q.value=!1;let a=(v(n.value)??0)+l;a=S(a),B(a),u.value=_().length===0,n.value=i(a),F()},F=()=>{const e=v(n.value);b("update:modelValue",e)},W=()=>{const e=v(n.value);e&&(n.value=i(S(e))),u.value=_().length===0,g.value=!1,F()},X=()=>{var l;const e=v((l=I.value)==null?void 0:l.value);n.value=e!=null?i(e):""},Z=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 Y(()=>o.modelValue,e=>{n.value=e!=null?i(e):"",u.value=_().length===0}),U(()=>{B(o.modelValue),T=new Intl.NumberFormat("en-MY",{useGrouping:o.useGrouping}),n.value=o.modelValue!=null?i(o.modelValue):""}),(e,l)=>(t(),r("label",q,[d("div",D,[c(e.$slots,"label",{},()=>[w(s(e.label),1)],!0)]),d("div",{class:k({"fm-stepper-field__container":!0,"fm-stepper-field__container--focused":g.value,"fm-stepper-field__container--invalid":!u.value&&!!e.modelValue,"fm-stepper-field__container--valid":e.showValidBorder&&u.value&&!!e.modelValue})},[c(e.$slots,"prepend",{},()=>[e.prependText?(t(),r("div",$,s(e.prependText),1)):p("",!0),e.leadingIcon?(t(),V(m,{key:1,name:e.leadingIcon,size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):p("",!0)],!0),d("input",{ref_key:"inputEl",ref:I,class:"fm-stepper-field--input",type:"text",inputMode:e.inputmode,value:n.value,placeholder:e.placeholder,required:e.required,readOnly:e.readonly,onInput:X,onFocus:l[0]||(l[0]=()=>g.value=!0),onBlur:W,onKeydown:Z},null,40,G),c(e.$slots,"append",{},()=>[d("div",{class:k({"mr-32":e.showSteppers})},[e.appendText?(t(),r("div",L,s(e.appendText),1)):p("",!0),e.trailingIcon?(t(),V(m,{key:1,name:e.trailingIcon,size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["name","color"])):p("",!0)],2)],!0),e.showSteppers?(t(),r("div",O,[d("div",{class:"fm-stepper-field__stepper__item",onMousedown:l[1]||(l[1]=a=>E(a,e.step))},[y(m,{name:"expand_less",size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32),d("div",{class:"fm-stepper-field__stepper__item",onMousedown:l[2]||(l[2]=a=>E(a,-e.step))},[y(m,{name:"expand_more",size:"md",color:e.disabled?"#C7C7CC":"#1C1C1E"},null,8,["color"])],32)])):p("",!0)],2),e.helperText||C(h).length>0?(t(),r("div",P,[C(h).length===0?(t(),r("div",K,[c(e.$slots,"helper-text",{},()=>[w(s(e.helperText),1)],!0)])):(t(),r("div",R,[(t(!0),r(A,null,M(C(h),a=>(t(),r("div",{key:a,class:"flex gap-4 items-center text-fm-color-typo-error"},[y(m,{name:"error",color:"#FF3B30",size:"sm"}),d("span",null,s(a),1)]))),128))]))])):p("",!0)]))}});N=re(j,[["__scopeId","data-v-79048fb1"]])});export{ne as __tla,N as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as t,__tla as a}from"./FmStepperMobile.vue_vue_type_style_index_0_lang-7b6eb6ce.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"./FmTextField.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import{_ as t,__tla as a}from"./FmTextField.vue_vue_type_style_index_0_lang-cef4bc16.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-3bc58767.js";let _=Promise.all([(()=>{try{return a}catch{}})()]).then(async()=>{});export{_ as __tla,t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as
|
|
1
|
+
import{_ as h}from"./preload-helper-cf010ec4.js";let _,c,l,d=(async()=>{const t=new Set(["Module","__esModule","default","_export_sfc"]);let y={"./FmBreadcrumb":()=>(_(["FmBreadcrumb-7a206e9b.css"]),o("./__federation_expose_FmBreadcrumb-3527b347.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmButton":()=>(_(["FmButton-ef253cc5.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmButton-a3ca7654.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmButtonGroup":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmButtonGroup-3363a7b4.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCard":()=>(_(["FmCard-6145e534.css"]),o("./__federation_expose_FmCard-d703409e.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardActions":()=>(_([]),o("./__federation_expose_FmCardActions-1186c3c0.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardSection":()=>(_([]),o("./__federation_expose_FmCardSection-449a49ea.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCardTitle":()=>(_([]),o("./__federation_expose_FmCardTitle-034ff583.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmLineChart":()=>(_([]),o("./__federation_expose_FmLineChart-b7dfa1ae.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDatePicker":()=>(_(["FmDatePicker-6608acc7.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDatePicker-c542d446.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDateRangePicker":()=>(_(["FmDateRangePicker-2b4b8a36.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDateRangePicker-6e0116bd.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmDialog":()=>(_(["FmDialog-5cb5a1f8.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmDialog-104bb604.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmCheckbox":()=>(_(["FmCheckbox-53f405a9.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmCheckbox-08a0fd35.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmField":()=>(_(["FmField-f4b1b24a.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmField-41eeed18.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmForm":()=>(_([]),o("./__federation_expose_FmForm-b95f5923.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmRadio":()=>(_(["FmRadio-e0e6e213.css"]),o("./__federation_expose_FmRadio-849f1125.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmRadioGroup":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmRadioGroup-5daefaa5.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSelect":()=>(_(["FmSelect-a5b3f313.css","FmIcon-99d8fba2.css","FmMenu-2c4b2c1b.css","FmMenuItem-68412e0d.css","FmCheckbox-53f405a9.css"]),o("./__federation_expose_FmSelect-b616883a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepperField":()=>(_(["FmStepperField-6955a063.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStepperField-dd2daac0.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSwitch":()=>(_(["FmSwitch-7605f854.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmSwitch-f75dd36e.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTextField":()=>(_(["FmTextField-409a3efd.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTextField-417469b9.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTextarea":()=>(_(["FmTextarea-0e3eab40.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTextarea-240f4cba.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmIcon":()=>(_(["FmIcon-99d8fba2.css"]),o("./__federation_expose_FmIcon-e5ab92a8.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmList":()=>(_(["FmList-0bec0eff.css"]),o("./__federation_expose_FmList-6bab2481.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmListItem":()=>(_(["FmListItem-3af8b220.css"]),o("./__federation_expose_FmListItem-b4a2ef3a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmMenu":()=>(_(["FmMenu-2c4b2c1b.css"]),o("./__federation_expose_FmMenu-921093d0.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmMenuItem":()=>(_(["FmMenuItem-68412e0d.css","FmIcon-99d8fba2.css","FmCheckbox-53f405a9.css"]),o("./__federation_expose_FmMenuItem-d331a359.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepper":()=>(_(["FmStepper-8c221632.css"]),o("./__federation_expose_FmStepper-a8b30a1d.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStep":()=>(_(["FmStep-278dd809.css","FmStepperMobile-3d942818.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStep-251635ba.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmStepperMobile":()=>(_(["FmStepperMobile-3d942818.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmStepperMobile-e6533dcb.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSnackbar":()=>(_(["FmSnackbar-1bbe14e3.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmSnackbar-7af29a69.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmSpacer":()=>(_([]),o("./__federation_expose_FmSpacer-a0a89a0a.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTimeInput":()=>(_(["FmTimeInput-0f7c002b.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTimeInput-852280ab.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTimePicker":()=>(_(["FmTimePicker-504e884c.css","FmButton-ef253cc5.css","FmIcon-99d8fba2.css","FmField-f4b1b24a.css","FmTimeInput-0f7c002b.css","FmMenu-2c4b2c1b.css"]),o("./__federation_expose_FmTimePicker-37afdf20.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e)),"./FmTooltip":()=>(_(["FmButton-ef253cc5.css","FmIcon-99d8fba2.css"]),o("./__federation_expose_FmTooltip-fdd5c38c.js").then(e=>Object.keys(e).every(r=>t.has(r))?()=>e.default:()=>e))},a;a={},_=e=>{const r=import.meta.url;if(typeof r>"u"){console.warn('The remote style takes effect only when the build.target option in the vite.config.ts file is higher than that of "es2020".');return}const i=r.substring(0,r.lastIndexOf("feedmepos-ui-components.js"));e.forEach(u=>{const s=i+u;if(s in a)return;a[s]=!0;const n=document.head.appendChild(document.createElement("link"));n.href=s,n.rel="stylesheet"})};async function o(e){return h(()=>import(e).then(async r=>(await r.__tla,r)),[])}c=e=>y[e](),l=e=>{globalThis.__federation_shared__=globalThis.__federation_shared__||{},Object.entries(e).forEach(([r,i])=>{const u=Object.keys(i)[0],s=Object.values(i)[0],n=s.scope||"default";globalThis.__federation_shared__[n]=globalThis.__federation_shared__[n]||{};const m=globalThis.__federation_shared__[n];(m[r]=m[r]||{})[u]=s})}})();export{d as __tla,_ as dynamicLoadingCss,c as get,l as init};
|