FilterMenu

FilterMenuController を filter-menu として登録します。id は画面内で一意にし、label に開く操作の文言、title にパネルの見出し、options に候補を渡します。

見た目は DropdownMenu と同じ白いパネル（1px #bbb の枠、角丸5px、外への柔らかい影）に黒い12pxの文字で、上に一行の入力欄と同じ絞り込みの欄（1px #dedede の枠、角丸2px）、その下に灰色の小さな太字（11px）の見出しと候補を28pxの間隔で並べます。選んだ候補は太字にしてチェックを置き、ホバーした候補と矢印キーで選んでいる候補は角の無い淡い青（--rx-option-active、#ddeefe）に黒い文字にします。ピルで囲みません。使えない候補は文字だけを灰色にします。開閉はその場で切り替え、アニメーションはしません。中に文字の欄を持つため、メニューではなく、コンボボックス（絞り込みの欄）とリストボックス（候補）を載せたパネルにしています。パネルは標準のPopover APIで開き、開く操作に揃えて置きます。Escapeとパネルの外側を押すと閉じます。

開くと前に打った文字を消し、絞り込みの欄へ移ります。打った文字を名前に含む候補だけを残し（大文字と小文字は区別しません）、残った最初の候補を選ぶ位置にします。当てはまる候補が無い時は emptyLabel を出します。

multiple なら開いたまま選択のチェックを切り替え、そうでなければ選んだ一つにチェックを付けて閉じます。一つだけの時は、選んだ候補を選び直しても外れません。候補には icon・shortcut・disabled を添えられます。shortcut は表示だけで、キーの登録は利用側が行います。

選ぶたびに filter-menu:select を出します。name を渡すと、候補ごとに隠し入力を置き、選んだ候補の値だけをフォームで送ります。

createLabel を渡すと絞り込みの欄の隣に作る操作を置き、押すと filter-menu:create を発火し、打った文字を渡します。候補を作ってパネルの候補に加える処理と、選んだ結果の保存は利用側が行います。

JavaScriptなしでもパネルは標準のPopover APIで開閉し、初めから選んだ候補の値は送信されますが、絞り込みと選択はできません。