@spectrum-web-components/action-menu 1.1.0-beta.8 → 1.1.0

package/README.md

@@ -189,7 +189,7 @@ In order to deliver an `<sp-action-menu>` without an icon, use the `label-only`
 
 ### No visible label
 
-The visible label that is be provided via the default `<slot>` interface can be ommitted in preference of an icon only interface. In this context be sure that the `<sp-action-menu>` continued to be accessible to screen readers by applying the `label` attribute. This will apply an `aria-label` attribute of the same value to the `<button>` element that toggles the menu list.
+The visible label that is be provided via the default `<slot>` interface can be omitted in preference of an icon only interface. In this context be sure that the `<sp-action-menu>` continued to be accessible to screen readers by applying the `label` attribute. This will apply an `aria-label` attribute of the same value to the `<button>` element that toggles the menu list.
 
 <!-- prettier-ignore -->
 ```html
@@ -249,7 +249,7 @@ A custom icon can be supplied via the `icon` slot in order to replace the defaul
 </sp-action-menu>
 ```
 
-### Selection.
+### Selection
 
 When `selects` is set to `single`, the `<sp-action-menu>` element will maintain one selected item after an initial selection is made.
 
@@ -272,13 +272,33 @@ When `selects` is set to `single`, the `<sp-action-menu>` element will maintain
 </sp-action-menu>
 ```
 
-## Accessibility
+## Force Popover on Mobile Devices
 
-An `<sp-action-menu>` parent will ensure that the internal `<sp-menu>` features a role of `listbox` and contains children with the role `option`. Upon focusing the `<sp-action-menu>` using `ArrowDown` will also open the menu while throwing focus into first selected (or unselected when none are selected) menu item to assist in selecting of a new value.
+On mobile, the menu can be exposed in either a `sp-popover` or `sp-tray`. By default, `sp-action-menu` will render an `sp-tray`. If you would like to render `sp-popover` on mobile, add the attribute `forcePopover` to the `sp-action-menu`.
+
+Usage Guidance:
+
+-   Use a tray when a menu’s proximity to its trigger is considered to be less important to the experience, or for showing a volume of content that is too overwhelming for a popover.
+-   Use a popover when a menu’s proximity to its trigger is considered to be important to the experience, or for showing a volume of content that is manageable for a popover.
+
+To see this functionality in action, load this page from your mobile device or use Chrome DevTools (or equivalent) and select a mobile device once the Device Toolbar (the phone/tablet icon) is active.
+
+```html
+<sp-action-menu forcePopover>
+    <span slot="label">Action Menu</span>
+    <sp-menu-item>Deselect</sp-menu-item>
+    <sp-menu-item>Select Inverse</sp-menu-item>
+    <sp-menu-item>Feather...</sp-menu-item>
+    <sp-menu-item>Select and Mask...</sp-menu-item>
+    <sp-menu-divider></sp-menu-divider>
+    <sp-menu-item>Save Selection</sp-menu-item>
+    <sp-menu-item disabled>Make Work Path</sp-menu-item>
+</sp-action-menu>
+```
 
 ## Adding tootip in action menu
 
-Tooltip in action menu can be attached via adding <sp-tooltip> and can be customized by using various parameters (e.g. placement, content, etc) as needed.
+Tooltip in action menu can be attached via adding `<sp-tooltip>` and can be customized by using various parameters (e.g. placement, content, etc) as needed.
 
 ```html
 <sp-action-menu>
