@spectrum-web-components/picker 0.13.0 → 0.13.2

package/stories/picker.stories.js

@@ -1,10 +1,84 @@
-import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-components/picker/sp-picker.js";import"@spectrum-web-components/menu/sp-menu-item.js";import"@spectrum-web-components/menu/sp-menu-divider.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-edit.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-copy.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-delete.js";import{states as n}from"./states.js";import"@spectrum-web-components/field-label/sp-field-label.js";import{spreadProps as s}from"../../../test/lit-helpers.js";export default{title:"Picker",component:"sp-picker",args:{disabled:!1,invalid:!1,open:!1,quiet:!1},argTypes:{onChange:{action:"change"},disabled:{name:"disabled",type:{name:"boolean",required:!1},description:"Disable this control. It will not receive focus or events.",table:{type:{summary:"boolean"},defaultValue:{summary:!1}},control:{type:"boolean"}},invalid:{name:"invalid",type:{name:"boolean",required:!1},table:{type:{summary:"boolean"},defaultValue:{summary:!1}},control:{type:"boolean"}},open:{name:"open",type:{name:"boolean",required:!1},description:"Whether the menu is open or not.",table:{type:{summary:"boolean"},defaultValue:{summary:!1}},control:"boolean"},quiet:{name:"quiet",type:{name:"boolean",required:!1},table:{type:{summary:"boolean"},defaultValue:{summary:!1}},control:{type:"boolean"}}}};const i=({onChange:e})=>l=>{const p=l.target;e&&e(p.value)};export const Default=e=>t`
+"use strict";
+import { html } from "@spectrum-web-components/base";
+import "@spectrum-web-components/picker/sp-picker.js";
+import "@spectrum-web-components/menu/sp-menu-item.js";
+import "@spectrum-web-components/menu/sp-menu-divider.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-edit.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-copy.js";
+import "@spectrum-web-components/icons-workflow/icons/sp-icon-delete.js";
+import { states } from "./states.js";
+import "@spectrum-web-components/field-label/sp-field-label.js";
+import { spreadProps } from "../../../test/lit-helpers.js";
+export default {
+  title: "Picker",
+  component: "sp-picker",
+  args: {
+    disabled: false,
+    invalid: false,
+    open: false,
+    quiet: false
+  },
+  argTypes: {
+    onChange: { action: "change" },
+    disabled: {
+      name: "disabled",
+      type: { name: "boolean", required: false },
+      description: "Disable this control. It will not receive focus or events.",
+      table: {
+        type: { summary: "boolean" },
+        defaultValue: { summary: false }
+      },
+      control: {
+        type: "boolean"
+      }
+    },
+    invalid: {
+      name: "invalid",
+      type: { name: "boolean", required: false },
+      table: {
+        type: { summary: "boolean" },
+        defaultValue: { summary: false }
+      },
+      control: {
+        type: "boolean"
+      }
+    },
+    open: {
+      name: "open",
+      type: { name: "boolean", required: false },
+      description: "Whether the menu is open or not.",
+      table: {
+        type: { summary: "boolean" },
+        defaultValue: { summary: false }
+      },
+      control: "boolean"
+    },
+    quiet: {
+      name: "quiet",
+      type: { name: "boolean", required: false },
+      table: {
+        type: { summary: "boolean" },
+        defaultValue: { summary: false }
+      },
+      control: {
+        type: "boolean"
+      }
+    }
+  }
+};
+const handleChange = ({ onChange }) => (event) => {
+  const picker = event.target;
+  if (onChange)
+    onChange(picker.value);
+};
+export const Default = (args) => {
+  return html`
         <sp-field-label for="picker-1">Where do you live?</sp-field-label>
         <sp-picker
             id="picker-1"
-            @change=${i(e)}
+            @change=${handleChange(args)}
             label="Select a Country with a very long label, too long, in fact"
-            ${s(e)}
+            ${spreadProps(args)}
         >
             <sp-menu-item>Deselect</sp-menu-item>
             <sp-menu-item>Select Inverse</sp-menu-item>
@@ -21,12 +95,15 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
             <a href="#anchor">link</a>
             .
         </p>
-    `,quiet=e=>t`
+    `;
+};
+export const quiet = (args) => {
+  return html`
         <sp-field-label for="picker-quiet">Where do you live?</sp-field-label>
         <sp-picker
-            ${s(e)}
+            ${spreadProps(args)}
             id="picker-quiet"
-            @change=${i(e)}
+            @change=${handleChange(args)}
             label="Pick an item"
         >
             <sp-menu-item value="1">Item 1</sp-menu-item>
@@ -41,14 +118,20 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
             <a href="#anchor">link</a>
             .
         </p>
-    `;quiet.args={quiet:!0};export const icons=e=>t`
+    `;
+};
+quiet.args = {
+  quiet: true
+};
+export const icons = (args) => {
+  return html`
         <sp-field-label for="picker-quiet">
             Choose an action type...
         </sp-field-label>
         <sp-picker
-            ...=${s(e)}
+            ...=${spreadProps(args)}
             id="picker-quiet"
-            @change=${i(e)}
+            @change=${handleChange(args)}
             label="Pick an action"
             value="1"
         >
@@ -65,14 +148,17 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
                 Delete
             </sp-menu-item>
         </sp-picker>
-    `,iconsNone=e=>t`
+    `;
+};
+export const iconsNone = (args) => {
+  return html`
         <sp-field-label for="picker-quiet">
             Choose an action type...
         </sp-field-label>
         <sp-picker
-            ...=${s(e)}
+            ...=${spreadProps(args)}
             id="picker-quiet"
-            @change=${i(e)}
+            @change=${handleChange(args)}
             label="Pick an action"
             value="1"
             icons="none"
@@ -90,14 +176,20 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
                 Delete
             </sp-menu-item>
         </sp-picker>
-    `;iconsNone.args={open:!0};export const iconValue=e=>t`
+    `;
+};
+iconsNone.args = {
+  open: true
+};
+export const iconValue = (args) => {
+  return html`
         <sp-field-label for="picker-quiet">
             Choose an action type...
         </sp-field-label>
         <sp-picker
-            ...=${s(e)}
+            ...=${spreadProps(args)}
             id="picker-quiet"
-            @change=${i(e)}
+            @change=${handleChange(args)}
             label="Pick an action"
             icons="only"
             style="--spectrum-picker-width: 100px"
@@ -116,14 +208,17 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
                 Delete
             </sp-menu-item>
         </sp-picker>
-    `,iconsOnly=e=>t`
+    `;
+};
+export const iconsOnly = (args) => {
+  return html`
         <sp-field-label for="picker-quiet">
             Choose an action type...
         </sp-field-label>
         <sp-picker
-            ...=${s(e)}
+            ...=${spreadProps(args)}
             id="picker-quiet"
-            @change=${i(e)}
+            @change=${handleChange(args)}
             label="Pick an action"
             style="--spectrum-picker-width: 100px"
             value="3"
@@ -138,7 +233,13 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
                 <sp-icon-delete slot="icon" label="Delete"></sp-icon-delete>
             </sp-menu-item>
         </sp-picker>
-    `;iconsOnly.args={open:!0};export const Open=e=>t`
+    `;
+};
+iconsOnly.args = {
+  open: true
+};
+export const Open = (args) => {
+  return html`
         <style>
             fieldset {
                 float: left;
@@ -153,8 +254,8 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
             <sp-picker
                 id="picker-open"
                 label="Open picker"
-                ${s(e)}
-                @change=${i(e)}
+                ${spreadProps(args)}
+                @change=${handleChange(args)}
             >
                 <span slot="label">
                     Select a Country with a very long label, too long, in fact
@@ -175,7 +276,7 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
             <sp-picker
                 id="picker-closed"
                 label="Picker that displays below the options"
-                @change=${i(e)}
+                @change=${handleChange(args)}
             >
                 <span slot="label">
                     Other menu that goes behind the open one
@@ -183,13 +284,19 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
                 <sp-menu-item>Not so many options...</sp-menu-item>
             </sp-picker>
         </fieldset>
-    `;Open.args={open:!0};export const initialValue=e=>t`
+    `;
+};
+Open.args = {
+  open: true
+};
+export const initialValue = (args) => {
+  return html`
         <sp-field-label for="picker-initial">Where do you live?</sp-field-label>
         <sp-picker
             id="picker-initial"
-            @change=${i(e)}
+            @change=${handleChange(args)}
             value="item-2"
-            ${s(e)}
+            ${spreadProps(args)}
         >
             <span slot="label">
                 Select a Country with a very long label, too long in fact
@@ -202,12 +309,15 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
             <sp-menu-item value="item-5">Save Selection</sp-menu-item>
             <sp-menu-item disabled value="item-6">Make Work Path</sp-menu-item>
         </sp-picker>
-    `,readonly=e=>t`
+    `;
+};
+export const readonly = (args) => {
+  return html`
         <sp-picker
-            @change=${i(e)}
+            @change=${handleChange(args)}
             readonly
             value="item-2"
-            ${s(e)}
+            ${spreadProps(args)}
         >
             <span slot="label">
                 Select a Country with a very long label, too long in fact
@@ -220,27 +330,33 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
             <sp-menu-item value="item-5">Save Selection</sp-menu-item>
             <sp-menu-item disabled value="item-6">Make Work Path</sp-menu-item>
         </sp-picker>
-    `,custom=e=>{const l="lb1-mo";return t`
+    `;
+};
+export const custom = (args) => {
+  const initialState = "lb1-mo";
+  return html`
         <sp-field-label for="picker-state">
             What state do you live in?
         </sp-field-label>
         <sp-picker
             style="width: 400px;"
-            @change=${i(e)}
+            @change=${handleChange(args)}
             id="picker-state"
             label="Pick a state"
-            ${s(e)}
-            value=${l}
+            ${spreadProps(args)}
+            value=${initialState}
         >
-            ${n.map(p=>t`
+            ${states.map(
+    (state) => html`
                     <sp-menu-item
-                        id=${p.id}
-                        value=${p.id}
-                        ?selected=${p.id===l}
+                        id=${state.id}
+                        value=${state.id}
+                        ?selected=${state.id === initialState}
                     >
-                        ${p.label}
+                        ${state.label}
                     </sp-menu-item>
-                `)}
+                `
+  )}
         </sp-picker>
         <p>This is some text.</p>
         <p>This is some text.</p>
@@ -249,5 +365,9 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
             <a href="#anchor">link</a>
             .
         </p>
-    `};custom.args={open:!0};
+    `;
+};
+custom.args = {
+  open: true
+};
 //# sourceMappingURL=picker.stories.js.map

package/stories/picker.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["picker.stories.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 { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/picker/sp-picker.js';\nimport { Picker } from '@spectrum-web-components/picker';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-edit.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-copy.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-delete.js';\nimport { states } from './states.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport { spreadProps } from '../../../test/lit-helpers.js';\n\nexport default {\n    title: 'Picker',\n    component: 'sp-picker',\n    args: {\n        disabled: false,\n        invalid: false,\n        open: false,\n        quiet: false,\n    },\n    argTypes: {\n        onChange: { action: 'change' },\n        disabled: {\n            name: 'disabled',\n            type: { name: 'boolean', required: false },\n            description:\n                'Disable this control. It will not receive focus or events.',\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: {\n                type: 'boolean',\n            },\n        },\n        invalid: {\n            name: 'invalid',\n            type: { name: 'boolean', required: false },\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: {\n                type: 'boolean',\n            },\n        },\n        open: {\n            name: 'open',\n            type: { name: 'boolean', required: false },\n            description: 'Whether the menu is open or not.',\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: 'boolean',\n        },\n        quiet: {\n            name: 'quiet',\n            type: { name: 'boolean', required: false },\n            table: {\n                type: { summary: 'boolean' },\n                defaultValue: { summary: false },\n            },\n            control: {\n                type: 'boolean',\n            },\n        },\n    },\n};\n\ninterface StoryArgs {\n    disabled?: boolean;\n    invalid?: boolean;\n    open?: boolean;\n    quiet?: boolean;\n    showText?: boolean;\n    onChange?: (val: string) => void;\n    [prop: string]: unknown;\n}\n\nconst handleChange =\n    ({ onChange }: StoryArgs) =>\n    (event: Event): void => {\n        const picker = event.target as Picker;\n        if (onChange) onChange(picker.value);\n    };\n\nexport const Default = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-field-label for=\"picker-1\">Where do you live?</sp-field-label>\n        <sp-picker\n            id=\"picker-1\"\n            @change=${handleChange(args)}\n            label=\"Select a Country with a very long label, too long, in fact\"\n            ${spreadProps(args)}\n        >\n            <sp-menu-item>Deselect</sp-menu-item>\n            <sp-menu-item>Select Inverse</sp-menu-item>\n            <sp-menu-item>Feather...</sp-menu-item>\n            <sp-menu-item>Select and Mask...</sp-menu-item>\n            <sp-menu-divider></sp-menu-divider>\n            <sp-menu-item>Save Selection</sp-menu-item>\n            <sp-menu-item disabled>Make Work Path</sp-menu-item>\n        </sp-picker>\n        <p>This is some text.</p>\n        <p>This is some text.</p>\n        <p>\n            This is a\n            <a href=\"#anchor\">link</a>\n            .\n        </p>\n    `;\n};\n\nexport const quiet = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-field-label for=\"picker-quiet\">Where do you live?</sp-field-label>\n        <sp-picker\n            ${spreadProps(args)}\n            id=\"picker-quiet\"\n            @change=${handleChange(args)}\n            label=\"Pick an item\"\n        >\n            <sp-menu-item value=\"1\">Item 1</sp-menu-item>\n            <sp-menu-item value=\"2\">Item 2</sp-menu-item>\n            <sp-menu-item value=\"3\">Item 3</sp-menu-item>\n            <sp-menu-item value=\"4\">Item 4</sp-menu-item>\n        </sp-picker>\n        <p>This is some text.</p>\n        <p>This is some text.</p>\n        <p>\n            This is a\n            <a href=\"#anchor\">link</a>\n            .\n        </p>\n    `;\n};\nquiet.args = {\n    quiet: true,\n};\n\nexport const icons = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-field-label for=\"picker-quiet\">\n            Choose an action type...\n        </sp-field-label>\n        <sp-picker\n            ...=${spreadProps(args)}\n            id=\"picker-quiet\"\n            @change=${handleChange(args)}\n            label=\"Pick an action\"\n            value=\"1\"\n        >\n            <sp-menu-item value=\"1\">\n                <sp-icon-edit slot=\"icon\"></sp-icon-edit>\n                Edit\n            </sp-menu-item>\n            <sp-menu-item value=\"2\">\n                <sp-icon-copy slot=\"icon\"></sp-icon-copy>\n                Copy\n            </sp-menu-item>\n            <sp-menu-item value=\"3\">\n                <sp-icon-delete slot=\"icon\"></sp-icon-delete>\n                Delete\n            </sp-menu-item>\n        </sp-picker>\n    `;\n};\n\nexport const iconsNone = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-field-label for=\"picker-quiet\">\n            Choose an action type...\n        </sp-field-label>\n        <sp-picker\n            ...=${spreadProps(args)}\n            id=\"picker-quiet\"\n            @change=${handleChange(args)}\n            label=\"Pick an action\"\n            value=\"1\"\n            icons=\"none\"\n        >\n            <sp-menu-item value=\"1\">\n                <sp-icon-edit slot=\"icon\"></sp-icon-edit>\n                Edit\n            </sp-menu-item>\n            <sp-menu-item value=\"2\">\n                <sp-icon-copy slot=\"icon\"></sp-icon-copy>\n                Copy\n            </sp-menu-item>\n            <sp-menu-item value=\"3\">\n                <sp-icon-delete slot=\"icon\"></sp-icon-delete>\n                Delete\n            </sp-menu-item>\n        </sp-picker>\n    `;\n};\niconsNone.args = {\n    open: true,\n};\n\nexport const iconValue = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-field-label for=\"picker-quiet\">\n            Choose an action type...\n        </sp-field-label>\n        <sp-picker\n            ...=${spreadProps(args)}\n            id=\"picker-quiet\"\n            @change=${handleChange(args)}\n            label=\"Pick an action\"\n            icons=\"only\"\n            style=\"--spectrum-picker-width: 100px\"\n            value=\"2\"\n        >\n            <sp-menu-item value=\"1\">\n                <sp-icon-edit slot=\"icon\"></sp-icon-edit>\n                Edit\n            </sp-menu-item>\n            <sp-menu-item value=\"2\">\n                <sp-icon-copy slot=\"icon\"></sp-icon-copy>\n                Copy\n            </sp-menu-item>\n            <sp-menu-item value=\"3\">\n                <sp-icon-delete slot=\"icon\"></sp-icon-delete>\n                Delete\n            </sp-menu-item>\n        </sp-picker>\n    `;\n};\n\nexport const iconsOnly = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-field-label for=\"picker-quiet\">\n            Choose an action type...\n        </sp-field-label>\n        <sp-picker\n            ...=${spreadProps(args)}\n            id=\"picker-quiet\"\n            @change=${handleChange(args)}\n            label=\"Pick an action\"\n            style=\"--spectrum-picker-width: 100px\"\n            value=\"3\"\n        >\n            <sp-menu-item value=\"1\">\n                <sp-icon-edit slot=\"icon\" label=\"Edit\"></sp-icon-edit>\n            </sp-menu-item>\n            <sp-menu-item value=\"2\">\n                <sp-icon-copy slot=\"icon\" label=\"Copy\"></sp-icon-copy>\n            </sp-menu-item>\n            <sp-menu-item value=\"3\">\n                <sp-icon-delete slot=\"icon\" label=\"Delete\"></sp-icon-delete>\n            </sp-menu-item>\n        </sp-picker>\n    `;\n};\niconsOnly.args = {\n    open: true,\n};\n\nexport const Open = (args: StoryArgs): TemplateResult => {\n    return html`\n        <style>\n            fieldset {\n                float: left;\n                clear: left;\n                margin-bottom: 15px;\n            }\n        </style>\n        <fieldset>\n            <sp-field-label for=\"picker-open\">\n                Where do you live?\n            </sp-field-label>\n            <sp-picker\n                id=\"picker-open\"\n                label=\"Open picker\"\n                ${spreadProps(args)}\n                @change=${handleChange(args)}\n            >\n                <span slot=\"label\">\n                    Select a Country with a very long label, too long, in fact\n                </span>\n                <sp-menu-item>Deselect</sp-menu-item>\n                <sp-menu-item>Select Inverse</sp-menu-item>\n                <sp-menu-item>Feather...</sp-menu-item>\n                <sp-menu-item>Select and Mask...</sp-menu-item>\n                <sp-menu-divider></sp-menu-divider>\n                <sp-menu-item>Save Selection</sp-menu-item>\n                <sp-menu-item disabled>Make Work Path</sp-menu-item>\n            </sp-picker>\n        </fieldset>\n        <fieldset>\n            <sp-field-label for=\"picker-closed\">\n                Where do you live?\n            </sp-field-label>\n            <sp-picker\n                id=\"picker-closed\"\n                label=\"Picker that displays below the options\"\n                @change=${handleChange(args)}\n            >\n                <span slot=\"label\">\n                    Other menu that goes behind the open one\n                </span>\n                <sp-menu-item>Not so many options...</sp-menu-item>\n            </sp-picker>\n        </fieldset>\n    `;\n};\nOpen.args = {\n    open: true,\n};\n\nexport const initialValue = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-field-label for=\"picker-initial\">Where do you live?</sp-field-label>\n        <sp-picker\n            id=\"picker-initial\"\n            @change=${handleChange(args)}\n            value=\"item-2\"\n            ${spreadProps(args)}\n        >\n            <span slot=\"label\">\n                Select a Country with a very long label, too long in fact\n            </span>\n            <sp-menu-item value=\"item-1\">Deselect</sp-menu-item>\n            <sp-menu-item value=\"item-2\">Select Inverse</sp-menu-item>\n            <sp-menu-item value=\"item-3\">Feather...</sp-menu-item>\n            <sp-menu-item value=\"item-4\">Select and Mask...</sp-menu-item>\n            <sp-menu-divider></sp-menu-divider>\n            <sp-menu-item value=\"item-5\">Save Selection</sp-menu-item>\n            <sp-menu-item disabled value=\"item-6\">Make Work Path</sp-menu-item>\n        </sp-picker>\n    `;\n};\n\nexport const readonly = (args: StoryArgs): TemplateResult => {\n    return html`\n        <sp-picker\n            @change=${handleChange(args)}\n            readonly\n            value=\"item-2\"\n            ${spreadProps(args)}\n        >\n            <span slot=\"label\">\n                Select a Country with a very long label, too long in fact\n            </span>\n            <sp-menu-item value=\"item-1\">Deselect</sp-menu-item>\n            <sp-menu-item value=\"item-2\">Select Inverse</sp-menu-item>\n            <sp-menu-item value=\"item-3\">Feather...</sp-menu-item>\n            <sp-menu-item value=\"item-4\">Select and Mask...</sp-menu-item>\n            <sp-menu-divider></sp-menu-divider>\n            <sp-menu-item value=\"item-5\">Save Selection</sp-menu-item>\n            <sp-menu-item disabled value=\"item-6\">Make Work Path</sp-menu-item>\n        </sp-picker>\n    `;\n};\n\nexport const custom = (args: StoryArgs): TemplateResult => {\n    const initialState = 'lb1-mo';\n    return html`\n        <sp-field-label for=\"picker-state\">\n            What state do you live in?\n        </sp-field-label>\n        <sp-picker\n            style=\"width: 400px;\"\n            @change=${handleChange(args)}\n            id=\"picker-state\"\n            label=\"Pick a state\"\n            ${spreadProps(args)}\n            value=${initialState}\n        >\n            ${states.map(\n                (state) => html`\n                    <sp-menu-item\n                        id=${state.id}\n                        value=${state.id}\n                        ?selected=${state.id === initialState}\n                    >\n                        ${state.label}\n                    </sp-menu-item>\n                `\n            )}\n        </sp-picker>\n        <p>This is some text.</p>\n        <p>This is some text.</p>\n        <p>\n            This is a\n            <a href=\"#anchor\">link</a>\n            .\n        </p>\n    `;\n};\n\ncustom.args = {\n    open: true,\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/stories/states.js

