@3mo/loading-button/dist/custom-elements.json

A button web-component with a loading state and capable of inferring the loading state from click event handler promises.

{
	"version": "experimental",
	"tags": [
		{
			"name": "mo-loading-button",
			"path": ".\\packages\\LoadingButton\\LoadingButton.ts",
			"attributes": [
				{
					"name": "loading",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "preventClickEventInference",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "type",
					"type": "ButtonType",
					"default": "\"text\""
				},
				{
					"name": "disabled",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "startIcon",
					"type": "MaterialIcon | undefined"
				},
				{
					"name": "endIcon",
					"type": "MaterialIcon | undefined"
				}
			],
			"properties": [
				{
					"name": "loading",
					"attribute": "loading",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "preventClickEventInference",
					"attribute": "preventClickEventInference",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "shadowRootOptions",
					"type": "ShadowRootInit",
					"default": "{\"delegatesFocus\":true}"
				},
				{
					"name": "type",
					"attribute": "type",
					"type": "ButtonType",
					"default": "\"text\""
				},
				{
					"name": "disabled",
					"attribute": "disabled",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "startIcon",
					"attribute": "startIcon",
					"type": "MaterialIcon | undefined"
				},
				{
					"name": "endIcon",
					"attribute": "endIcon",
					"type": "MaterialIcon | undefined"
				}
			],
			"slots": [
				{
					"name": "",
					"description": "The content of the button."
				},
				{
					"name": "start",
					"description": "The starting content of the button."
				},
				{
					"name": "end",
					"description": "The end content of the button."
				}
			],
			"cssProperties": [
				{
					"name": "--mo-button-accent-color"
				},
				{
					"name": "--mo-button-on-accent-color"
				},
				{
					"name": "--mo-button-horizontal-padding"
				},
				{
					"name": "--mo-button-disabled-background-color"
				},
				{
					"name": "--mo-button-disabled-color"
				}
			],
			"cssParts": [
				{
					"name": "button",
					"description": "The composed native button element."
				},
				{
					"name": "ripple",
					"description": "The ripple element."
				},
				{
					"name": "focus-ring",
					"description": "The focus ring element."
				}
			]
		},
		{
			"name": "mo-loading-button",
			"path": ".\\packages\\LoadingButton\\dist\\LoadingButton.d.ts",
			"attributes": [
				{
					"name": "loading",
					"type": "boolean"
				},
				{
					"name": "preventClickEventInference",
					"type": "boolean"
				},
				{
					"name": "type",
					"type": "ButtonType",
					"default": "\"text\""
				},
				{
					"name": "disabled",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "startIcon",
					"type": "MaterialIcon | undefined"
				},
				{
					"name": "endIcon",
					"type": "MaterialIcon | undefined"
				}
			],
			"properties": [
				{
					"name": "loading",
					"attribute": "loading",
					"type": "boolean"
				},
				{
					"name": "preventClickEventInference",
					"attribute": "preventClickEventInference",
					"type": "boolean"
				},
				{
					"name": "shadowRootOptions",
					"type": "ShadowRootInit",
					"default": "{\"delegatesFocus\":true}"
				},
				{
					"name": "type",
					"attribute": "type",
					"type": "ButtonType",
					"default": "\"text\""
				},
				{
					"name": "disabled",
					"attribute": "disabled",
					"type": "boolean",
					"default": "false"
				},
				{
					"name": "startIcon",
					"attribute": "startIcon",
					"type": "MaterialIcon | undefined"
				},
				{
					"name": "endIcon",
					"attribute": "endIcon",
					"type": "MaterialIcon | undefined"
				}
			],
			"slots": [
				{
					"name": "",
					"description": "The content of the button."
				},
				{
					"name": "start",
					"description": "The starting content of the button."
				},
				{
					"name": "end",
					"description": "The end content of the button."
				}
			],
			"cssProperties": [
				{
					"name": "--mo-button-accent-color"
				},
				{
					"name": "--mo-button-on-accent-color"
				},
				{
					"name": "--mo-button-horizontal-padding"
				},
				{
					"name": "--mo-button-disabled-background-color"
				},
				{
					"name": "--mo-button-disabled-color"
				}
			],
			"cssParts": [
				{
					"name": "button",
					"description": "The composed native button element."
				},
				{
					"name": "ripple",
					"description": "The ripple element."
				},
				{
					"name": "focus-ring",
					"description": "The focus ring element."
				}
			]
		}
	]
}