/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
// eslint-disable-next-line import/no-unassigned-import
import "./panel-list.js";
import { html, ifDefined } from "../vendor/lit.all.mjs";
export default {
title: "UI Widgets/Panel List",
component: "panel-list",
parameters: {
status: "in-development",
actions: {
handles: ["showing", "shown", "hidden", "click"],
},
fluent: `
panel-list-item-one = Item One
panel-list-item-two = Item Two (accesskey w)
panel-list-item-three = Item Three
panel-list-checked = Checked
panel-list-badged = Badged, look at me
panel-list-passwords = Passwords
panel-list-settings = Settings
`,
},
};
function openMenu(event) {
if (
event.type == "mousedown" ||
event.inputSource == MouseEvent.MOZ_SOURCE_KEYBOARD ||
!event.detail
) {
event.target.getRootNode().querySelector("panel-list").toggle(event);
}
}
const Template = ({ isOpen, items, wideAnchor }) =>
html`
${isOpen
? ""
: html`
`}
"
? html`
`
: html`