https://aranami-diary.com/_next/static/chunks/96-6c1b3ad060c172b3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96],{9096:function(e,t,r){r.d(t,{Ds:function(){return p},Kn:function(){return u},h$:function(){return m},yb:function(){return x}});var n=r(7437),s=r(2265),l=r(1471),i=r(5173),a=r(6237),o=r(2929);let d={livers:[],grades:[],units:[]};function c(e){let{active:t,onClick:r,children:s,className:l=""}=e;return(0,n.jsx)("button",{type:"button",onClick:e=>{e.preventDefault(),r()},"aria-pressed":t,className:["inline-flex min-w-0 items-center rounded-md text-sm",t?"bg-rose text-white":"text-ink hover:bg-rose/5 hover:text-rose",l].join(" "),children:s})}function u(e,t){let r=new Set;return t.forEach(t=>{e.livers.includes(t.id)&&r.add(t.id),t.schoolGrade&&e.grades.includes(t.schoolGrade)&&r.add(t.id),e.units.includes(t.unitName||"ユニット記載なし")&&r.add(t.id)}),r}function x(e){return e.livers.length>0||e.grades.length>0||e.units.length>0}function p(){let[e,t]=(0,s.useState)(d);return(0,s.useEffect)(()=>{t(function(){let e=new URLSearchParams(window.location.search);return{livers:(0,i.bu)(e,"liver"),grades:(0,i.bu)(e,"grade"),units:(0,i.bu)(e,"unit")}}())},[]),{filters:e,applyFilters:function(e){let r=new URLSearchParams(window.location.search);r.delete("liver"),r.delete("grade"),r.delete("unit"),e.livers.forEach(e=>r.append("liver",e)),e.grades.forEach(e=>r.append("grade",e)),e.units.forEach(e=>r.append("unit",e));let n=r.toString(),s=n?"".concat(window.location.pathname,"?").concat(n):window.location.pathname;window.history.pushState(null,"",s),t(e)}}}function m(e){var t,r;let{livers:u,filters:p,onChange:m,summary:b,clearLabel:h="フィルタをクリア",open:f,onOpenChange:g,matchMode:v,onMatchModeChange:w,matchModeCopy:j}=e,[N,y]=(0,s.useState)(!1),k=null!=f?f:N,C=e=>{let t="function"==typeof e?e(k):e;g?g(t):y(t)},U=(0,s.useMemo)(()=>(0,l.i)(u,{gradeOrder:["1年生","2年生","3年生","編入"],unitFallback:"ユニット記載なし",sortLivers:(e,t)=>e.kana.localeCompare(t.kana,"ja")}).map(e=>{let{grade:t,units:r}=e;return{grade:t,units:r.map(e=>({name:e.unitName,livers:e.livers}))}}),[u]),D=(0,s.useMemo)(()=>new Map(u.map(e=>[e.id,e])),[u]),S=x(p),_=!!(v&&w),A=[...p.grades.map(e=>({key:"grade-".concat(e),label:e,next:{...p,grades:(0,i.tU)(p.grades,e)}})),...p.units.map(e=>({key:"unit-".concat(e),label:e,next:{...p,units:(0,i.tU)(p.units,e)}})),...p.livers.map(e=>{var t;let r=D.get(e);return{key:"liver-".concat(e),label:null!==(t=null==r?void 0:r.name)&&void 0!==t?t:e,next:{...p,livers:(0,i.tU)(p.livers,e)}}})];return(0,n.jsxs)("section",{className:"fixed bottom-5 right-4 z-[90] sm:right-6",children:[k&&(0,n.jsx)("button",{type:"button","aria-label":"生徒フィルターパネルの外側を閉じる",onClick:()=>C(!1),className:"fixed inset-0 z-[60] cursor-default bg-ink/10"}),(0,n.jsxs)("button",{type:"button","aria-expanded":k,"aria-controls":"roster-filter-panel",onClick:()=>C(e=>!e),className:"relative z-[80] grid h-14 w-14 place-items-center rounded-full border-2 border-wine bg-wine text-white shadow-xl hover:bg-rose focus:outline-none focus:ring-4 focus:ring-rose/20","aria-label":k?"生徒フィルターを閉じる":"生徒フィルターを開く",children:[(0,n.jsx)("svg",{viewBox:"0 0 24 24",className:"h-6 w-6","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M4 6h16l-6 7v4.5l-4 2V13L4 6Z",fill:"none",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:"2"})}),A.length>0&&(0,n.jsx)("span",{className:"absolute -right-1 -top-1 grid h-6 min-w-6 place-items-center rounded-full border-2 border-white bg-rose px-1 text-[11px] font-bold text-white",children:A.length})]}),(0,n.jsxs)("section",{id:"roster-filter-panel",className:["fixed bottom-24 left-4 right-4 z-[70] max-h-[72vh] overflow-auto rounded-lg border-2 border-wine bg-card p-4 shadow-xl sm:left-auto sm:right-6 sm:w-[min(420px,calc(100vw-2rem))]",k?"block":"hidden"].join(" "),children:[(0,n.jsxs)("div",{className:"mb-3 flex flex-wrap items-center justify-between gap-2",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"font-pixel text-xs text-wine",children:"生徒フィルター"}),(0,n.jsx)("p",{className:"mt-1 text-xs font-bold text-muted",children:"学年・ユニット・生徒（ライバー）で絞り込みます。"})]}),(0,n.jsx)("button",{type:"button",onClick:()=>C(!1),className:"rounded border border-wine bg-white px-3 py-1 text-sm font-bold text-wine hover:bg-rose/5",children:"パネルを閉じる"})]}),(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsx)("div",{className:"rounded border border-line bg-white px-3 py-2 text-sm",children:b}),A.length>0&&(0,n.jsxs)("div",{className:"flex flex-wrap items-center gap-2 rounded border border-rose/40 bg-white px-3 py-2 text-sm",children:[(0,n.jsx)("span",{className:"font-bold text-wine",children:"選択中"}),A.map(e=>(0,n.jsxs)("button",{type:"button",onClick:()=>m(e.next),className:"rounded-full bg-rose px-3 py-1 text-xs font-bold text-white hover:bg-wine","aria-label":"".concat(e.label,"の選択を解除"),children:[e.label," \xd7"]},e.key))]}),_&&v&&w&&(0,n.jsxs)("div",{className:"rounded-lg border border-rose/40 bg-rose/5 px-3 py-2",children:[(0,n.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[(0,n.jsx)("h3",{className:"text-xs font-bold text-wine",children:"AND / OR 検索"}),(0,n.jsx)("div",{className:"flex gap-2",role:"group","aria-label":"生徒の AND / OR 検索切り替え",children:Object.keys(i.js).map(e=>(0,n.jsx)("button",{type:"button",onClick:()=>w(e),"aria-pressed":v===e,className:(0,a.em)(v===e),children:i.js[e]},e))})]}),(0,n.jsx)("p",{className:"mt-1 text-xs font-bold text-muted",children:"all"===v?null!==(t=null==j?void 0:j.all)&&void 0!==t?t:"AND：選んだ生徒が全員そろう切り抜きだけ表示します":null!==(r=null==j?void 0:j.any)&&void 0!==r?r:"OR：選んだ生徒のいずれかが映る切り抜きを表示します"}

