{
    "version": "experimental",
    "tags": [
      {
        "name": "xtal-frappe-chart",
        "path": "https://unpkg.com/xtal-frappe-chart@0.0.81/xtal-frappe-chart.js?module",
        "attributes": [
          {
            "name": "disabled",
            "description": "Any component that emits events should not do so if it is disabled.\r\nNote that this is not enforced, but the disabled property is made available.\r\nUsers of this mix-in should ensure not to call \"de\" if this property is set to true.",
            "type": "boolean"
          }
        ],
        "properties": [
          {
            "name": "selectedElementContract",
            "type": "object",
            "default": "{\"trigger\":\"\\n        import 'https://unpkg.com/xtal-shell/$hell.js?module';\\n        import 'https://unpkg.com/xtal-frappe-chart/xtal-frappe-chart.js?module';\\n        setTimeout(() =>{\\n            $hell.$0=document.querySelector('xtal-frappe-chart');\\n            $hell.cd('div#target/div/svg/g[0]/g[2]/rect[2]');\\n            setTimeout(() =>{\\n              $hell.$0.dispatchEvent(new Event('click'));\\n            }, 500);\\n            \\n          }, 3000);\\n        \",\"expectedEvent\":{\"name\":\"selected-element-changed\",\"detail\":{\"value\":{\"values\":[30,-10,-3],\"label\":\"6am-9am\",\"index\":2}},\"associatedPropName\":\"selectedElement\"}}"
          },
          {
            "name": "data",
            "description": "Data to chart",
            "type": "object",
            "default": "{\"title\":\"My Awesome Chart\",\"data\":{\"labels\":[\"12am-3am\",\"3am-6am\",\"6am-9am\",\"9am-12pm\",\"12pm-3pm\",\"3pm-6pm\",\"6pm-9pm\",\"9pm-12am\"],\"datasets\":[{\"name\":\"Some Data\",\"color\":\"light-blue\",\"values\":[25,40,30,35,8,52,17,-4]},{\"name\":\"Another Set\",\"color\":\"violet\",\"values\":[25,50,-10,15,18,32,27,14]},{\"name\":\"Yet Another\",\"color\":\"blue\",\"values\":[15,20,-3,-15,58,12,-17,37]}]},\"type\":\"bar\",\"height\":250,\"isNavigable\":true}"
          },
          {
            "name": "value",
            "type": "SelectedElement"
          },
          {
            "name": "selectedElement",
            "type": "SelectedElement"
          },
          {
            "name": "newDataPoint",
            "description": "Add new data point to chart",
            "type": "IAddDataPointParams"
          },
          {
            "name": "staleDataPoint",
            "description": "Remove data point from chart",
            "type": "number"
          },
          {
            "name": "chart",
            "type": "Chart"
          },
          {
            "name": "noShadow",
            "type": "boolean",
            "default": "false"
          },
          {
            "name": "renderOptions",
            "type": "RenderOptions"
          },
          {
            "name": "initTransform",
            "type": "object",
            "default": "{}"
          },
          {
            "name": "readyToInit",
            "type": "boolean",
            "default": "true"
          },
          {
            "name": "readyToRender",
            "type": "boolean",
            "default": "true"
          },
          {
            "name": "updateTransforms",
            "type": "(({ data }: XtalFrappeChart) => { '#target': ({ target }: { target: any; }) => void; })[]",
            "default": "[null]"
          },
          {
            "name": "root",
            "type": "HTMLElement | ShadowRoot"
          },
          {
            "name": "self",
            "type": "this",
            "default": "\"this\""
          },
          {
            "name": "propActions",
            "type": "(({ newDataPoint, chart }: XtalFrappeChart) => void)[]",
            "default": "[\"addDataPoint\",\"removeDataPoint\"]"
          },
          {
            "name": "eventScopes",
            "description": "Allow instances of component to specify custom event propagation (EventInit) parameters",
            "type": "EventScopes | undefined"
          },
          {
            "name": "defaultValues"
          },
          {
            "name": "disabled",
            "attribute": "disabled",
            "description": "Any component that emits events should not do so if it is disabled.\r\nNote that this is not enforced, but the disabled property is made available.\r\nUsers of this mix-in should ensure not to call \"de\" if this property is set to true.",
            "type": "boolean"
          }
        ],
        "events": [
          {
            "name": "selected-element-changed",
            "description": "fires when user selects chart data element"
          }
        ]
      }
    ]
  }