@@ -291,3 +311,7 @@ Tooltip in action menu can be attached via adding <sp-tooltip> and can be custom
     <sp-menu-item value="shape-3-parallelogram">Parallelogram</sp-menu-item>
 </sp-action-menu>
 ```
+
+## Accessibility
+
+An `<sp-action-menu>` parent will ensure that the internal `<sp-menu>` features a role of `listbox` and contains children with the role `option`. Upon focusing the `<sp-action-menu>` using `ArrowDown` will also open the menu while throwing focus into first selected (or unselected when none are selected) menu item to assist in selecting of a new value.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/action-menu",
-    "version": "1.1.0-beta.8",
+    "version": "1.1.0",
     "publishConfig": {
         "access": "public"
     },
@@ -61,15 +61,15 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/action-button": "^1.1.0-beta.8",
-        "@spectrum-web-components/base": "^1.1.0-beta.8",
-        "@spectrum-web-components/icon": "^1.1.0-beta.8",
-        "@spectrum-web-components/icons-workflow": "^1.1.0-beta.8",
-        "@spectrum-web-components/picker": "^1.1.0-beta.8",
-        "@spectrum-web-components/shared": "^1.1.0-beta.8"
+        "@spectrum-web-components/action-button": "^1.1.0",
+        "@spectrum-web-components/base": "^1.1.0",
+        "@spectrum-web-components/icon": "^1.1.0",
+        "@spectrum-web-components/icons-workflow": "^1.1.0",
+        "@spectrum-web-components/picker": "^1.1.0",
+        "@spectrum-web-components/shared": "^1.1.0"
     },
     "devDependencies": {
-        "@spectrum-css/actionmenu": "^7.0.0-s2-foundations.15"
+        "@spectrum-css/actionmenu": "7.0.0-s2-foundations.15"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -78,5 +78,5 @@
         "./**/*.dev.js",
         "./sync/sp-*.js"
     ],
-    "gitHead": "19d5d5747da9d5b167173b571ead76225fc09319"
+    "gitHead": "e3c6e52501451acc6fa85b10dd718267b80a01ab"
 }

package/sp-action-menu.d.ts

@@ -1,6 +0,0 @@
-import { ActionMenu } from './src/ActionMenu.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'sp-action-menu': ActionMenu;
-    }
-}

package/sp-action-menu.dev.js

@@ -1,5 +0,0 @@
-"use strict";
-import { ActionMenu } from "./src/ActionMenu.dev.js";
-import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
-defineElement("sp-action-menu", ActionMenu);
-//# sourceMappingURL=sp-action-menu.dev.js.map

package/sp-action-menu.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-action-menu.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 { ActionMenu } from './src/ActionMenu.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-action-menu', ActionMenu);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-action-menu': ActionMenu;\n    }\n}\n"],
-  "mappings": ";AAYA,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAE9B,cAAc,kBAAkB,UAAU;",
-  "names": []
-}

package/sp-action-menu.js

@@ -1,2 +0,0 @@
-"use strict";import{ActionMenu as e}from"./src/ActionMenu.js";import{defineElement as n}from"@spectrum-web-components/base/src/define-element.js";n("sp-action-menu",e);
-//# sourceMappingURL=sp-action-menu.js.map

package/sp-action-menu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["sp-action-menu.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 { ActionMenu } from './src/ActionMenu.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-action-menu', ActionMenu);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-action-menu': ActionMenu;\n    }\n}\n"],
-  "mappings": "aAYA,OAAS,cAAAA,MAAkB,sBAC3B,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,iBAAkBD,CAAU",
-  "names": ["ActionMenu", "defineElement"]
-}

package/src/ActionMenu.d.ts

@@ -1,38 +0,0 @@
-import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
-import { PickerBase } from '@spectrum-web-components/picker';
-import '@spectrum-web-components/action-button/sp-action-button.js';
-import '@spectrum-web-components/icons-workflow/icons/sp-icon-more.js';
-import { SlottableRequestEvent } from '@spectrum-web-components/overlay/src/slottable-request-event.js';
-declare const ActionMenu_base: typeof PickerBase & {
-    new (...args: any[]): import("@spectrum-web-components/shared/src/observe-slot-text.js").SlotTextObservingInterface;
-    prototype: import("@spectrum-web-components/shared/src/observe-slot-text.js").SlotTextObservingInterface;
-} & {
-    new (...args: any[]): import("@spectrum-web-components/shared/src/observe-slot-presence.js").SlotPresenceObservingInterface;
-    prototype: import("@spectrum-web-components/shared/src/observe-slot-presence.js").SlotPresenceObservingInterface;
-};
-/**
- * @element sp-action-menu
- *
- * @slot - menu items to be listed in the Action Menu
- * @slot icon - The icon to use for the Action Menu
- * @slot label - The label to use for the Action Menu
- * @slot label-only - The label to use for the Action Menu (no icon space reserved)
- * @slot tooltip - Tooltip to be applied to the Action Button
- * @attr selects - By default `sp-action-menu` does not manage a selection. If
- *   you'd like for a selection to be held by the `sp-menu` that it presents in
- *   its overlay, use `selects="single" to activate this functionality.
- */
-export declare class ActionMenu extends ActionMenu_base {
-    static get styles(): CSSResultArray;
-    selects: undefined | 'single';
-    staticColor?: 'white' | 'black';
-    protected listRole: 'listbox' | 'menu';
-    protected itemRole: string;
-    private get hasLabel();
-    private get labelOnly();
-    handleSlottableRequest: (event: SlottableRequestEvent) => void;
-    protected get buttonContent(): TemplateResult[];
-    protected render(): TemplateResult;
-    protected update(changedProperties: PropertyValues<this>): void;
-}
-export {};

package/src/ActionMenu.dev.js