1),"all"===v&&(j?j.allNote:"※判定は元動画の表示（タイトル・概要など）に準拠するため、全員が実際に共演しているとは限りません。")&&(0,n.jsx)("p",{className:"mt-1 text-[11px] leading-relaxed text-muted",children:j?j.allNote:"※判定は元動画の表示（タイトル・概要など）に準拠するため、全員が実際に共演しているとは限りません。"})]}),(0,n.jsxs)("details",{open:!0,className:"rounded-lg border border-line bg-white",children:[(0,n.jsxs)("summary",{className:"flex cursor-pointer select-none flex-wrap items-center justify-between gap-2 px-3 py-2",children:[(0,n.jsx)("span",{className:"text-xs font-bold text-muted",children:"名簿ツリー"}),(0,n.jsx)("span",{className:"text-xs text-muted",children:"学年 → ユニット → ライバー"})]}),(0,n.jsx)("div",{className:"border-t border-line px-3 py-2",children:U.map(e=>{let t=p.grades.includes(e.grade);return(0,n.jsxs)("section",{className:"border-t border-line first:border-t-0",children:[(0,n.jsxs)(c,{active:t,onClick:()=>m({...p,grades:(0,i.tU)(p.grades,e.grade)}),className:"mt-2 w-full justify-between px-2 py-1.5 font-bold first:mt-0",children:[(0,n.jsxs)("span",{className:"flex items-center gap-2",children:[(0,n.jsx)(o.wT,{grade:e.grade}),e.grade]}),(0,n.jsxs)("span",{className:"rounded-full bg-current/10 px-2 py-0.5 text-[11px] opacity-80",children:[e.units.reduce((e,t)=>e+t.livers.length,0),"名"]})]}),(0,n.jsx)("div",{className:"ml-3 border-l border-line/80 py-1 pl-3",children:e.units.map(e=>{let t=p.units.includes(e.name);return(0,n.jsxs)("div",{className:"relative py-1",children:[(0,n.jsx)("span",{className:"absolute -left-3 top-4 h-px w-2 bg-line","aria-hidden":"true"}),(0,n.jsxs)(c,{active:t,onClick:()=>m({...p,units:(0,i.tU)(p.units,e.name)}),className:"w-full justify-between px-2 py-1 font-bold",children:[(0,n.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,n.jsx)(o.mp,{}),(0,n.jsx)("span",{className:"truncate",children:e.name})]}),(0,n.jsxs)("span",{className:"rounded-full bg-current/10 px-2 py-0.5 text-[11px] opacity-80",children:[e.livers.length,"名"]})]}),(0,n.jsx)("div",{className:"ml-3 mt-1 space-y-0.5 border-l border-line/60 pl-3",children:e.livers.map(e=>(0,n.jsxs)(c,{active:p.livers.includes(e.id),onClick:()=>m({...p,livers:(0,i.tU)(p.livers,e.id)}),className:"relative w-full justify-between gap-2 px-2 py-1 text-[13px]",children:[(0,n.jsx)("span",{className:"absolute -left-3 top-1/2 h-px w-2 bg-line","aria-hidden":"true"}),(0,n.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,n.jsx)(o.uD,{liver:e}),(0,n.jsx)("span",{className:"truncate",children:e.name})]})]},e.id))})]},e.name)})})]},e.grade)})})]}),S&&(0,n.jsx)("button",{type:"button",onClick:()=>m(d),className:"inline-block text-sm text-rose underline",children:h})]})]})]})}},2929:function(e,t,r){r.d(t,{mp:function(){return a},uD:function(){return o},wT:function(){return i}});var n=r(7437),s=r(9615),l=r(2048);function i(e){var t;let{grade:r}=e;return(0,n.jsx)("span",{className:"roster-ribbon shrink-0",style:{"--grade-color":null!==(t=(0,s.cC)(r))&&void 0!==t?t:"var(--rose)"},"aria-hidden":"true",children:(0,n.jsx)("i",{})})}function a(){return(0,n.jsx)("span",{className:"relative h-4 w-5 shrink-0 rounded-sm border border-current/35 bg-current/10","aria-hidden":"true",children:(0,n.jsx)("span",{className:"absolute -top-1 left-0 h-1.5 w-2.5 rounded-t-sm border border-current/35 border-b-0 bg-white"})})}function o(e){let{liver:t}=e;return(0,n.jsx)(l.AvatarImage,{src:t.avatar,alt:"",className:"h-5 w-5 shrink-0 rounded-full border border-white object-cover shadow-[0_0_0_1px_var(--line)]"})}},6237:function(e,t,r){r.d(t,{BU:function(){return s},em:function(){return l},oZ:function(){return n}});let n="rounded-full border border-line bg-white px-2 py-0.5 text-[11px] font-bold text-muted hover:border-rose hover:text-rose disabled:opacity-50",s="focus:outline-none focus:ring-4 focus:ring-rose/20";function l(e){return["rounded-full border px-3 py-1.5 text-xs font-bold",e?"border-wine bg-wine text-white":"border-line bg-white text-wine hover:border-rose"].join(" ")}},5173:function(e,t,r){function n(e,t){return e.getAll(t).flatMap(e=>e.split(",")).map(e=>

1e.trim()).filter(Boolean)}function s(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}r.d(t,{bu:function(){return n},js:function(){return l},tU:function(){return s}});let l={any:"OR（いずれか）",all:"AND（すべて）"}},9615:function(e,t,r){r.d(t,{cC:function(){return l},nb:function(){return s}});let n={"3年生":{label:"3年",ribbon:"緑リボン",color:"var(--grade-3)",caption:"参加ライバー一覧：3年生"},"2年生":{label:"2年",ribbon:"水色リボン",color:"var(--grade-2)",caption:"参加ライバー一覧：2年生"},"1年生":{label:"1年",ribbon:"ピンクリボン",color:"var(--grade-1)",caption:"参加ライバー一覧：1年生"}},s=["1年生","2年生","3年生"];function l(e){return e&&e in n?n[e].color:void 0}},1471:function(e,t,r){r.d(t,{i:function(){return n}});function n(e,t){let{gradeOrder:r,unitFallback:n,sortLivers:s,sortUnits:l=(e,t)=>e.localeCompare(t,"ja")}=t;return r.map(t=>{let r=e.filter(e=>e.schoolGrade===t);return{grade:t,units:Array.from(new Set(r.map(e=>e.unitName||n))).sort(l).map(e=>({unitName:e,livers:r.filter(t=>(t.unitName||n)===e).sort(s)}))}}).filter(e=>e.units.some(e=>e.livers.length>0))}}}]);