@@ -1,2 +1,228 @@
-export const states=[{id:"lb1-al",label:"Alabama"},{id:"lb1-ak",label:"Alaska"},{id:"lb1-as",label:"American Samoa"},{id:"lb1-az",label:"Arizona"},{id:"lb1-ar",label:"Arkansas"},{id:"lb1-ca",label:"California"},{id:"lb1-co",label:"Colorado"},{id:"lb1-ct",label:"Connecticut"},{id:"lb1-de",label:"Delaware"},{id:"lb1-dc",label:"District of Columbia"},{id:"lb1-fl",label:"Florida"},{id:"lb1-ga",label:"Georgia"},{id:"lb1-gm",label:"Guam"},{id:"lb1-hi",label:"Hawaii"},{id:"lb1-id",label:"Idaho"},{id:"lb1-il",label:"Illinois"},{id:"lb1-in",label:"Indiana"},{id:"lb1-ia",label:"Iowa"},{id:"lb1-ks",label:"Kansas"},{id:"lb1-ky",label:"Kentucky"},{id:"lb1-la",label:"Louisiana"},{id:"lb1-me",label:"Maine"},{id:"lb1-md",label:"Maryland"},{id:"lb1-ma",label:"Massachusetts"},{id:"lb1-mi",label:"Michigan"},{id:"lb1-mn",label:"Minnesota"},{id:"lb1-ms",label:"Mississippi"},{id:"lb1-mo",label:"Missouri"},{id:"lb1-mt",label:"Montana"},{id:"lb1-ne",label:"Nebraska"},{id:"lb1-nv",label:"Nevada"},{id:"lb1-nh",label:"New Hampshire"},{id:"lb1-nj",label:"New Jersey"},{id:"lb1-nm",label:"New Mexico"},{id:"lb1-ny",label:"New York"},{id:"lb1-nc",label:"North Carolina"},{id:"lb1-nd",label:"North Dakota"},{id:"lb1-mp",label:"Northern Marianas Islands"},{id:"lb1-oh",label:"Ohio"},{id:"lb1-ok",label:"Oklahoma"},{id:"lb1-or",label:"Oregon"},{id:"lb1-pa",label:"Pennsylvania"},{id:"lb1-pr",label:"Puerto Rico"},{id:"lb1-ri",label:"Rhode Island"},{id:"lb1-sc",label:"South Carolina"},{id:"lb1-sd",label:"South Dakota"},{id:"lb1-tn",label:"Tennessee"},{id:"lb1-tx",label:"Texas"},{id:"lb1-ut",label:"Utah"},{id:"lb1-ve",label:"Vermont"},{id:"lb1-va",label:"Virginia"},{id:"lb1-vi",label:"Virgin Islands"},{id:"lb1-wa",label:"Washington"},{id:"lb1-wv",label:"West Virginia"},{id:"lb1-wi",label:"Wisconsin"},{id:"lb1-wy",label:"Wyoming"}];
+"use strict";
+export const states = [
+  {
+    id: "lb1-al",
+    label: "Alabama"
+  },
+  {
+    id: "lb1-ak",
+    label: "Alaska"
+  },
+  {
+    id: "lb1-as",
+    label: "American Samoa"
+  },
+  {
+    id: "lb1-az",
+    label: "Arizona"
+  },
+  {
+    id: "lb1-ar",
+    label: "Arkansas"
+  },
+  {
+    id: "lb1-ca",
+    label: "California"
+  },
+  {
+    id: "lb1-co",
+    label: "Colorado"
+  },
+  {
+    id: "lb1-ct",
+    label: "Connecticut"
+  },
+  {
+    id: "lb1-de",
+    label: "Delaware"
+  },
+  {
+    id: "lb1-dc",
+    label: "District of Columbia"
+  },
+  {
+    id: "lb1-fl",
+    label: "Florida"
+  },
+  {
+    id: "lb1-ga",
+    label: "Georgia"
+  },
+  {
+    id: "lb1-gm",
+    label: "Guam"
+  },
+  {
+    id: "lb1-hi",
+    label: "Hawaii"
+  },
+  {
+    id: "lb1-id",
+    label: "Idaho"
+  },
+  {
+    id: "lb1-il",
+    label: "Illinois"
+  },
+  {
+    id: "lb1-in",
+    label: "Indiana"
+  },
+  {
+    id: "lb1-ia",
+    label: "Iowa"
+  },
+  {
+    id: "lb1-ks",
+    label: "Kansas"
+  },
+  {
+    id: "lb1-ky",
+    label: "Kentucky"
+  },
+  {
+    id: "lb1-la",
+    label: "Louisiana"
+  },
+  {
+    id: "lb1-me",
+    label: "Maine"
+  },
+  {
+    id: "lb1-md",
+    label: "Maryland"
+  },
+  {
+    id: "lb1-ma",
+    label: "Massachusetts"
+  },
+  {
+    id: "lb1-mi",
+    label: "Michigan"
+  },
+  {
+    id: "lb1-mn",
+    label: "Minnesota"
+  },
+  {
+    id: "lb1-ms",
+    label: "Mississippi"
+  },
+  {
+    id: "lb1-mo",
+    label: "Missouri"
+  },
+  {
+    id: "lb1-mt",
+    label: "Montana"
+  },
+  {
+    id: "lb1-ne",
+    label: "Nebraska"
+  },
+  {
+    id: "lb1-nv",
+    label: "Nevada"
+  },
+  {
+    id: "lb1-nh",
+    label: "New Hampshire"
+  },
+  {
+    id: "lb1-nj",
+    label: "New Jersey"
+  },
+  {
+    id: "lb1-nm",
+    label: "New Mexico"
+  },
+  {
+    id: "lb1-ny",
+    label: "New York"
+  },
+  {
+    id: "lb1-nc",
+    label: "North Carolina"
+  },
+  {
+    id: "lb1-nd",
+    label: "North Dakota"
+  },
+  {
+    id: "lb1-mp",
+    label: "Northern Marianas Islands"
+  },
+  {
+    id: "lb1-oh",
+    label: "Ohio"
+  },
+  {
+    id: "lb1-ok",
+    label: "Oklahoma"
+  },
+  {
+    id: "lb1-or",
+    label: "Oregon"
+  },
+  {
+    id: "lb1-pa",
+    label: "Pennsylvania"
+  },
+  {
+    id: "lb1-pr",
+    label: "Puerto Rico"
+  },
+  {
+    id: "lb1-ri",
+    label: "Rhode Island"
+  },
+  {
+    id: "lb1-sc",
+    label: "South Carolina"
+  },
+  {
+    id: "lb1-sd",
+    label: "South Dakota"
+  },
+  {
+    id: "lb1-tn",
+    label: "Tennessee"
+  },
+  {
+    id: "lb1-tx",
+    label: "Texas"
+  },
+  {
+    id: "lb1-ut",
+    label: "Utah"
+  },
+  {
+    id: "lb1-ve",
+    label: "Vermont"
+  },
+  {
+    id: "lb1-va",
+    label: "Virginia"
+  },
+  {
+    id: "lb1-vi",
+    label: "Virgin Islands"
+  },
+  {
+    id: "lb1-wa",
+    label: "Washington"
+  },
+  {
+    id: "lb1-wv",
+    label: "West Virginia"
+  },
+  {
+    id: "lb1-wi",
+    label: "Wisconsin"
+  },
+  {
+    id: "lb1-wy",
+    label: "Wyoming"
+  }
+];
 //# sourceMappingURL=states.js.map

