https://genseki.me/build/assets/Search-BkbTAOmM.js

1import{d as L,D as d,l as Q,P as T,r as U,c as A,w as p,o as r,h as a,F as g,i as C,b,a as t,t as H,s as m,g as E,K as I,u as h,j as P,M as v}from"./app-BzVVcsu6.js";import{b as z,_ as K,a as R,u as G}from"./NotePostItem.vue_vue_type_script_setup_true_lang-COlkSGGN.js";import{_ as J}from"./DaisyModal.vue_vue_type_script_setup_true_lang-7L4oYkiS.js";/* empty css            */import"./AppLayout.vue_vue_type_script_setup_true_lang-Cefeu9Rj.js";import"./Footer.vue_vue_type_script_setup_true_lang-BZ3fbili.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./debounce-Djnwtlrl.js";import"./BreadCrumb.vue_vue_type_script_setup_true_lang-C02toH6E.js";import"./FollowButton.vue_vue_type_script_setup_true_lang-DS9FO6Oq.js";import"./UserInfoBasic.vue_vue_type_script_setup_true_lang-D_8Y-PR3.js";import"./vee-validate-rules-BUGJsuqq.js";import"./url-Dg97EWXK.js";import"./ActionMessage.vue_vue_type_script_setup_true_lang-Ciu5QHSF.js";import"./DaisyModalBlock.vue_vue_type_script_setup_true_lang-CiDPAKtV.js";import"./ActionSheet.vue_vue_type_script_setup_true_lang-HHfDNv2g.js";import"./photoswipe-BlgNvgg5.js";const W={class:"on-surface--outline gap-modules flex h-full items-center border-b px-8 pt-0"},X={class:"relative w-full"},Y={class:"input flex h-[47px] w-full items-center gap-2 !border-none !outline-none"},Z={key:0,class:"surface radius--lg dropdown-content absolute left-0 top-[50px] z-10 w-full shadow-lg"},ee={class:"custom-scrollbar max-h-96 overflow-y-auto p-2"},te={class:"surface on-surface--outline flex items-center justify-between border-b px-4 py-2"},se={class:"surface"},oe=["onClick"],ne={class:"body-m on-surface line-clamp-2"},re=["onClick"],ae={class:"gap-modules flex justify-end pt-6"},le={key:1,class:"gap-components flex flex-col px-4 py-40 text-center"},ie={class:"body-m on-surface--variant"},$e=L({__name:"Search",props:{sketchNotes:{type:Object}},setup(y){const{searchHistory:x,addToHistory:$,removeFromHistory:S,clearHistory:j}=z(),{initVideoObserver:B,cleanupVideoObserver:N}=G(),n=d(""),k=new URL(window.location.href);if(k.search){const o=Object.fromEntries(k.searchParams),{q:e}=o;n.value=e??""}const V=[{name:"ホーム",path:"/"},{name:"スケッチノート",path:route("sketch-notes.index")},{name:`「${n.value}」のスケッチノート一覧`,path:route("sketch-notes.search",{q:n.value})}],l=d(n.value??""),_=d(!1),f=o=>{_.value=o},w=d(!1),i=o=>{w.value=o},M=()=>{l.value?v.get(route("sketch-notes.search"),{q:l.value}):v.get(route("sketch-notes.index"))},O=o=>{v.get(route("sketch-notes.search"),{q:o})},q=()=>{j(),f(!1),i(!1)},F=()=>{setTimeout(()=>{f(!1)},100)};return Q(()=>{n.value&&$(n.value),B()}),T(()=>{N()}),(o,e)=>{const D=U("inertia-link");return r(),A(R,{breadcrumbs:V},{header:p(()=>[t("div",W,[b(D,{href:o.route("sketch-notes.index")},{default:p(()=>[...e[5]||(e[5]=[t("span",{class:"material-symbols-rounded !text-[24px]"},"arrow_back_ios_new",-1)])]),_:1},8,["href"]),t("div",X,[t("form",{action:"/note",method:"get",onSubmit:m(M,["prevent"])},[t("label",Y,[e[6]||(e[6]=t("span",{class:"material-symbols-rounded on-surface--variant !text-[20px]"},"search",-1)),E(t("input",{ref:"inputSearchQuery","onUpdate:modelValue":e[0]||(e[0]=s=>l.value=s),type:"text",class:"w-full border-none p-0",style:{"box-shadow":"none"},placeholder:"検索",onFocus:e[1]||(e[1]=s=>f(!0)),onBlur:F},null,544),[[I,l.value]])])],32),_.value&&h(x).length>0?(r(),a("div",Z,[t("div",ee,[t("div",te,[e[7]||(e[7]=t("span",{class:"caption-m on-surface--variant"},"検索履歴",-1)),t("button",{type:"button",class:"body-m object-textlink hover:opacity-70",onClick:e[2]||(e[2]=m(s=>i(!0),["stop"]))}," すべて削除 ")]),t("div",se,[(r(!0),a(g,null,C(h(x),(s,c)=>(r(),a("div",{key:c,class:"on-surface--outline hover:surface-container flex cursor-pointer items-center justify-between px-4 py-3 [&:not(:last-child)]:border-b",onClick:m(u=>O(s),["stop"])},[t("span",ne,H(s),1),t("button",{type:"button",class:"btn btn-square btn-ghost btn-xs",onClick:m(u=>h(S)(s),["stop"]),"aria-label":"履歴を削除"},[...e[8]||(e[8]=[t("span",{class:"material-symbols-rounded on-surface !text-[20px]"},"close",-1)])],8,re)],8,oe))),128))])])])):P("",!0)]),b(J,{id:"confirm-clear-search-history-dropdown",modalBoxClass:"grid gap-components p-6",isOpen:w.value,onClose:e[4]||(e[4]=s=>i(!1))},{content:p(()=>[e[9]||(e[9]=t("p",{class:"title-s on-surface"},"検索履歴をすべて削除しますか？",-1)),t("div",ae,[t("button",{type:"button",class:"btn btn-outline",onClick:e[3]||(e[3]=s=>i(!1))}," キャンセル "),t("button",{type:"button",class:"btn btn-error",onClick:q},"削除する")])]),_:1},8,["isOpen"])])]),default:p(()=>{var s,c;return[(c=(s=y.sketchNotes)==null?void 0:s.data)!=null&&c.length?(r(!0),a(g,{key:0},C(y.sketchNotes.data,u=>(r(),a("div",{key:u.hashids,class:"on-surface--outline border-b last:border-0"},[b(K,{post:u},null,8,["post"])]))),128)):(r(),a("div",le,[t("p",ie,"「"+H(n.value)+"」の検索結果ã

1¯ã‚りません",1)]))]}),_:1})}}});export{$e as default};