@m3e/split-button 1.0.0-rc.1

package/dist/custom-elements.json

@@ -0,0 +1,447 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SplitButtonElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./SplitButtonVariant\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/SplitButtonElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eSplitButtonElement",
+          "cssProperties": [
+            {
+              "description": "Leading space for the trailing button (extra-small, unselected).",
+              "name": "--m3e-split-button-extra-small-trailing-button-unselected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (extra-small, unselected).",
+              "name": "--m3e-split-button-extra-small-trailing-button-unselected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (small, unselected).",
+              "name": "--m3e-split-button-small-trailing-button-unselected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (small, unselected).",
+              "name": "--m3e-split-button-small-trailing-button-unselected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (medium, unselected).",
+              "name": "--m3e-split-button-medium-trailing-button-unselected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (medium, unselected).",
+              "name": "--m3e-split-button-medium-trailing-button-unselected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (large, unselected).",
+              "name": "--m3e-split-button-large-trailing-button-unselected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (large, unselected).",
+              "name": "--m3e-split-button-large-trailing-button-unselected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (extra-large, unselected).",
+              "name": "--m3e-split-button-extra-large-trailing-button-unselected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (extra-large, unselected).",
+              "name": "--m3e-split-button-extra-large-trailing-button-unselected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (extra-small, selected).",
+              "name": "--m3e-split-button-extra-small-trailing-button-selected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (extra-small, selected).",
+              "name": "--m3e-split-button-extra-small-trailing-button-selected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (small, selected).",
+              "name": "--m3e-split-button-small-trailing-button-selected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (small, selected).",
+              "name": "--m3e-split-button-small-trailing-button-selected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (medium, selected).",
+              "name": "--m3e-split-button-medium-trailing-button-selected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (medium, selected).",
+              "name": "--m3e-split-button-medium-trailing-button-selected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (large, selected).",
+              "name": "--m3e-split-button-large-trailing-button-selected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (large, selected).",
+              "name": "--m3e-split-button-large-trailing-button-selected-trailing-space"
+            },
+            {
+              "description": "Leading space for the trailing button (extra-large, selected).",
+              "name": "--m3e-split-button-extra-large-trailing-button-selected-leading-space"
+            },
+            {
+              "description": "Trailing space for the trailing button (extra-large, selected).",
+              "name": "--m3e-split-button-extra-large-trailing-button-selected-trailing-space"
+            },
+            {
+              "description": "Inner corner size for the leading/trailing button (extra-small).",
+              "name": "--m3e-split-button-extra-small-inner-corner-size"
+            },
+            {
+              "description": "Inner corner size for the leading/trailing button (small).",
+              "name": "--m3e-split-button-small-inner-corner-size"
+            },
+            {
+              "description": "Inner corner size for the leading/trailing button (medium).",
+              "name": "--m3e-split-button-medium-inner-corner-size"
+            },
+            {
+              "description": "Inner corner size for the leading/trailing button (large).",
+              "name": "--m3e-split-button-large-inner-corner-size"
+            },
+            {
+              "description": "Inner corner size for the leading/trailing button (extra-large).",
+              "name": "--m3e-split-button-extra-large-inner-corner-size"
+            },
+            {
+              "description": "Inner corner size on hover (extra-small).",
+              "name": "--m3e-split-button-extra-small-inner-corner-hover-size"
+            },
+            {
+              "description": "Inner corner size on hover (small).",
+              "name": "--m3e-split-button-small-inner-corner-hover-size"
+            },
+            {
+              "description": "Inner corner size on hover (medium).",
+              "name": "--m3e-split-button-medium-inner-corner-hover-size"
+            },
+            {
+              "description": "Inner corner size on hover (large).",
+              "name": "--m3e-split-button-large-inner-corner-hover-size"
+            },
+            {
+              "description": "Inner corner size on hover (extra-large).",
+              "name": "--m3e-split-button-extra-large-inner-corner-hover-size"
+            },
+            {
+              "description": "Inner corner size on press (extra-small).",
+              "name": "--m3e-split-button-extra-small-inner-corner-pressed-size"
+            },
+            {
+              "description": "Inner corner size on press (small).",
+              "name": "--m3e-split-button-small-inner-corner-pressed-size"
+            },
+            {
+              "description": "Inner corner size on press (medium).",
+              "name": "--m3e-split-button-medium-inner-corner-pressed-size"
+            },
+            {
+              "description": "Inner corner size on press (large).",
+              "name": "--m3e-split-button-large-inner-corner-pressed-size"
+            },
+            {
+              "description": "Inner corner size on press (extra-large).",
+              "name": "--m3e-split-button-extra-large-inner-corner-pressed-size"
+            },
+            {
+              "description": "Spacing between leading and trailing buttons (extra-small).",
+              "name": "--m3e-split-button-extra-small-between-spacing"
+            },
+            {
+              "description": "Spacing between leading and trailing buttons (small).",
+              "name": "--m3e-split-button-small-between-spacing"
+            },
+            {
+              "description": "Spacing between leading and trailing buttons (medium).",
+              "name": "--m3e-split-button-medium-between-spacing"
+            },
+            {
+              "description": "Spacing between leading and trailing buttons (large).",
+              "name": "--m3e-split-button-large-between-spacing"
+            },
+            {
+              "description": "Spacing between leading and trailing buttons (extra-large).",
+              "name": "--m3e-split-button-extra-large-between-spacing"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The leading button used to perform the primary action.",
+              "name": "leading-button"
+            },
+            {
+              "description": "The trailing icon button used to open a menu of related actions.",
+              "name": "trailing-button"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_base",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#leadingButton",
+              "privacy": "private",
+              "type": {
+                "text": "M3eButtonElement | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#trailingButton",
+              "privacy": "private",
+              "type": {
+                "text": "M3eIconButtonElement | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#trailingButtonHover",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#pressedController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new PressedController(this, { target: null, capture: true, isPressedKey: (key) => key === \" \" || key === \"Enter\", callback: (pressed, _, target) => { switch (target) { case this.#leadingButton: this.#updateLeadingButtonShape(pressed); break; case this.#trailingButton: this.#updateTrailingButtonShape(pressed || this.#trailingButtonHover); break; } }, })"
+            },
+            {
+              "kind": "field",
+              "name": "#hoverController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HoverController(this, { target: null, callback: (hovering, target) => { switch (target) { case this.#trailingButton: if (!this.#trailingButton?.disabled && !this.#trailingButton?.disabledInteractive) { this.#trailingButtonHover = hovering; this.#updateTrailingButtonShape(hovering); } break; } }, })"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "SplitButtonVariant"
+              },
+              "default": "\"filled\"",
+              "description": "The appearance variant of the button.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "ButtonSize"
+              },
+              "default": "\"small\"",
+              "description": "The size of the button.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#handleLeadingSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleTrailingSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#updateButtons",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateLeadingButtonShape",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "update",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#updateTrailingButtonShape",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "update",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#updateButtonShape",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "button",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "property",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "description": "The appearance variant of the button.",
+              "name": "variant",
+              "type": {
+                "text": "SplitButtonVariant"
+              },
+              "default": "\"filled\"",
+              "fieldName": "variant"
+            },
+            {
+              "description": "The size of the button.",
+              "name": "size",
+              "type": {
+                "text": "ButtonSize"
+              },
+              "default": "\"small\"",
+              "fieldName": "size"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-split-button",
+          "customElement": true,
+          "summary": "A button used to show an action with a menu of related actions."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eSplitButtonElement",
+          "declaration": {
+            "name": "M3eSplitButtonElement",
+            "module": "src/SplitButtonElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-split-button",
+          "declaration": {
+            "name": "M3eSplitButtonElement",
+            "module": "src/SplitButtonElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/SplitButtonVariant.ts",
+      "declarations": [],
+      "exports": []
+    }
+  ]
+}

package/dist/html-custom-data.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "m3e-split-button",
+      "description": "A button used to show an action with a menu of related actions.\n---\n\n\n### **Slots:**\n - **leading-button** - The leading button used to perform the primary action.\n- **trailing-button** - The trailing icon button used to open a menu of related actions.\n\n### **CSS Properties:**\n - **--m3e-split-button-extra-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-leading-space** - Leading space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-leading-space** - Leading space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-leading-space** - Leading space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-trailing-space** - Trailing space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-leading-space** - Leading space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-size** - Inner corner size for the leading/trailing button (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-size** - Inner corner size for the leading/trailing button (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-size** - Inner corner size for the leading/trailing button (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-size** - Inner corner size for the leading/trailing button (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-size** - Inner corner size for the leading/trailing button (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-hover-size** - Inner corner size on hover (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-hover-size** - Inner corner size on hover (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-hover-size** - Inner corner size on hover (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-hover-size** - Inner corner size on hover (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-hover-size** - Inner corner size on hover (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-pressed-size** - Inner corner size on press (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-pressed-size** - Inner corner size on press (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-pressed-size** - Inner corner size on press (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-pressed-size** - Inner corner size on press (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-pressed-size** - Inner corner size on press (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-between-spacing** - Spacing between leading and trailing buttons (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-between-spacing** - Spacing between leading and trailing buttons (small). _(default: undefined)_\n- **--m3e-split-button-medium-between-spacing** - Spacing between leading and trailing buttons (medium). _(default: undefined)_\n- **--m3e-split-button-large-between-spacing** - Spacing between leading and trailing buttons (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-between-spacing** - Spacing between leading and trailing buttons (extra-large). _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The appearance variant of the button.",
+          "values": [{ "name": "SplitButtonVariant" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the button.",
+          "values": [{ "name": "ButtonSize" }]
+        }
+      ],
+      "references": []
+    }
+  ]
+}