@@ -1,118 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-import {
-  html
-} from "@spectrum-web-components/base";
-import { state } from "@spectrum-web-components/base/src/decorators.js";
-import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
-import { property } from "@spectrum-web-components/base/src/decorators.js";
-import { DESCRIPTION_ID, PickerBase } from "@spectrum-web-components/picker";
-import "@spectrum-web-components/action-button/sp-action-button.js";
-import { ObserveSlotPresence } from "@spectrum-web-components/shared/src/observe-slot-presence.js";
-import { ObserveSlotText } from "@spectrum-web-components/shared/src/observe-slot-text.js";
-import "@spectrum-web-components/icons-workflow/icons/sp-icon-more.js";
-import actionMenuStyles from "./action-menu.css.js";
-import { SlottableRequestEvent } from "@spectrum-web-components/overlay/src/slottable-request-event.js";
-export class ActionMenu extends ObserveSlotPresence(
-  ObserveSlotText(PickerBase, "label"),
-  '[slot="label-only"]'
-) {
-  constructor() {
-    super(...arguments);
-    this.selects = void 0;
-    this.listRole = "menu";
-    this.itemRole = "menuitem";
-    this.handleSlottableRequest = (event) => {
-      this.dispatchEvent(new SlottableRequestEvent(event.name, event.data));
-    };
-  }
-  static get styles() {
-    return [actionMenuStyles];
-  }
-  get hasLabel() {
-    return this.slotHasContent;
-  }
-  get labelOnly() {
-    return this.slotContentIsPresent;
-  }
-  get buttonContent() {
-    return [
-      html`
-                ${this.labelOnly ? html`` : html`
-                          <slot
-                              name="icon"
-                              slot="icon"
-                              ?icon-only=${!this.hasLabel}
-                              ?hidden=${this.labelOnly}
-                          >
-                              <sp-icon-more
-                                  class="icon"
-                                  size=${this.size}
-                              ></sp-icon-more>
-                          </slot>
-                      `}
-                <slot name="label" ?hidden=${!this.hasLabel}></slot>
-                <slot name="label-only"></slot>
-                <slot
-                    name="tooltip"
-                    @slotchange=${this.handleTooltipSlotchange}
-                ></slot>
-            `
-    ];
-  }
-  render() {
-    if (this.tooltipEl) {
-      this.tooltipEl.disabled = this.open;
-    }
-    return html`
-            <sp-action-button
-                aria-describedby=${DESCRIPTION_ID}
-                ?quiet=${this.quiet}
-                ?selected=${this.open}
-                static-color=${ifDefined(this.staticColor)}
-                aria-haspopup="true"
-                aria-controls=${ifDefined(this.open ? "menu" : void 0)}
-                aria-expanded=${this.open ? "true" : "false"}
-                aria-label=${ifDefined(this.label || void 0)}
-                id="button"
-                class="button"
-                size=${this.size}
-                @blur=${this.handleButtonBlur}
-                @focus=${this.handleButtonFocus}
-                @keydown=${{
-      handleEvent: this.handleEnterKeydown,
-      capture: true
-    }}
-                ?disabled=${this.disabled}
-            >
-                ${this.buttonContent}
-            </sp-action-button>
-            ${this.renderMenu} ${this.renderDescriptionSlot}
-        `;
-  }
-  update(changedProperties) {
-    if (changedProperties.has("invalid")) {
-      this.invalid = false;
-    }
-    super.update(changedProperties);
-  }
-}
-__decorateClass([
-  property({ type: String })
-], ActionMenu.prototype, "selects", 2);
-__decorateClass([
-  property({ reflect: true, attribute: "static-color" })
-], ActionMenu.prototype, "staticColor", 2);
-__decorateClass([
-  state()
-], ActionMenu.prototype, "labelOnly", 1);
-//# sourceMappingURL=ActionMenu.dev.js.map

