{
  "timestamp": "2021-10-17T06:36:53",
  "compiler": {
    "name": "@stencil/core",
    "version": "2.9.0",
    "typescriptVersion": "4.2.3"
  },
  "components": [
    {
      "filePath": "./src/components/button1/button1.tsx",
      "encapsulation": "shadow",
      "tag": "fw-button1",
      "readme": "# fw-button1\n\n## Usage\n\n```html live\n<section>\n<fw-label value=\"Try Compound Components\"></fw-label>\n<fw-button1 color=\"secondary\"> OK </fw-button1>\n<fw-button1 color=\"danger\"> Don't Click </fw-button1>\n<fw-button1 color=\"link\"> Link Button </fw-button1>\n<fw-button1 color=\"text\"> Plain Text Button </fw-button1>\n</section>\n```\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"link\" | \"primary\" | \"secondary\" | \"text\"",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": false,
          "docs": "Identifier of  the theme based on which the button is styled.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "link",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Disables the button on the interface. If the attribute’s value is undefined, the value is set to false.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "expand",
          "type": "boolean",
          "mutable": false,
          "attr": "expand",
          "reflectToAttr": false,
          "docs": "Sets the button to a full-width block. If the attribute’s value is undefined, the value is set to false.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "modalTriggerId",
          "type": "string",
          "mutable": false,
          "attr": "modal-trigger-id",
          "reflectToAttr": false,
          "docs": "Accepts the id of the fw-modal component to open it on click",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"mini\" | \"normal\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "Size of the button.",
          "docsTags": [],
          "default": "'normal'",
          "values": [
            {
              "value": "mini",
              "type": "string"
            },
            {
              "value": "normal",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"button\" | \"reset\" | \"submit\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "Button type based on which actions are performed when the button is clicked.",
          "docsTags": [],
          "default": "'button'",
          "values": [
            {
              "value": "button",
              "type": "string"
            },
            {
              "value": "reset",
              "type": "string"
            },
            {
              "value": "submit",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "fwBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Triggered when the button loses focus.",
          "docsTags": []
        },
        {
          "event": "fwClick",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Triggered when the button is clicked.",
          "docsTags": []
        },
        {
          "event": "fwFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Triggered when the button comes into focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "fw-label"
      ],
      "dependencyGraph": {
        "fw-button1": [
          "fw-label"
        ]
      }
    }
  ]
}