@feedmepos/ui-library 1.2.14-rc.6 → 1.2.14-rc.7

package/dist/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 1.2.14-rc.7 - 2024-07-19
+
+- `FmTextField`
+  - Add `formatter` prop to allow user to format the input value
+  - Add `decimal` prop to allow user to set the decimal places(treat it as the step attribute for number input)
+
 ## 1.2.14-rc.6 - 2024-07-18
 
 ### Features

package/dist/components/form/stepper-field/FmStepperField.vue.d.ts

@@ -86,9 +86,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     max: number;
     placeholder: string;
     inputmode: "numeric" | "decimal";
+    step: number;
     prependText: string;
     appendText: string;
-    step: number;
     isCurrency: boolean;
     showSteppers: boolean;
     useGrouping: boolean;

package/dist/components/form/text-field/FmTextField.vue.d.ts

@@ -5,6 +5,7 @@ export interface FmTextFieldProps extends FormChildProps {
     maxLength?: number;
     /** To display virtual keyboard */
     inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | 'password';
+    type?: 'text' | 'password' | 'email' | 'tel' | 'number';
     readonly?: boolean;
     labelMark?: 'required' | 'optional' | 'none';
     prependIcon?: string;
@@ -14,7 +15,16 @@ export interface FmTextFieldProps extends FormChildProps {
     showWordCount?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
-    debounce?: number;
+    /**
+     * @description
+     * Allow user to format the value before updating the model
+     */
+    formatter?: (value: string) => string;
+    /**
+     * @description
+     * Treat it as the step attribute for number input
+     */
+    decimal?: number;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTextFieldProps>, {
     label: string;
@@ -33,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelInfo: string;
     helperState: string;
     showWordCount: boolean;
+    formatter: (value: string) => string;
 }>, {
     focus: () => void;
     inputEl: import("vue").Ref<HTMLInputElement | null>;
@@ -56,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelInfo: string;
     helperState: string;
     showWordCount: boolean;
+    formatter: (value: string) => string;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onFocus-changed"?: ((value: boolean) => any) | undefined;
@@ -76,6 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     inputmode: "text" | "none" | "search" | "email" | "password" | "tel" | "url" | "numeric" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
+    formatter: (value: string) => string;
 }, {}>, {
     label?(_: {}): any;
     prepend?(_: {}): any;

package/dist/components.d.ts

@@ -7531,6 +7531,10 @@ export declare const components: {
             readonly: {
                 type: import("vue").PropType<boolean>;
             };
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             prependText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -7539,10 +7543,6 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            step: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isCurrency: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7634,6 +7634,10 @@ export declare const components: {
             readonly: {
                 type: import("vue").PropType<boolean>;
             };
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             prependText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -7642,10 +7646,6 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            step: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isCurrency: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7683,9 +7683,9 @@ export declare const components: {
             max: number;
             placeholder: string;
             inputmode: "numeric" | "decimal";
+            step: number;
             prependText: string;
             appendText: string;
-            step: number;
             isCurrency: boolean;
             showSteppers: boolean;
             useGrouping: boolean;
@@ -7765,6 +7765,10 @@ export declare const components: {
             readonly: {
                 type: import("vue").PropType<boolean>;
             };
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             prependText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -7773,10 +7777,6 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            step: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isCurrency: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7814,9 +7814,9 @@ export declare const components: {
             max: number;
             placeholder: string;
             inputmode: "numeric" | "decimal";
+            step: number;
             prependText: string;
             appendText: string;
-            step: number;
             isCurrency: boolean;
             showSteppers: boolean;
             useGrouping: boolean;
@@ -7893,6 +7893,10 @@ export declare const components: {
         readonly: {
             type: import("vue").PropType<boolean>;
         };
+        step: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         prependText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7901,10 +7905,6 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        step: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         isCurrency: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7944,9 +7944,9 @@ export declare const components: {
         max: number;
         placeholder: string;
         inputmode: "numeric" | "decimal";
+        step: number;
         prependText: string;
         appendText: string;
-        step: number;
         isCurrency: boolean;
         showSteppers: boolean;
         useGrouping: boolean;
@@ -8128,6 +8128,9 @@ export declare const components: {
     });
     FmTextField: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"number" | "text" | "email" | "password" | "tel">;
+            };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -8185,7 +8188,7 @@ export declare const components: {
             autofocus: {
                 type: import("vue").PropType<boolean>;
             };
-            debounce: {
+            decimal: {
                 type: import("vue").PropType<number>;
             };
             minLength: {
@@ -8208,6 +8211,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            formatter: {
+                type: import("vue").PropType<(value: string) => string>;
+                default: (value: string) => string;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onFocus-changed"?: ((value: boolean) => any) | undefined;
@@ -8218,6 +8225,9 @@ export declare const components: {
             "update:modelValue": (value: string) => void;
             "focus-changed": (value: boolean) => void;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"number" | "text" | "email" | "password" | "tel">;
+            };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -8275,7 +8285,7 @@ export declare const components: {
             autofocus: {
                 type: import("vue").PropType<boolean>;
             };
-            debounce: {
+            decimal: {
                 type: import("vue").PropType<number>;
             };
             minLength: {
@@ -8298,6 +8308,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            formatter: {
+                type: import("vue").PropType<(value: string) => string>;
+                default: (value: string) => string;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onFocus-changed"?: ((value: boolean) => any) | undefined;
@@ -8318,6 +8332,7 @@ export declare const components: {
             inputmode: "text" | "none" | "search" | "email" | "password" | "tel" | "url" | "numeric" | "decimal";
             readonly: boolean;
             showWordCount: boolean;
+            formatter: (value: string) => string;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -8326,6 +8341,9 @@ export declare const components: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"number" | "text" | "email" | "password" | "tel">;
+            };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -8383,7 +8401,7 @@ export declare const components: {
             autofocus: {
                 type: import("vue").PropType<boolean>;
             };
-            debounce: {
+            decimal: {
                 type: import("vue").PropType<number>;
             };
             minLength: {
@@ -8406,6 +8424,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            formatter: {
+                type: import("vue").PropType<(value: string) => string>;
+                default: (value: string) => string;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onFocus-changed"?: ((value: boolean) => any) | undefined;
@@ -8429,11 +8451,15 @@ export declare const components: {
             inputmode: "text" | "none" | "search" | "email" | "password" | "tel" | "url" | "numeric" | "decimal";
             readonly: boolean;
             showWordCount: boolean;
+            formatter: (value: string) => string;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"number" | "text" | "email" | "password" | "tel">;
+        };
         label: {
             type: import("vue").PropType<string>;
             default: string;
@@ -8491,7 +8517,7 @@ export declare const components: {
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
-        debounce: {
+        decimal: {
             type: import("vue").PropType<number>;
         };
         minLength: {
@@ -8514,6 +8540,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        formatter: {
+            type: import("vue").PropType<(value: string) => string>;
+            default: (value: string) => string;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onFocus-changed"?: ((value: boolean) => any) | undefined;
@@ -8540,6 +8570,7 @@ export declare const components: {
         inputmode: "text" | "none" | "search" | "email" | "password" | "tel" | "url" | "numeric" | "decimal";
         readonly: boolean;
         showWordCount: boolean;
+        formatter: (value: string) => string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;

package/dist/federation/{FmGlobalSearch.vue_vue_type_script_setup_true_lang-CiMM8hl_.js → FmGlobalSearch.vue_vue_type_script_setup_true_lang-cvAxQIsC.js}

@@ -1 +1 @@
-import{importShared as O,__tla as Ke}from"./__federation_fn_import-N00Fru_z.js";import Fe,{__tla as Le}from"./__federation_expose_FmTopSheet-8s89XgEU.js";import{_ as Me,__tla as ze}from"./FmSearch.vue_vue_type_script_setup_true_lang-SvYjsjff.js";import U,{__tla as Ne}from"./__federation_expose_FmButton-B89IqUqH.js";import{d as he}from"./index-geV2sl9x.js";import Pe,{__tla as $e}from"./__federation_expose_FmCircularProgress-DBm-LN_6.js";import{u as ye,__tla as Be}from"./useProxiedModel-iaHgr1SG.js";import ge,{__tla as Ae}from"./__federation_expose_FmIcon-CTtCgIlW.js";import{g as Ie}from"./_commonjsHelpers-Cpj98o6Y.js";import Re,{__tla as Ee}from"./__federation_expose_FmSpacer-D2XDCp5e.js";let _e,Je=Promise.all([(()=>{try{return Ke}catch{}})(),(()=>{try{return Le}catch{}})(),(()=>{try{return ze}catch{}})(),(()=>{try{return Ne}catch{}})(),(()=>{try{return $e}catch{}})(),(()=>{try{return Be}catch{}})(),(()=>{try{return Ae}catch{}})(),(()=>{try{return Ee}catch{}})()]).then(async()=>{var j={exports:{}};(function(L,w){(function(){var e={};L.exports=e,e.simpleFilter=function(o,a){return a.filter(function(r){return e.test(o,r)})},e.test=function(o,a){return e.match(o,a)!==null},e.match=function(o,a,r){r=r||{};var f=0,c=[],p=a.length,k=0,u=0,n=r.pre||"",K=r.post||"",B=r.caseSensitive&&a||a.toLowerCase(),C;o=r.caseSensitive&&o||o.toLowerCase();for(var _=0;_<p;_++)C=a[_],B[_]===o[f]?(C=n+C+K,f+=1,u+=1+u):u=0,k+=u,c[c.length]=C;return f===o.length?(k=B===o?1/0:k,{rendered:c.join(""),score:k}):null},e.filter=function(o,a,r){return!a||a.length===0?[]:typeof o!="string"?a:(r=r||{},a.reduce(function(f,c,p,k){var u=c;r.extract&&(u=r.extract(c));var n=e.match(o,u,r);return n!=null&&(f[f.length]={string:n.rendered,score:n.score,index:p,original:c}),f},[]).sort(function(f,c){var p=c.score-f.score;return p||f.index-c.index}))}})()})(j);var be=j.exports;const xe=Ie(be);function z(L,w){const[e]=xe.filter(L.toLocaleLowerCase(),[w],{pre:"|",post:"|",extract(a){return a.toLocaleLowerCase()}});if(!e)return{label:w,segments:[{segment:w,isMatch:!1}],matched:!1};const o=e.string.toString().replace(/\|\|/g,"").split("|").reduce((a,r,f)=>(a.push({segment:r,isMatch:f%2!==0}),a),new Array);return{label:w,segments:o,matched:!0}}let D,G,g,s,m,v,N,F,b,V,P,q,I,R,H,Q,T,W,X,Y,Z,ee,le,te,ae,re,oe,ne,se,ce,ue,ie,me,de,x,S,$,fe;({defineComponent:D}=await O("vue")),{unref:G,createVNode:g,createElementVNode:s,openBlock:m,createElementBlock:v,createCommentVNode:N,renderList:F,Fragment:b,toDisplayString:V,renderSlot:P,mergeProps:q,normalizeClass:I,createBlock:R,isRef:H,withCtx:Q}=await O("vue"),T={class:"flex flex-col gap-4"},W={class:"bg-white flex gap-4 px-24 py-8 sticky top-0"},X={class:"hidden sm:inline xs:inline"},Y={key:0},Z={key:0,class:"flex flex-col"},ee={class:"flex flex-col"},le={class:"flex items-center px-24 py-12"},te=s("div",{class:"fm-typo-en-body-md-400 text-fm-color-typo-secondary"}," Recent search ",-1),ae=s("div",{class:"py-4"},[s("hr",{class:"border-fm-color-neutral-gray-100"})],-1),re=["onClick"],oe={class:"fm-typo-en-body-lg-400 text-fm-color-typo-primary"},ne={class:"fm-typo-en-body-lg-400 px-24 py-12 text-center text-fm-color-primary"},se={class:"fm-typo-en-body-lg-400 px-24 py-12 text-center text-fm-color-typo-secondary"},ce={key:3,class:"flex flex-col"},ue=["onClick"],ie={class:"flex flex-col gap-4"},me={key:0,class:"text-fm-color-typo-secondary"},de={class:"px-16 py-4"},{computed:x,ref:S,watch:$}=await O("vue"),fe=5,_e=D({__name:"FmGlobalSearch",props:{show:{type:Boolean,default:!1},modelValue:{default:""},suggestions:{default:void 0},onSearch:{type:Function,default:void 0},placeholder:{default:""},hintPlaceholder:{default:""},notFoundPlaceholder:{default:""},recentSearchKey:{default:""}},emits:["dismiss","submit","update:show","update:modelValue"],setup(L,{emit:w}){const e=L,o=w;function a(){if(!e.recentSearchKey)return;const l=e.recentSearchKey;localStorage.removeItem(l),c.value=[]}function r(){if(!e.recentSearchKey)return;const l=e.recentSearchKey,t=localStorage.getItem(l);if(!t)return[];try{return JSON.parse(t)}catch{return new Array}}const f=he(function(l){if(!e.recentSearchKey)return;const t=e.recentSearchKey,d=l().trim();if(!t||!d)return;const h=r()??[],i=[...new Set([d,...h])].slice(0,fe),M=JSON.stringify(i);return localStorage.setItem(t,M),c.value=i,i},800),c=S(r()),p=ye(e,"show");$([()=>e.show],()=>{e.show?(n.value=null,e.suggestions&&ve()):o("dismiss")});const k=ye(e,"modelValue"),u=S(e.modelValue);$([()=>u.value],()=>{we()});const n=S(null),K=S(!0),B=x(()=>{var l;return K.value?(l=n.value)==null?void 0:l.slice(0,5):n.value});$([()=>n.value],([])=>{K.value=!0});const C=x(()=>n.value===null),_=S(!1),A=S(""),E=()=>u.value;async function ve(){if(!p.value)return;const l=E();if(!l)return;const t=Math.random().toString();if(A.value=t,e.suggestions){n.value=e.suggestions.map(d=>({label:z(l,d.label),sublabel:d.sublabel?z(l,d.sublabel):null})).filter(d=>{var h;return d.label.matched||((h=d.sublabel)==null?void 0:h.matched)}),f(E);return}if(e.onSearch)try{_.value=!0;const d=await e.onSearch(l);t===A.value&&(n.value=d.map(h=>({label:z(l,h.label),sublabel:h.sublabel?z(l,h.sublabel):null})))}catch{t===A.value&&(n.value=[])}finally{t===A.value&&(_.value=!1,f(E))}}function Se(l){p.value=!1,o("dismiss"),k.value=l}const we=he(ve),pe=x(()=>c.value&&c.value.length===0),ke=x(()=>(!u.value||C.value)&&!pe.value),Ce=x(()=>(!u.value||C.value)&&pe.value),Ve=x(()=>u.value&&n.value&&n.value.length===0);return(l,t)=>(m(),R(Fe,{"model-value":G(p),"onUpdate:modelValue":t[4]||(t[4]=d=>H(p)?p.value=d:null),"fullscreen-size":"sm","dismiss-away":""},{default:Q(()=>{var d,h;return[s("div",T,[s("div",W,[s("div",X,[g(U,{"prepend-icon":"arrow_back",variant:"tertiary",onClick:t[0]||(t[0]=i=>p.value=!1)})]),g(Me,{"model-value":u.value,"onUpdate:modelValue":t[1]||(t[1]=i=>u.value=i),class:"flex-1",placeholder:l.placeholder},null,8,["model-value","placeholder"])]),_.value?(m(),v("div",Y,[g(Pe,{size:"xl"})])):(m(),v(b,{key:1},[ke.value?(m(),v(b,{key:0},[l.recentSearchKey&&((d=c.value)!=null&&d.length)?(m(),v("div",Z,[s("div",ee,[s("div",le,[te,g(Re),g(U,{label:"Clear history",variant:"plain",size:"md",onClick:t[2]||(t[2]=i=>a())})]),ae]),s("div",null,[(m(!0),v(b,null,F(c.value,(i,M)=>(m(),v("div",{key:M,class:"cursor-pointer flex gap-8 hover:bg-fm-color-neutral-gray-100 items-center px-24 py-12",onClick:y=>u.value=i},[g(ge,{size:"lg",name:"history"}),s("div",oe,V(i),1)],8,re))),128))])])):N("",!0)],64)):Ce.value?P(l.$slots,"hint-placeholder",{key:1},()=>[s("div",ne,V(l.hintPlaceholder),1)]):Ve.value?P(l.$slots,"not-found-placeholder",{key:2},()=>[s("div",se,V(l.notFoundPlaceholder||`No result found for \u201C${u.value}\u201D`),1)]):(m(),v("div",ce,[(m(!0),v(b,null,F(B.value,(i,M)=>P(l.$slots,"search-result-item",q({key:M,ref_for:!0},{result:i}),()=>[s("div",{class:"cursor-pointer flex gap-16 hover:bg-fm-color-neutral-gray-100 items-center px-24 py-12 w-full",onClick:y=>Se(i.label.label)},[g(ge,{size:"lg",name:"arrow_forward"}),s("div",ie,[s("div",null,[(m(!0),v(b,null,F(i.label.segments,(y,J)=>(m(),v("span",{key:J,class:I({"fm-typo-en-body-lg-400":!y.isMatch,"fm-typo-en-body-lg-600":y.isMatch})},V(y.segment),3))),128))]),i.sublabel?(m(),v("div",me,[(m(!0),v(b,null,F(i.sublabel.segments,(y,J)=>(m(),v("span",{key:J,class:I({"fm-typo-en-body-md-400":!y.isMatch,"fm-typo-en-body-md-600":y.isMatch})},V(y.segment),3))),128))])):N("",!0)])],8,ue)])),128)),s("div",de,[K.value&&(((h=n.value)==null?void 0:h.length)??0)>5?(m(),R(U,{key:0,label:`show ${n.value.length-5} more results`,variant:"plain",onClick:t[3]||(t[3]=i=>K.value=!1)},null,8,["label"])):N("",!0)])]))],64))])]}),_:3},8,["model-value"]))}})});export{_e as _,Je as __tla};
+import{importShared as O,__tla as Ke}from"./__federation_fn_import-N00Fru_z.js";import Fe,{__tla as Le}from"./__federation_expose_FmTopSheet-8s89XgEU.js";import{_ as Me,__tla as ze}from"./FmSearch.vue_vue_type_script_setup_true_lang-ypsMTFJX.js";import U,{__tla as Ne}from"./__federation_expose_FmButton-B89IqUqH.js";import{d as he}from"./index-geV2sl9x.js";import Pe,{__tla as $e}from"./__federation_expose_FmCircularProgress-DBm-LN_6.js";import{u as ye,__tla as Be}from"./useProxiedModel-iaHgr1SG.js";import ge,{__tla as Ae}from"./__federation_expose_FmIcon-CTtCgIlW.js";import{g as Ie}from"./_commonjsHelpers-Cpj98o6Y.js";import Re,{__tla as Ee}from"./__federation_expose_FmSpacer-D2XDCp5e.js";let _e,Je=Promise.all([(()=>{try{return Ke}catch{}})(),(()=>{try{return Le}catch{}})(),(()=>{try{return ze}catch{}})(),(()=>{try{return Ne}catch{}})(),(()=>{try{return $e}catch{}})(),(()=>{try{return Be}catch{}})(),(()=>{try{return Ae}catch{}})(),(()=>{try{return Ee}catch{}})()]).then(async()=>{var j={exports:{}};(function(L,w){(function(){var e={};L.exports=e,e.simpleFilter=function(o,a){return a.filter(function(r){return e.test(o,r)})},e.test=function(o,a){return e.match(o,a)!==null},e.match=function(o,a,r){r=r||{};var f=0,c=[],p=a.length,k=0,u=0,n=r.pre||"",K=r.post||"",B=r.caseSensitive&&a||a.toLowerCase(),C;o=r.caseSensitive&&o||o.toLowerCase();for(var _=0;_<p;_++)C=a[_],B[_]===o[f]?(C=n+C+K,f+=1,u+=1+u):u=0,k+=u,c[c.length]=C;return f===o.length?(k=B===o?1/0:k,{rendered:c.join(""),score:k}):null},e.filter=function(o,a,r){return!a||a.length===0?[]:typeof o!="string"?a:(r=r||{},a.reduce(function(f,c,p,k){var u=c;r.extract&&(u=r.extract(c));var n=e.match(o,u,r);return n!=null&&(f[f.length]={string:n.rendered,score:n.score,index:p,original:c}),f},[]).sort(function(f,c){var p=c.score-f.score;return p||f.index-c.index}))}})()})(j);var be=j.exports;const xe=Ie(be);function z(L,w){const[e]=xe.filter(L.toLocaleLowerCase(),[w],{pre:"|",post:"|",extract(a){return a.toLocaleLowerCase()}});if(!e)return{label:w,segments:[{segment:w,isMatch:!1}],matched:!1};const o=e.string.toString().replace(/\|\|/g,"").split("|").reduce((a,r,f)=>(a.push({segment:r,isMatch:f%2!==0}),a),new Array);return{label:w,segments:o,matched:!0}}let D,G,g,s,m,v,N,F,b,V,P,q,I,R,H,Q,T,W,X,Y,Z,ee,le,te,ae,re,oe,ne,se,ce,ue,ie,me,de,x,S,$,fe;({defineComponent:D}=await O("vue")),{unref:G,createVNode:g,createElementVNode:s,openBlock:m,createElementBlock:v,createCommentVNode:N,renderList:F,Fragment:b,toDisplayString:V,renderSlot:P,mergeProps:q,normalizeClass:I,createBlock:R,isRef:H,withCtx:Q}=await O("vue"),T={class:"flex flex-col gap-4"},W={class:"bg-white flex gap-4 px-24 py-8 sticky top-0"},X={class:"hidden sm:inline xs:inline"},Y={key:0},Z={key:0,class:"flex flex-col"},ee={class:"flex flex-col"},le={class:"flex items-center px-24 py-12"},te=s("div",{class:"fm-typo-en-body-md-400 text-fm-color-typo-secondary"}," Recent search ",-1),ae=s("div",{class:"py-4"},[s("hr",{class:"border-fm-color-neutral-gray-100"})],-1),re=["onClick"],oe={class:"fm-typo-en-body-lg-400 text-fm-color-typo-primary"},ne={class:"fm-typo-en-body-lg-400 px-24 py-12 text-center text-fm-color-primary"},se={class:"fm-typo-en-body-lg-400 px-24 py-12 text-center text-fm-color-typo-secondary"},ce={key:3,class:"flex flex-col"},ue=["onClick"],ie={class:"flex flex-col gap-4"},me={key:0,class:"text-fm-color-typo-secondary"},de={class:"px-16 py-4"},{computed:x,ref:S,watch:$}=await O("vue"),fe=5,_e=D({__name:"FmGlobalSearch",props:{show:{type:Boolean,default:!1},modelValue:{default:""},suggestions:{default:void 0},onSearch:{type:Function,default:void 0},placeholder:{default:""},hintPlaceholder:{default:""},notFoundPlaceholder:{default:""},recentSearchKey:{default:""}},emits:["dismiss","submit","update:show","update:modelValue"],setup(L,{emit:w}){const e=L,o=w;function a(){if(!e.recentSearchKey)return;const l=e.recentSearchKey;localStorage.removeItem(l),c.value=[]}function r(){if(!e.recentSearchKey)return;const l=e.recentSearchKey,t=localStorage.getItem(l);if(!t)return[];try{return JSON.parse(t)}catch{return new Array}}const f=he(function(l){if(!e.recentSearchKey)return;const t=e.recentSearchKey,d=l().trim();if(!t||!d)return;const h=r()??[],i=[...new Set([d,...h])].slice(0,fe),M=JSON.stringify(i);return localStorage.setItem(t,M),c.value=i,i},800),c=S(r()),p=ye(e,"show");$([()=>e.show],()=>{e.show?(n.value=null,e.suggestions&&ve()):o("dismiss")});const k=ye(e,"modelValue"),u=S(e.modelValue);$([()=>u.value],()=>{we()});const n=S(null),K=S(!0),B=x(()=>{var l;return K.value?(l=n.value)==null?void 0:l.slice(0,5):n.value});$([()=>n.value],([])=>{K.value=!0});const C=x(()=>n.value===null),_=S(!1),A=S(""),E=()=>u.value;async function ve(){if(!p.value)return;const l=E();if(!l)return;const t=Math.random().toString();if(A.value=t,e.suggestions){n.value=e.suggestions.map(d=>({label:z(l,d.label),sublabel:d.sublabel?z(l,d.sublabel):null})).filter(d=>{var h;return d.label.matched||((h=d.sublabel)==null?void 0:h.matched)}),f(E);return}if(e.onSearch)try{_.value=!0;const d=await e.onSearch(l);t===A.value&&(n.value=d.map(h=>({label:z(l,h.label),sublabel:h.sublabel?z(l,h.sublabel):null})))}catch{t===A.value&&(n.value=[])}finally{t===A.value&&(_.value=!1,f(E))}}function Se(l){p.value=!1,o("dismiss"),k.value=l}const we=he(ve),pe=x(()=>c.value&&c.value.length===0),ke=x(()=>(!u.value||C.value)&&!pe.value),Ce=x(()=>(!u.value||C.value)&&pe.value),Ve=x(()=>u.value&&n.value&&n.value.length===0);return(l,t)=>(m(),R(Fe,{"model-value":G(p),"onUpdate:modelValue":t[4]||(t[4]=d=>H(p)?p.value=d:null),"fullscreen-size":"sm","dismiss-away":""},{default:Q(()=>{var d,h;return[s("div",T,[s("div",W,[s("div",X,[g(U,{"prepend-icon":"arrow_back",variant:"tertiary",onClick:t[0]||(t[0]=i=>p.value=!1)})]),g(Me,{"model-value":u.value,"onUpdate:modelValue":t[1]||(t[1]=i=>u.value=i),class:"flex-1",placeholder:l.placeholder},null,8,["model-value","placeholder"])]),_.value?(m(),v("div",Y,[g(Pe,{size:"xl"})])):(m(),v(b,{key:1},[ke.value?(m(),v(b,{key:0},[l.recentSearchKey&&((d=c.value)!=null&&d.length)?(m(),v("div",Z,[s("div",ee,[s("div",le,[te,g(Re),g(U,{label:"Clear history",variant:"plain",size:"md",onClick:t[2]||(t[2]=i=>a())})]),ae]),s("div",null,[(m(!0),v(b,null,F(c.value,(i,M)=>(m(),v("div",{key:M,class:"cursor-pointer flex gap-8 hover:bg-fm-color-neutral-gray-100 items-center px-24 py-12",onClick:y=>u.value=i},[g(ge,{size:"lg",name:"history"}),s("div",oe,V(i),1)],8,re))),128))])])):N("",!0)],64)):Ce.value?P(l.$slots,"hint-placeholder",{key:1},()=>[s("div",ne,V(l.hintPlaceholder),1)]):Ve.value?P(l.$slots,"not-found-placeholder",{key:2},()=>[s("div",se,V(l.notFoundPlaceholder||`No result found for \u201C${u.value}\u201D`),1)]):(m(),v("div",ce,[(m(!0),v(b,null,F(B.value,(i,M)=>P(l.$slots,"search-result-item",q({key:M,ref_for:!0},{result:i}),()=>[s("div",{class:"cursor-pointer flex gap-16 hover:bg-fm-color-neutral-gray-100 items-center px-24 py-12 w-full",onClick:y=>Se(i.label.label)},[g(ge,{size:"lg",name:"arrow_forward"}),s("div",ie,[s("div",null,[(m(!0),v(b,null,F(i.label.segments,(y,J)=>(m(),v("span",{key:J,class:I({"fm-typo-en-body-lg-400":!y.isMatch,"fm-typo-en-body-lg-600":y.isMatch})},V(y.segment),3))),128))]),i.sublabel?(m(),v("div",me,[(m(!0),v(b,null,F(i.sublabel.segments,(y,J)=>(m(),v("span",{key:J,class:I({"fm-typo-en-body-md-400":!y.isMatch,"fm-typo-en-body-md-600":y.isMatch})},V(y.segment),3))),128))])):N("",!0)])],8,ue)])),128)),s("div",de,[K.value&&(((h=n.value)==null?void 0:h.length)??0)>5?(m(),R(U,{key:0,label:`show ${n.value.length-5} more results`,variant:"plain",onClick:t[3]||(t[3]=i=>K.value=!1)},null,8,["label"])):N("",!0)])]))],64))])]}),_:3},8,["model-value"]))}})});export{_e as _,Je as __tla};