package/src/ActionMenu.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["ActionMenu.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 {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { state } from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { DESCRIPTION_ID, PickerBase } from '@spectrum-web-components/picker';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-more.js';\nimport actionMenuStyles from './action-menu.css.js';\nimport { SlottableRequestEvent } from '@spectrum-web-components/overlay/src/slottable-request-event.js';\n\n/**\n * @element sp-action-menu\n *\n * @slot - menu items to be listed in the Action Menu\n * @slot icon - The icon to use for the Action Menu\n * @slot label - The label to use for the Action Menu\n * @slot label-only - The label to use for the Action Menu (no icon space reserved)\n * @slot tooltip - Tooltip to be applied to the Action Button\n * @attr selects - By default `sp-action-menu` does not manage a selection. If\n *   you'd like for a selection to be held by the `sp-menu` that it presents in\n *   its overlay, use `selects=\"single\" to activate this functionality.\n */\nexport class ActionMenu extends ObserveSlotPresence(\n    ObserveSlotText(PickerBase, 'label'),\n    '[slot=\"label-only\"]'\n) {\n    public static override get styles(): CSSResultArray {\n        return [actionMenuStyles];\n    }\n\n    @property({ type: String })\n    public override selects: undefined | 'single' = undefined;\n\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'white' | 'black';\n\n    protected override listRole: 'listbox' | 'menu' = 'menu';\n    protected override itemRole = 'menuitem';\n    private get hasLabel(): boolean {\n        return this.slotHasContent;\n    }\n\n    @state()\n    private get labelOnly(): boolean {\n        return this.slotContentIsPresent;\n    }\n\n    public override handleSlottableRequest = (\n        event: SlottableRequestEvent\n    ): void => {\n        this.dispatchEvent(new SlottableRequestEvent(event.name, event.data));\n    };\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [\n            html`\n                ${this.labelOnly\n                    ? html``\n                    : html`\n                          <slot\n                              name=\"icon\"\n                              slot=\"icon\"\n                              ?icon-only=${!this.hasLabel}\n                              ?hidden=${this.labelOnly}\n                          >\n                              <sp-icon-more\n                                  class=\"icon\"\n                                  size=${this.size}\n                              ></sp-icon-more>\n                          </slot>\n                      `}\n                <slot name=\"label\" ?hidden=${!this.hasLabel}></slot>\n                <slot name=\"label-only\"></slot>\n                <slot\n                    name=\"tooltip\"\n                    @slotchange=${this.handleTooltipSlotchange}\n                ></slot>\n            `,\n        ];\n    }\n\n    protected override render(): TemplateResult {\n        if (this.tooltipEl) {\n            this.tooltipEl.disabled = this.open;\n        }\n        return html`\n            <sp-action-button\n                aria-describedby=${DESCRIPTION_ID}\n                ?quiet=${this.quiet}\n                ?selected=${this.open}\n                static-color=${ifDefined(this.staticColor)}\n                aria-haspopup=\"true\"\n                aria-controls=${ifDefined(this.open ? 'menu' : undefined)}\n                aria-expanded=${this.open ? 'true' : 'false'}\n                aria-label=${ifDefined(this.label || undefined)}\n                id=\"button\"\n                class=\"button\"\n                size=${this.size}\n                @blur=${this.handleButtonBlur}\n                @focus=${this.handleButtonFocus}\n                @keydown=${{\n                    handleEvent: this.handleEnterKeydown,\n                    capture: true,\n                }}\n                ?disabled=${this.disabled}\n            >\n                ${this.buttonContent}\n            </sp-action-button>\n            ${this.renderMenu} ${this.renderDescriptionSlot}\n        `;\n    }\n\n    protected override update(changedProperties: PropertyValues<this>): void {\n        if (changedProperties.has('invalid')) {\n            this.invalid = false;\n        }\n        super.update(changedProperties);\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,OAGG;AACP,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,kBAAkB;AAC3C,OAAO;AACP,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,OAAO;AACP,OAAO,sBAAsB;AAC7B,SAAS,6BAA6B;AAc/B,aAAM,mBAAmB;AAAA,EAC5B,gBAAgB,YAAY,OAAO;AAAA,EACnC;AACJ,EAAE;AAAA,EAHK;AAAA;AASH,SAAgB,UAAgC;AAKhD,SAAmB,WAA+B;AAClD,SAAmB,WAAW;AAU9B,SAAgB,yBAAyB,CACrC,UACO;AACP,WAAK,cAAc,IAAI,sBAAsB,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACxE;AAAA;AAAA,EAzBA,WAA2B,SAAyB;AAChD,WAAO,CAAC,gBAAgB;AAAA,EAC5B;AAAA,EAUA,IAAY,WAAoB;AAC5B,WAAO,KAAK;AAAA,EAChB;AAAA,EAGA,IAAY,YAAqB;AAC7B,WAAO,KAAK;AAAA,EAChB;AAAA,EAQA,IAAuB,gBAAkC;AACrD,WAAO;AAAA,MACH;AAAA,kBACM,KAAK,YACD,SACA;AAAA;AAAA;AAAA;AAAA,2CAIqB,CAAC,KAAK,QAAQ;AAAA,wCACjB,KAAK,SAAS;AAAA;AAAA;AAAA;AAAA,yCAIb,KAAK,IAAI;AAAA;AAAA;AAAA,uBAG3B;AAAA,6CACsB,CAAC,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,kCAIzB,KAAK,uBAAuB;AAAA;AAAA;AAAA,IAGtD;AAAA,EACJ;AAAA,EAEmB,SAAyB;AACxC,QAAI,KAAK,WAAW;AAChB,WAAK,UAAU,WAAW,KAAK;AAAA,IACnC;AACA,WAAO;AAAA;AAAA,mCAEoB,cAAc;AAAA,yBACxB,KAAK,KAAK;AAAA,4BACP,KAAK,IAAI;AAAA,+BACN,UAAU,KAAK,WAAW,CAAC;AAAA;AAAA,gCAE1B,UAAU,KAAK,OAAO,SAAS,MAAS,CAAC;AAAA,gCACzC,KAAK,OAAO,SAAS,OAAO;AAAA,6BAC/B,UAAU,KAAK,SAAS,MAAS,CAAC;AAAA;AAAA;AAAA,uBAGxC,KAAK,IAAI;AAAA,wBACR,KAAK,gBAAgB;AAAA,yBACpB,KAAK,iBAAiB;AAAA,2BACpB;AAAA,MACP,aAAa,KAAK;AAAA,MAClB,SAAS;AAAA,IACb,CAAC;AAAA,4BACW,KAAK,QAAQ;AAAA;AAAA,kBAEvB,KAAK,aAAa;AAAA;AAAA,cAEtB,KAAK,UAAU,IAAI,KAAK,qBAAqB;AAAA;AAAA,EAEvD;AAAA,EAEmB,OAAO,mBAA+C;AACrE,QAAI,kBAAkB,IAAI,SAAS,GAAG;AAClC,WAAK,UAAU;AAAA,IACnB;AACA,UAAM,OAAO,iBAAiB;AAAA,EAClC;AACJ;AAvFoB;AAAA,EADf,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GARjB,WASO;AAGT;AAAA,EADN,SAAS,EAAE,SAAS,MAAM,WAAW,eAAe,CAAC;AAAA,GAX7C,WAYF;AASK;AAAA,EADX,MAAM;AAAA,GApBE,WAqBG;",
-  "names": []
-}

