@spectrum-web-components/picker-button 0.1.0

package/stories/picker-button-sizes.stories.js

@@ -0,0 +1,25 @@
+"use strict";
+import { argTypes, Template } from "./index.js";
+import "../sp-picker-button.js";
+export default {
+  title: "Picker Button/Sizes",
+  component: "sp-picker-button",
+  ...argTypes
+};
+export const s = (args) => Template(args);
+s.args = { size: "s" };
+export const m = (args) => Template(args);
+m.args = { size: "m" };
+export const l = (args) => Template(args);
+l.args = { size: "l" };
+export const XL = (args) => Template(args);
+XL.args = { size: "xl" };
+export const sLabel = (args) => Template(args);
+sLabel.args = { size: "s", label: true };
+export const mLabel = (args) => Template(args);
+mLabel.args = { size: "m", label: true };
+export const lLabel = (args) => Template(args);
+lLabel.args = { size: "l", label: true };
+export const XLLabel = (args) => Template(args);
+XLLabel.args = { size: "xl", label: true };
+//# sourceMappingURL=picker-button-sizes.stories.js.map

package/stories/picker-button-sizes.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["picker-button-sizes.stories.ts"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { TemplateResult } from '@spectrum-web-components/base';\n\nimport { argTypes, StoryArgs, Template } from './index.js';\nimport '../sp-picker-button.js';\n\nexport default {\n    title: 'Picker Button/Sizes',\n    component: 'sp-picker-button',\n    ...argTypes,\n};\n\nexport const s = (args: StoryArgs): TemplateResult => Template(args);\ns.args = { size: 's' };\n\nexport const m = (args: StoryArgs): TemplateResult => Template(args);\nm.args = { size: 'm' };\n\nexport const l = (args: StoryArgs): TemplateResult => Template(args);\nl.args = { size: 'l' };\n\nexport const XL = (args: StoryArgs): TemplateResult => Template(args);\nXL.args = { size: 'xl' };\n\nexport const sLabel = (args: StoryArgs): TemplateResult => Template(args);\nsLabel.args = { size: 's', label: true };\n\nexport const mLabel = (args: StoryArgs): TemplateResult => Template(args);\nmLabel.args = { size: 'm', label: true };\n\nexport const lLabel = (args: StoryArgs): TemplateResult => Template(args);\nlLabel.args = { size: 'l', label: true };\n\nexport const XLLabel = (args: StoryArgs): TemplateResult => Template(args);\nXLLabel.args = { size: 'xl', label: true };\n"],
+  "mappings": ";AAaA,SAAS,UAAqB,gBAAgB;AAC9C,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,GAAG;AACP;AAEO,aAAM,IAAI,CAAC,SAAoC,SAAS,IAAI;AACnE,EAAE,OAAO,EAAE,MAAM,IAAI;AAEd,aAAM,IAAI,CAAC,SAAoC,SAAS,IAAI;AACnE,EAAE,OAAO,EAAE,MAAM,IAAI;AAEd,aAAM,IAAI,CAAC,SAAoC,SAAS,IAAI;AACnE,EAAE,OAAO,EAAE,MAAM,IAAI;AAEd,aAAM,KAAK,CAAC,SAAoC,SAAS,IAAI;AACpE,GAAG,OAAO,EAAE,MAAM,KAAK;AAEhB,aAAM,SAAS,CAAC,SAAoC,SAAS,IAAI;AACxE,OAAO,OAAO,EAAE,MAAM,KAAK,OAAO,KAAK;AAEhC,aAAM,SAAS,CAAC,SAAoC,SAAS,IAAI;AACxE,OAAO,OAAO,EAAE,MAAM,KAAK,OAAO,KAAK;AAEhC,aAAM,SAAS,CAAC,SAAoC,SAAS,IAAI;AACxE,OAAO,OAAO,EAAE,MAAM,KAAK,OAAO,KAAK;AAEhC,aAAM,UAAU,CAAC,SAAoC,SAAS,IAAI;AACzE,QAAQ,OAAO,EAAE,MAAM,MAAM,OAAO,KAAK;",
+  "names": []
+}

