@feedmepos/ui-library 1.2.30 → 1.2.31

package/dist/components/form/search/FmSearch.vue.d.ts

@@ -16,6 +16,7 @@ export interface FmSearchProps extends FormChildProps {
     /** Collapse component into search icon instead when empty */
     collapsible?: boolean;
     maxWidth?: string | number;
+    autofocus?: boolean;
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmSearchProps>, {
     label: string;
@@ -39,6 +40,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     showWordCount: boolean;
     collapsible: boolean;
     maxWidth: undefined;
+    autofocus: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmSearchProps>, {
     label: string;
     disabled: undefined;
@@ -61,6 +63,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     showWordCount: boolean;
     collapsible: boolean;
     maxWidth: undefined;
+    autofocus: boolean;
 }>>>, {
     label: string;
     disabled: boolean;
@@ -77,6 +80,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     inputmode: "text" | "none" | "search" | "email" | "tel" | "url" | "decimal" | "numeric";
     readonly: boolean;
     showWordCount: boolean;
+    autofocus: boolean;
     showSuccess: boolean;
     prependText: string;
     appendText: string;

package/dist/components/form/textarea/FmTextarea.vue.d.ts

@@ -12,6 +12,7 @@ export interface FmTextareaProps extends FormChildProps {
     helperText?: string;
     helperState?: 'success' | 'warning' | 'error' | 'none';
     showWordCount?: boolean;
+    autofocus?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTextareaProps>, {
     label: string;
@@ -30,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showValidBorder: boolean;
     labelInfo: string;
     showWordCount: boolean;
+    autofocus: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTextareaProps>, {
@@ -49,6 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showValidBorder: boolean;
     labelInfo: string;
     showWordCount: boolean;
+    autofocus: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
@@ -67,6 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maxLength: number;
     readonly: boolean;
     showWordCount: boolean;
+    autofocus: boolean;
     showSuccess: boolean;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/table/FmTable.vue.d.ts

@@ -62,6 +62,8 @@ export interface FmTableProps {
     wholeRowDraggable?: boolean;
     /** expanded state */
     expandedState?: ExpandedState;
+    /** custom function to decide if row can expand */
+    getRowCanExpand?: (row: Row<any>) => boolean;
     /** Customize subRow attribute */
     getSubRow?: (row: any) => undefined | any[];
     onVuedraggableMove: (context: {
@@ -153,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     pinHeaderRow: boolean;
     onRowClick: (row: Row<any>) => void;
     shrinkAt: number | false | Breakpoints;
+    getRowCanExpand: (row: Row<any>) => boolean;
     getSubRow: (row: any) => any[] | undefined;
     onVuedraggableMove: (context: {
         draggedContext: {

package/dist/components.d.ts

@@ -6930,6 +6930,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        autofocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showSuccess: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7014,6 +7018,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        autofocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showSuccess: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7046,6 +7054,7 @@ export declare const components: {
         inputmode: "text" | "none" | "search" | "email" | "tel" | "url" | "decimal" | "numeric";
         readonly: boolean;
         showWordCount: boolean;
+        autofocus: boolean;
         showSuccess: boolean;
         prependText: string;
         appendText: string;
@@ -9003,6 +9012,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autofocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSuccess: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -9073,6 +9086,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autofocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSuccess: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -9095,6 +9112,7 @@ export declare const components: {
             maxLength: number;
             readonly: boolean;
             showWordCount: boolean;
+            autofocus: boolean;
             showSuccess: boolean;
         }, true, {}, {}, {
             P: {};
@@ -9165,6 +9183,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            autofocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSuccess: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -9187,6 +9209,7 @@ export declare const components: {
             maxLength: number;
             readonly: boolean;
             showWordCount: boolean;
+            autofocus: boolean;
             showSuccess: boolean;
         }>;
         __isFragment?: undefined;
@@ -9254,6 +9277,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        autofocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showSuccess: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -9278,6 +9305,7 @@ export declare const components: {
         maxLength: number;
         readonly: boolean;
         showWordCount: boolean;
+        autofocus: boolean;
         showSuccess: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -11669,6 +11697,10 @@ export declare const components: {
             expandedState: {
                 type: import("vue").PropType<import("./components/table/FmTable.vue").ExpandedState>;
             };
+            getRowCanExpand: {
+                type: import("vue").PropType<(row: import("./components/table/FmTable.vue").Row<any>) => boolean>;
+                default: () => true;
+            };
             getSubRow: {
                 type: import("vue").PropType<(row: any) => any[] | undefined>;
                 default: (row: any) => any;
@@ -11880,6 +11912,10 @@ export declare const components: {
             expandedState: {
                 type: import("vue").PropType<import("./components/table/FmTable.vue").ExpandedState>;
             };
+            getRowCanExpand: {
+                type: import("vue").PropType<(row: import("./components/table/FmTable.vue").Row<any>) => boolean>;
+                default: () => true;
+            };
             getSubRow: {
                 type: import("vue").PropType<(row: any) => any[] | undefined>;
                 default: (row: any) => any;
@@ -12017,6 +12053,7 @@ export declare const components: {
             pinHeaderRow: boolean;
             onRowClick: (row: import("./components/table/FmTable.vue").Row<any>) => void;
             shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
+            getRowCanExpand: (row: import("./components/table/FmTable.vue").Row<any>) => boolean;
             getSubRow: (row: any) => any[] | undefined;
             onVuedraggableMove: (context: {
                 draggedContext: {
@@ -12218,6 +12255,10 @@ export declare const components: {
             expandedState: {
                 type: import("vue").PropType<import("./components/table/FmTable.vue").ExpandedState>;
             };
+            getRowCanExpand: {
+                type: import("vue").PropType<(row: import("./components/table/FmTable.vue").Row<any>) => boolean>;
+                default: () => true;
+            };
             getSubRow: {
                 type: import("vue").PropType<(row: any) => any[] | undefined>;
                 default: (row: any) => any;
@@ -12355,6 +12396,7 @@ export declare const components: {
             pinHeaderRow: boolean;
             onRowClick: (row: import("./components/table/FmTable.vue").Row<any>) => void;
             shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
+            getRowCanExpand: (row: import("./components/table/FmTable.vue").Row<any>) => boolean;
             getSubRow: (row: any) => any[] | undefined;
             onVuedraggableMove: (context: {
                 draggedContext: {
@@ -12553,6 +12595,10 @@ export declare const components: {
         expandedState: {
             type: import("vue").PropType<import("./components/table/FmTable.vue").ExpandedState>;
         };
+        getRowCanExpand: {
+            type: import("vue").PropType<(row: import("./components/table/FmTable.vue").Row<any>) => boolean>;
+            default: () => true;
+        };
         getSubRow: {
             type: import("vue").PropType<(row: any) => any[] | undefined>;
             default: (row: any) => any;
@@ -12695,6 +12741,7 @@ export declare const components: {
         pinHeaderRow: boolean;
         onRowClick: (row: import("./components/table/FmTable.vue").Row<any>) => void;
         shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
+        getRowCanExpand: (row: import("./components/table/FmTable.vue").Row<any>) => boolean;
         getSubRow: (row: any) => any[] | undefined;
         onVuedraggableMove: (context: {
             draggedContext: {

package/dist/composables/useAutoFocus.d.ts

@@ -0,0 +1,2 @@
+import { type Ref } from 'vue';
+export declare function useAutoFocus(element: Ref<HTMLElement | null>, condition: Ref<boolean>): void;

package/dist/federation/{FmGlobalSearch.vue_vue_type_script_setup_true_lang-Eu3X-PGk.js → FmGlobalSearch.vue_vue_type_script_setup_true_lang-BASrRQMX.js}

@@ -1 +1 @@
-import{importShared as O,__tla as Ke}from"./__federation_fn_import-CYKgoy9p.js";import Fe,{__tla as Le}from"./__federation_expose_FmTopSheet-DtYI5ulE.js";import{_ as Me,__tla as ze}from"./FmSearch.vue_vue_type_script_setup_true_lang-CvSCemCy.js";import U,{__tla as Ne}from"./__federation_expose_FmButton-Cty3oy3R.js";import{d as he}from"./index-CH5pnGY6.js";import Pe,{__tla as $e}from"./__federation_expose_FmCircularProgress-BPQ513nn.js";import{u as ye,__tla as Be}from"./useProxiedModel-DbArcH0F.js";import ge,{__tla as Ae}from"./__federation_expose_FmIcon-BbkanMuo.js";import{a as Ie}from"./_commonjsHelpers-C4iS2aBk.js";import Re,{__tla as Ee}from"./__federation_expose_FmSpacer-NyWv__n8.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-CYKgoy9p.js";import Fe,{__tla as Le}from"./__federation_expose_FmTopSheet-DtYI5ulE.js";import{_ as Me,__tla as ze}from"./FmSearch.vue_vue_type_script_setup_true_lang-DMc1vDz2.js";import U,{__tla as Ne}from"./__federation_expose_FmButton-Cty3oy3R.js";import{d as he}from"./index-CH5pnGY6.js";import Pe,{__tla as $e}from"./__federation_expose_FmCircularProgress-BPQ513nn.js";import{u as ye,__tla as Be}from"./useProxiedModel-DbArcH0F.js";import ge,{__tla as Ae}from"./__federation_expose_FmIcon-BbkanMuo.js";import{a as Ie}from"./_commonjsHelpers-C4iS2aBk.js";import Re,{__tla as Ee}from"./__federation_expose_FmSpacer-NyWv__n8.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};