package/src/ActionMenu.js

@@ -1,43 +0,0 @@
-"use strict";var u=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=(r,o,e,i)=>{for(var t=i>1?void 0:i?h(o,e):o,n=r.length-1,a;n>=0;n--)(a=r[n])&&(t=(i?a(o,e,t):a(t))||t);return i&&t&&u(o,e,t),t};import{html as s}from"@spectrum-web-components/base";import{state as c}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as d}from"@spectrum-web-components/base/src/directives.js";import{property as p}from"@spectrum-web-components/base/src/decorators.js";import{DESCRIPTION_ID as b,PickerBase as m}from"@spectrum-web-components/picker";import"@spectrum-web-components/action-button/sp-action-button.js";import{ObserveSlotPresence as f}from"@spectrum-web-components/shared/src/observe-slot-presence.js";import{ObserveSlotText as $}from"@spectrum-web-components/shared/src/observe-slot-text.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-more.js";import v from"./action-menu.css.js";import{SlottableRequestEvent as y}from"@spectrum-web-components/overlay/src/slottable-request-event.js";export class ActionMenu extends f($(m,"label"),'[slot="label-only"]'){constructor(){super(...arguments);this.selects=void 0;this.listRole="menu";this.itemRole="menuitem";this.handleSlottableRequest=e=>{this.dispatchEvent(new y(e.name,e.data))}}static get styles(){return[v]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[s`
-                ${this.labelOnly?s``:s`
-                          <slot
-                              name="icon"
-                              slot="icon"
-                              ?icon-only=${!this.hasLabel}
-                              ?hidden=${this.labelOnly}
-                          >
-                              <sp-icon-more
-                                  class="icon"
-                                  size=${this.size}
-                              ></sp-icon-more>
-                          </slot>
-                      `}
-                <slot name="label" ?hidden=${!this.hasLabel}></slot>
-                <slot name="label-only"></slot>
-                <slot
-                    name="tooltip"
-                    @slotchange=${this.handleTooltipSlotchange}
-                ></slot>
-            `]}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),s`
-            <sp-action-button
-                aria-describedby=${b}
-                ?quiet=${this.quiet}
-                ?selected=${this.open}
-                static-color=${d(this.staticColor)}
-                aria-haspopup="true"
-                aria-controls=${d(this.open?"menu":void 0)}
-                aria-expanded=${this.open?"true":"false"}
-                aria-label=${d(this.label||void 0)}
-                id="button"
-                class="button"
-                size=${this.size}
-                @blur=${this.handleButtonBlur}
-                @focus=${this.handleButtonFocus}
-                @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
-                ?disabled=${this.disabled}
-            >
-                ${this.buttonContent}
-            </sp-action-button>
-            ${this.renderMenu} ${this.renderDescriptionSlot}
-        `}update(e){e.has("invalid")&&(this.invalid=!1),super.update(e)}}l([p({type:String})],ActionMenu.prototype,"selects",2),l([p({reflect:!0,attribute:"static-color"})],ActionMenu.prototype,"staticColor",2),l([c()],ActionMenu.prototype,"labelOnly",1);
-//# sourceMappingURL=ActionMenu.js.map