package/stories/picker-button.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+import { html } from "@spectrum-web-components/base";
+import { argTypes, Template } from "./index.js";
+import "../sp-picker-button.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-add.js";
+export default {
+  title: "Picker Button",
+  component: "sp-picker-button",
+  ...argTypes
+};
+export const active = (args) => Template(args);
+active.args = { active: true };
+export const customIcon = (args) => Template(args);
+customIcon.args = {
+  icon: html`
+        <sp-icon-add slot="icon"></sp-icon-add>
+    `
+};
+export const invalid = (args) => Template(args);
+invalid.args = { invalid: true };
+export const label = (args) => Template(args);
+label.args = { label: true };
+export const labelCustom = (args) => Template(args);
+labelCustom.args = { label: "Some" };
+export const open = (args) => Template(args);
+open.args = { open: true };
+export const positionLeft = (args) => Template(args);
+positionLeft.args = { position: "left" };
+export const positionRight = (args) => Template(args);
+positionRight.args = { position: "right" };
+export const rounded = (args) => Template(args);
+rounded.args = { rounded: true };
+export const roundedLabel = (args) => Template(args);
+roundedLabel.args = {
+  label: true,
+  rounded: true
+};
+//# sourceMappingURL=picker-button.stories.js.map

package/stories/picker-button.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["picker-button.stories.ts"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport { argTypes, StoryArgs, Template } from './index.js';\nimport '../sp-picker-button.js';\n\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-add.js';\n\nexport default {\n    title: 'Picker Button',\n    component: 'sp-picker-button',\n    ...argTypes,\n};\n\nexport const active = (args: StoryArgs): TemplateResult => Template(args);\nactive.args = { active: true };\n\nexport const customIcon = (args: StoryArgs): TemplateResult => Template(args);\ncustomIcon.args = {\n    icon: html`\n        <sp-icon-add slot=\"icon\"></sp-icon-add>\n    `,\n};\n\nexport const invalid = (args: StoryArgs): TemplateResult => Template(args);\ninvalid.args = { invalid: true };\n\nexport const label = (args: StoryArgs): TemplateResult => Template(args);\nlabel.args = { label: true };\n\nexport const labelCustom = (args: StoryArgs): TemplateResult => Template(args);\nlabelCustom.args = { label: 'Some' };\n\nexport const open = (args: StoryArgs): TemplateResult => Template(args);\nopen.args = { open: true };\n\nexport const positionLeft = (args: StoryArgs): TemplateResult => Template(args);\npositionLeft.args = { position: 'left' };\n\nexport const positionRight = (args: StoryArgs): TemplateResult =>\n    Template(args);\npositionRight.args = { position: 'right' };\n\nexport const rounded = (args: StoryArgs): TemplateResult => Template(args);\nrounded.args = { rounded: true };\n\nexport const roundedLabel = (args: StoryArgs): TemplateResult => Template(args);\nroundedLabel.args = {\n    label: true,\n    rounded: true,\n};\n"],
+  "mappings": ";AAYA,SAAS,YAA4B;AAErC,SAAS,UAAqB,gBAAgB;AAC9C,OAAO;AAEP,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,GAAG;AACP;AAEO,aAAM,SAAS,CAAC,SAAoC,SAAS,IAAI;AACxE,OAAO,OAAO,EAAE,QAAQ,KAAK;AAEtB,aAAM,aAAa,CAAC,SAAoC,SAAS,IAAI;AAC5E,WAAW,OAAO;AAAA,EACd,MAAM;AAAA;AAAA;AAGV;AAEO,aAAM,UAAU,CAAC,SAAoC,SAAS,IAAI;AACzE,QAAQ,OAAO,EAAE,SAAS,KAAK;AAExB,aAAM,QAAQ,CAAC,SAAoC,SAAS,IAAI;AACvE,MAAM,OAAO,EAAE,OAAO,KAAK;AAEpB,aAAM,cAAc,CAAC,SAAoC,SAAS,IAAI;AAC7E,YAAY,OAAO,EAAE,OAAO,OAAO;AAE5B,aAAM,OAAO,CAAC,SAAoC,SAAS,IAAI;AACtE,KAAK,OAAO,EAAE,MAAM,KAAK;AAElB,aAAM,eAAe,CAAC,SAAoC,SAAS,IAAI;AAC9E,aAAa,OAAO,EAAE,UAAU,OAAO;AAEhC,aAAM,gBAAgB,CAAC,SAC1B,SAAS,IAAI;AACjB,cAAc,OAAO,EAAE,UAAU,QAAQ;AAElC,aAAM,UAAU,CAAC,SAAoC,SAAS,IAAI;AACzE,QAAQ,OAAO,EAAE,SAAS,KAAK;AAExB,aAAM,eAAe,CAAC,SAAoC,SAAS,IAAI;AAC9E,aAAa,OAAO;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AACb;",
+  "names": []
+}