package/stories/states.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["states.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*/\nexport const states: {\n    id: string;\n    label: string;\n}[] = [\n    {\n        id: 'lb1-al',\n        label: 'Alabama',\n    },\n    {\n        id: 'lb1-ak',\n        label: 'Alaska',\n    },\n    {\n        id: 'lb1-as',\n        label: 'American Samoa',\n    },\n    {\n        id: 'lb1-az',\n        label: 'Arizona',\n    },\n    {\n        id: 'lb1-ar',\n        label: 'Arkansas',\n    },\n    {\n        id: 'lb1-ca',\n        label: 'California',\n    },\n    {\n        id: 'lb1-co',\n        label: 'Colorado',\n    },\n    {\n        id: 'lb1-ct',\n        label: 'Connecticut',\n    },\n    {\n        id: 'lb1-de',\n        label: 'Delaware',\n    },\n    {\n        id: 'lb1-dc',\n        label: 'District of Columbia',\n    },\n    {\n        id: 'lb1-fl',\n        label: 'Florida',\n    },\n    {\n        id: 'lb1-ga',\n        label: 'Georgia',\n    },\n    {\n        id: 'lb1-gm',\n        label: 'Guam',\n    },\n    {\n        id: 'lb1-hi',\n        label: 'Hawaii',\n    },\n    {\n        id: 'lb1-id',\n        label: 'Idaho',\n    },\n    {\n        id: 'lb1-il',\n        label: 'Illinois',\n    },\n    {\n        id: 'lb1-in',\n        label: 'Indiana',\n    },\n    {\n        id: 'lb1-ia',\n        label: 'Iowa',\n    },\n    {\n        id: 'lb1-ks',\n        label: 'Kansas',\n    },\n    {\n        id: 'lb1-ky',\n        label: 'Kentucky',\n    },\n    {\n        id: 'lb1-la',\n        label: 'Louisiana',\n    },\n    {\n        id: 'lb1-me',\n        label: 'Maine',\n    },\n    {\n        id: 'lb1-md',\n        label: 'Maryland',\n    },\n    {\n        id: 'lb1-ma',\n        label: 'Massachusetts',\n    },\n    {\n        id: 'lb1-mi',\n        label: 'Michigan',\n    },\n    {\n        id: 'lb1-mn',\n        label: 'Minnesota',\n    },\n    {\n        id: 'lb1-ms',\n        label: 'Mississippi',\n    },\n    {\n        id: 'lb1-mo',\n        label: 'Missouri',\n    },\n    {\n        id: 'lb1-mt',\n        label: 'Montana',\n    },\n    {\n        id: 'lb1-ne',\n        label: 'Nebraska',\n    },\n    {\n        id: 'lb1-nv',\n        label: 'Nevada',\n    },\n    {\n        id: 'lb1-nh',\n        label: 'New Hampshire',\n    },\n    {\n        id: 'lb1-nj',\n        label: 'New Jersey',\n    },\n    {\n        id: 'lb1-nm',\n        label: 'New Mexico',\n    },\n    {\n        id: 'lb1-ny',\n        label: 'New York',\n    },\n    {\n        id: 'lb1-nc',\n        label: 'North Carolina',\n    },\n    {\n        id: 'lb1-nd',\n        label: 'North Dakota',\n    },\n    {\n        id: 'lb1-mp',\n        label: 'Northern Marianas Islands',\n    },\n    {\n        id: 'lb1-oh',\n        label: 'Ohio',\n    },\n    {\n        id: 'lb1-ok',\n        label: 'Oklahoma',\n    },\n    {\n        id: 'lb1-or',\n        label: 'Oregon',\n    },\n    {\n        id: 'lb1-pa',\n        label: 'Pennsylvania',\n    },\n    {\n        id: 'lb1-pr',\n        label: 'Puerto Rico',\n    },\n    {\n        id: 'lb1-ri',\n        label: 'Rhode Island',\n    },\n    {\n        id: 'lb1-sc',\n        label: 'South Carolina',\n    },\n    {\n        id: 'lb1-sd',\n        label: 'South Dakota',\n    },\n    {\n        id: 'lb1-tn',\n        label: 'Tennessee',\n    },\n    {\n        id: 'lb1-tx',\n        label: 'Texas',\n    },\n    {\n        id: 'lb1-ut',\n        label: 'Utah',\n    },\n    {\n        id: 'lb1-ve',\n        label: 'Vermont',\n    },\n    {\n        id: 'lb1-va',\n        label: 'Virginia',\n    },\n    {\n        id: 'lb1-vi',\n        label: 'Virgin Islands',\n    },\n    {\n        id: 'lb1-wa',\n        label: 'Washington',\n    },\n    {\n        id: 'lb1-wv',\n        label: 'West Virginia',\n    },\n    {\n        id: 'lb1-wi',\n        label: 'Wisconsin',\n    },\n    {\n        id: 'lb1-wy',\n        label: 'Wyoming',\n    },\n];\n"],
-  "mappings": "AAWO,YAAM,QAGP,CACF,CACI,GAAI,SACJ,MAAO,SACX,EACA,CACI,GAAI,SACJ,MAAO,QACX,EACA,CACI,GAAI,SACJ,MAAO,gBACX,EACA,CACI,GAAI,SACJ,MAAO,SACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,YACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,aACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,sBACX,EACA,CACI,GAAI,SACJ,MAAO,SACX,EACA,CACI,GAAI,SACJ,MAAO,SACX,EACA,CACI,GAAI,SACJ,MAAO,MACX,EACA,CACI,GAAI,SACJ,MAAO,QACX,EACA,CACI,GAAI,SACJ,MAAO,OACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,SACX,EACA,CACI,GAAI,SACJ,MAAO,MACX,EACA,CACI,GAAI,SACJ,MAAO,QACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,WACX,EACA,CACI,GAAI,SACJ,MAAO,OACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,eACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,WACX,EACA,CACI,GAAI,SACJ,MAAO,aACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,SACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,QACX,EACA,CACI,GAAI,SACJ,MAAO,eACX,EACA,CACI,GAAI,SACJ,MAAO,YACX,EACA,CACI,GAAI,SACJ,MAAO,YACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,gBACX,EACA,CACI,GAAI,SACJ,MAAO,cACX,EACA,CACI,GAAI,SACJ,MAAO,2BACX,EACA,CACI,GAAI,SACJ,MAAO,MACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,QACX,EACA,CACI,GAAI,SACJ,MAAO,cACX,EACA,CACI,GAAI,SACJ,MAAO,aACX,EACA,CACI,GAAI,SACJ,MAAO,cACX,EACA,CACI,GAAI,SACJ,MAAO,gBACX,EACA,CACI,GAAI,SACJ,MAAO,cACX,EACA,CACI,GAAI,SACJ,MAAO,WACX,EACA,CACI,GAAI,SACJ,MAAO,OACX,EACA,CACI,GAAI,SACJ,MAAO,MACX,EACA,CACI,GAAI,SACJ,MAAO,SACX,EACA,CACI,GAAI,SACJ,MAAO,UACX,EACA,CACI,GAAI,SACJ,MAAO,gBACX,EACA,CACI,GAAI,SACJ,MAAO,YACX,EACA,CACI,GAAI,SACJ,MAAO,eACX,EACA,CACI,GAAI,SACJ,MAAO,WACX,EACA,CACI,GAAI,SACJ,MAAO,SACX,CACJ",
+  "mappings": ";AAWO,aAAM,SAGP;AAAA,EACF;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,OAAO;AAAA,EACX;AACJ;",
   "names": []
 }