package/src/ActionMenu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["ActionMenu.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 {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { state } from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { DESCRIPTION_ID, PickerBase } from '@spectrum-web-components/picker';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-more.js';\nimport actionMenuStyles from './action-menu.css.js';\nimport { SlottableRequestEvent } from '@spectrum-web-components/overlay/src/slottable-request-event.js';\n\n/**\n * @element sp-action-menu\n *\n * @slot - menu items to be listed in the Action Menu\n * @slot icon - The icon to use for the Action Menu\n * @slot label - The label to use for the Action Menu\n * @slot label-only - The label to use for the Action Menu (no icon space reserved)\n * @slot tooltip - Tooltip to be applied to the Action Button\n * @attr selects - By default `sp-action-menu` does not manage a selection. If\n *   you'd like for a selection to be held by the `sp-menu` that it presents in\n *   its overlay, use `selects=\"single\" to activate this functionality.\n */\nexport class ActionMenu extends ObserveSlotPresence(\n    ObserveSlotText(PickerBase, 'label'),\n    '[slot=\"label-only\"]'\n) {\n    public static override get styles(): CSSResultArray {\n        return [actionMenuStyles];\n    }\n\n    @property({ type: String })\n    public override selects: undefined | 'single' = undefined;\n\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'white' | 'black';\n\n    protected override listRole: 'listbox' | 'menu' = 'menu';\n    protected override itemRole = 'menuitem';\n    private get hasLabel(): boolean {\n        return this.slotHasContent;\n    }\n\n    @state()\n    private get labelOnly(): boolean {\n        return this.slotContentIsPresent;\n    }\n\n    public override handleSlottableRequest = (\n        event: SlottableRequestEvent\n    ): void => {\n        this.dispatchEvent(new SlottableRequestEvent(event.name, event.data));\n    };\n\n    protected override get buttonContent(): TemplateResult[] {\n        return [\n            html`\n                ${this.labelOnly\n                    ? html``\n                    : html`\n                          <slot\n                              name=\"icon\"\n                              slot=\"icon\"\n                              ?icon-only=${!this.hasLabel}\n                              ?hidden=${this.labelOnly}\n                          >\n                              <sp-icon-more\n                                  class=\"icon\"\n                                  size=${this.size}\n                              ></sp-icon-more>\n                          </slot>\n                      `}\n                <slot name=\"label\" ?hidden=${!this.hasLabel}></slot>\n                <slot name=\"label-only\"></slot>\n                <slot\n                    name=\"tooltip\"\n                    @slotchange=${this.handleTooltipSlotchange}\n                ></slot>\n            `,\n        ];\n    }\n\n    protected override render(): TemplateResult {\n        if (this.tooltipEl) {\n            this.tooltipEl.disabled = this.open;\n        }\n        return html`\n            <sp-action-button\n                aria-describedby=${DESCRIPTION_ID}\n                ?quiet=${this.quiet}\n                ?selected=${this.open}\n                static-color=${ifDefined(this.staticColor)}\n                aria-haspopup=\"true\"\n                aria-controls=${ifDefined(this.open ? 'menu' : undefined)}\n                aria-expanded=${this.open ? 'true' : 'false'}\n                aria-label=${ifDefined(this.label || undefined)}\n                id=\"button\"\n                class=\"button\"\n                size=${this.size}\n                @blur=${this.handleButtonBlur}\n                @focus=${this.handleButtonFocus}\n                @keydown=${{\n                    handleEvent: this.handleEnterKeydown,\n                    capture: true,\n                }}\n                ?disabled=${this.disabled}\n            >\n                ${this.buttonContent}\n            </sp-action-button>\n            ${this.renderMenu} ${this.renderDescriptionSlot}\n        `;\n    }\n\n    protected override update(changedProperties: PropertyValues<this>): void {\n        if (changedProperties.has('invalid')) {\n            this.invalid = false;\n        }\n        super.update(changedProperties);\n    }\n}\n"],
-  "mappings": "qNAYA,OAEI,QAAAA,MAGG,gCACP,OAAS,SAAAC,MAAa,kDACtB,OAAS,aAAAC,MAAiB,kDAC1B,OAAS,YAAAC,MAAgB,kDACzB,OAAS,kBAAAC,EAAgB,cAAAC,MAAkB,kCAC3C,MAAO,6DACP,OAAS,uBAAAC,MAA2B,+DACpC,OAAS,mBAAAC,MAAuB,2DAChC,MAAO,gEACP,OAAOC,MAAsB,uBAC7B,OAAS,yBAAAC,MAA6B,kEAc/B,aAAM,mBAAmBH,EAC5BC,EAAgBF,EAAY,OAAO,EACnC,qBACJ,CAAE,CAHK,kCASH,KAAgB,QAAgC,OAKhD,KAAmB,SAA+B,OAClD,KAAmB,SAAW,WAU9B,KAAgB,uBACZK,GACO,CACP,KAAK,cAAc,IAAID,EAAsBC,EAAM,KAAMA,EAAM,IAAI,CAAC,CACxE,EAzBA,WAA2B,QAAyB,CAChD,MAAO,CAACF,CAAgB,CAC5B,CAUA,IAAY,UAAoB,CAC5B,OAAO,KAAK,cAChB,CAGA,IAAY,WAAqB,CAC7B,OAAO,KAAK,oBAChB,CAQA,IAAuB,eAAkC,CACrD,MAAO,CACHR;AAAA,kBACM,KAAK,UACDA,IACAA;AAAA;AAAA;AAAA;AAAA,2CAIqB,CAAC,KAAK,QAAQ;AAAA,wCACjB,KAAK,SAAS;AAAA;AAAA;AAAA;AAAA,yCAIb,KAAK,IAAI;AAAA;AAAA;AAAA,uBAG3B;AAAA,6CACsB,CAAC,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,kCAIzB,KAAK,uBAAuB;AAAA;AAAA,aAGtD,CACJ,CAEmB,QAAyB,CACxC,OAAI,KAAK,YACL,KAAK,UAAU,SAAW,KAAK,MAE5BA;AAAA;AAAA,mCAEoBI,CAAc;AAAA,yBACxB,KAAK,KAAK;AAAA,4BACP,KAAK,IAAI;AAAA,+BACNF,EAAU,KAAK,WAAW,CAAC;AAAA;AAAA,gCAE1BA,EAAU,KAAK,KAAO,OAAS,MAAS,CAAC;AAAA,gCACzC,KAAK,KAAO,OAAS,OAAO;AAAA,6BAC/BA,EAAU,KAAK,OAAS,MAAS,CAAC;AAAA;AAAA;AAAA,uBAGxC,KAAK,IAAI;AAAA,wBACR,KAAK,gBAAgB;AAAA,yBACpB,KAAK,iBAAiB;AAAA,2BACpB,CACP,YAAa,KAAK,mBAClB,QAAS,EACb,CAAC;AAAA,4BACW,KAAK,QAAQ;AAAA;AAAA,kBAEvB,KAAK,aAAa;AAAA;AAAA,cAEtB,KAAK,UAAU,IAAI,KAAK,qBAAqB;AAAA,SAEvD,CAEmB,OAAOS,EAA+C,CACjEA,EAAkB,IAAI,SAAS,IAC/B,KAAK,QAAU,IAEnB,MAAM,OAAOA,CAAiB,CAClC,CACJ,CAvFoBC,EAAA,CADfT,EAAS,CAAE,KAAM,MAAO,CAAC,GARjB,WASO,uBAGTS,EAAA,CADNT,EAAS,CAAE,QAAS,GAAM,UAAW,cAAe,CAAC,GAX7C,WAYF,2BASKS,EAAA,CADXX,EAAM,GApBE,WAqBG",
-  "names": ["html", "state", "ifDefined", "property", "DESCRIPTION_ID", "PickerBase", "ObserveSlotPresence", "ObserveSlotText", "actionMenuStyles", "SlottableRequestEvent", "event", "changedProperties", "__decorateClass"]
-}