package/test/benchmark/basic-test.js

@@ -0,0 +1,8 @@
+"use strict";
+import "@spectrum-web-components/picker-button/sp-picker-button.js";
+import { html } from "@spectrum-web-components/base";
+import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
+measureFixtureCreation(html`
+    <sp-picker-button></sp-picker-button>
+`);
+//# sourceMappingURL=basic-test.js.map

package/test/benchmark/basic-test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["basic-test.ts"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport '@spectrum-web-components/picker-button/sp-picker-button.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-picker-button></sp-picker-button>\n`);\n"],
+  "mappings": ";AAWA,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA,CAEtB;",
+  "names": []
+}

package/test/picker-button-sizes.test-vrt.js

@@ -0,0 +1,5 @@
+"use strict";
+import * as stories from "../stories/picker-button-sizes.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("PickerButtonSizesStories", stories);
+//# sourceMappingURL=picker-button-sizes.test-vrt.js.map

package/test/picker-button-sizes.test-vrt.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["picker-button-sizes.test-vrt.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/picker-button-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('PickerButtonSizesStories', stories);\n"],
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAE/B,eAAe,4BAA4B,OAAO;",
+  "names": []
+}

package/test/picker-button.test-vrt.js

@@ -0,0 +1,5 @@
+"use strict";
+import * as stories from "../stories/picker-button.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("PickerButtonStories", stories);
+//# sourceMappingURL=picker-button.test-vrt.js.map

package/test/picker-button.test-vrt.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["picker-button.test-vrt.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/picker-button.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('PickerButtonStories', stories);\n"],
+  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAE/B,eAAe,uBAAuB,OAAO;",
+  "names": []
+}

package/test/picker-button.test.js

@@ -0,0 +1,34 @@
+"use strict";
+import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
+import "../sp-picker-button.js";
+import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
+describe("PickerButton", () => {
+  testForLitDevWarnings(
+    async () => await fixture(
+      html`
+                    <sp-picker-button label="More"></sp-picker-button>
+                `
+    )
+  );
+  it("loads default picker-button accessibly", async () => {
+    const el = await fixture(
+      html`
+                <sp-picker-button label="More"></sp-picker-button>
+            `
+    );
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+  it("loads labeled picker-button accessibly", async () => {
+    const el = await fixture(
+      html`
+                <sp-picker-button>
+                    <span slot="label">All</span>
+                </sp-picker-button>
+            `
+    );
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+});
+//# sourceMappingURL=picker-button.test.js.map

package/test/picker-button.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["picker-button.test.ts"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport '../sp-picker-button.js';\nimport { PickerButton } from '..';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('PickerButton', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<PickerButton>(\n                html`\n                    <sp-picker-button label=\"More\"></sp-picker-button>\n                `\n            )\n    );\n    it('loads default picker-button accessibly', async () => {\n        const el = await fixture<PickerButton>(\n            html`\n                <sp-picker-button label=\"More\"></sp-picker-button>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads labeled picker-button accessibly', async () => {\n        const el = await fixture<PickerButton>(\n            html`\n                <sp-picker-button>\n                    <span slot=\"label\">All</span>\n                </sp-picker-button>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n});\n"],
+  "mappings": ";AAWA,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,OAAO;AAEP,SAAS,6BAA6B;AAEtC,SAAS,gBAAgB,MAAM;AAC3B;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AACA,KAAG,0CAA0C,YAAY;AACrD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACD,KAAG,0CAA0C,YAAY;AACrD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA;AAAA;AAAA,IAKJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACL,CAAC;",
+  "names": []
+}