package/src/action-menu.css.d.ts

@@ -1,2 +0,0 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
-export default styles;

package/src/action-menu.css.dev.js

@@ -1,7 +0,0 @@
-"use strict";
-import { css } from "@spectrum-web-components/base";
-const styles = css`
-    :host{display:inline-flex}:host([quiet]){min-width:0}:host>sp-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}sp-overlay:not(:defined){display:none}
-`;
-export default styles;
-//# sourceMappingURL=action-menu.css.dev.js.map

package/src/action-menu.css.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["action-menu.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{display:inline-flex}:host([quiet]){min-width:0}:host>sp-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}sp-overlay:not(:defined){display:none}\n`;\nexport default styles;"],
-  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
-  "names": []
-}

package/src/action-menu.css.js

@@ -1,4 +0,0 @@
-"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
-    :host{display:inline-flex}:host([quiet]){min-width:0}:host>sp-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}sp-overlay:not(:defined){display:none}
-`;export default o;
-//# sourceMappingURL=action-menu.css.js.map

package/src/action-menu.css.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["action-menu.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{display:inline-flex}:host([quiet]){min-width:0}:host>sp-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc(( var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}sp-overlay:not(:defined){display:none}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
-  "names": ["css", "styles"]
-}

package/src/index.d.ts

@@ -1 +0,0 @@
-export * from './ActionMenu.js';

package/src/index.dev.js

@@ -1,3 +0,0 @@
-"use strict";
-export * from "./ActionMenu.dev.js";
-//# sourceMappingURL=index.dev.js.map

package/src/index.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["index.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 * from './ActionMenu.dev.js'\n"],
-  "mappings": ";AAWA,cAAc;",
-  "names": []
-}

package/src/index.js

@@ -1,2 +0,0 @@
-"use strict";export*from"./ActionMenu.js";
-//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["index.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 * from './ActionMenu.js';\n"],
-  "mappings": "aAWA,WAAc",
-  "names": []
-}

package/stories/action-menu-sizes.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-import "@spectrum-web-components/menu/sp-menu.js";
-import "@spectrum-web-components/menu/sp-menu-item.js";
-import { isOverlayOpen } from "../../overlay/stories/index.js";
-import "../../overlay/stories/index.js";
-import { ActionMenuMarkup } from "./";
-export default {
-  title: "Action menu/Sizes",
-  component: "sp-action-menu"
-};
-export const s = () => ActionMenuMarkup({ size: "s" });
-export const sOpen = () => ActionMenuMarkup({ size: "s", open: true });
-sOpen.decorators = [isOverlayOpen];
-export const m = () => ActionMenuMarkup({ size: "m" });
-export const mOpen = () => ActionMenuMarkup({ size: "m", open: true });
-mOpen.decorators = [isOverlayOpen];
-export const l = () => ActionMenuMarkup({ size: "l" });
-export const lOpen = () => ActionMenuMarkup({ size: "l", open: true });
-lOpen.decorators = [isOverlayOpen];
-export const XL = () => ActionMenuMarkup({ size: "xl" });
-export const XLOpen = () => ActionMenuMarkup({ size: "xl", open: true });
-XLOpen.decorators = [isOverlayOpen];
-//# sourceMappingURL=action-menu-sizes.stories.js.map

package/stories/action-menu-sizes.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["action-menu-sizes.stories.ts"],
-  "sourcesContent": ["/*\nCopyright 2021 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 '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport { isOverlayOpen } from '../../overlay/stories/index.js';\nimport '../../overlay/stories/index.js';\nimport { ActionMenuMarkup } from './';\n\nexport default {\n    title: 'Action menu/Sizes',\n    component: 'sp-action-menu',\n};\n\nexport const s = (): TemplateResult => ActionMenuMarkup({ size: 's' });\nexport const sOpen = (): TemplateResult =>\n    ActionMenuMarkup({ size: 's', open: true });\nsOpen.decorators = [isOverlayOpen];\n\nexport const m = (): TemplateResult => ActionMenuMarkup({ size: 'm' });\nexport const mOpen = (): TemplateResult =>\n    ActionMenuMarkup({ size: 'm', open: true });\nmOpen.decorators = [isOverlayOpen];\n\nexport const l = (): TemplateResult => ActionMenuMarkup({ size: 'l' });\nexport const lOpen = (): TemplateResult =>\n    ActionMenuMarkup({ size: 'l', open: true });\nlOpen.decorators = [isOverlayOpen];\n\nexport const XL = (): TemplateResult => ActionMenuMarkup({ size: 'xl' });\nexport const XLOpen = (): TemplateResult =>\n    ActionMenuMarkup({ size: 'xl', open: true });\nXLOpen.decorators = [isOverlayOpen];\n"],
-  "mappings": ";AAaA,OAAO;AACP,OAAO;AACP,SAAS,qBAAqB;AAC9B,OAAO;AACP,SAAS,wBAAwB;AAEjC,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AACf;AAEO,aAAM,IAAI,MAAsB,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAC9D,aAAM,QAAQ,MACjB,iBAAiB,EAAE,MAAM,KAAK,MAAM,KAAK,CAAC;AAC9C,MAAM,aAAa,CAAC,aAAa;AAE1B,aAAM,IAAI,MAAsB,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAC9D,aAAM,QAAQ,MACjB,iBAAiB,EAAE,MAAM,KAAK,MAAM,KAAK,CAAC;AAC9C,MAAM,aAAa,CAAC,aAAa;AAE1B,aAAM,IAAI,MAAsB,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAC9D,aAAM,QAAQ,MACjB,iBAAiB,EAAE,MAAM,KAAK,MAAM,KAAK,CAAC;AAC9C,MAAM,aAAa,CAAC,aAAa;AAE1B,aAAM,KAAK,MAAsB,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAChE,aAAM,SAAS,MAClB,iBAAiB,EAAE,MAAM,MAAM,MAAM,KAAK,CAAC;AAC/C,OAAO,aAAa,CAAC,aAAa;",
-  "names": []
-}