[{"name":"Hovercard","comment":" This module makes rendering hovercards like [Wikipedia's](https://anandchowdhary.github.io/hovercard/) easy. It follows The Elm Architecture.\n\n\n# Configuration\n\n@docs Config\n\n\n# Init\n\n@docs init\n\n\n# Update\n\n@docs update\n\n\n# View\n\n@docs view\n\n\n# Subscriptions\n\n@docs subscriptions\n\n\n# Commands\n\n@docs getElement\n\n\n# Internals\n\n@docs Model, Msg\n\n","unions":[{"name":"Model","comment":" Hovercards internal model\n","args":[],"cases":[]},{"name":"Msg","comment":" Hovercards internal `Msg`s\n","args":[],"cases":[]}],"aliases":[{"name":"Config","comment":" Configure the hovercard.\n\n  - tickLength: length of the tick\n  - zIndex: z-index css property of the hovercard\n  - borderColor, borderWidth, backgroundColor: minimal styling for the hovercard and the small arrow pointing to the element\n  - viewport: override the viewport in which the hovercard can be positioned. This is needed if you render the hovercard within an HTML element with CSS attribute `position`.\n\n","args":[],"type":"{ tickLength : Basics.Float, zIndex : Basics.Int, borderColor : Color.Color, backgroundColor : Color.Color, borderWidth : Basics.Float, viewport : Maybe.Maybe { x : Basics.Float, y : Basics.Float, width : Basics.Float, height : Basics.Float } }"}],"values":[{"name":"getElement","comment":" Trigger positioning of the hovercard to the target element programmatically.\n","type":"Hovercard.Model -> Platform.Cmd.Cmd Hovercard.Msg"},{"name":"init","comment":" Initialize the hovercard with the ID of the target HTML element.\n\nIt tries to find the target element in the DOM using [Browser.Dom.getElement](https://package.elm-lang.org/packages/elm/browser/1.0.2/Browser-Dom#getElement).\n\n","type":"String.String -> ( Hovercard.Model, Platform.Cmd.Cmd Hovercard.Msg )"},{"name":"subscriptions","comment":" Subscribes to [Browser.Dom.onResize](https://package.elm-lang.org/packages/elm/browser/1.0.2/Browser-Events#onResize) in order to reposition the hovercard automatically.\n","type":"Hovercard.Model -> Platform.Sub.Sub Hovercard.Msg"},{"name":"update","comment":" Update the hovercard model\n","type":"Hovercard.Msg -> Hovercard.Model -> ( Hovercard.Model, Platform.Cmd.Cmd Hovercard.Msg )"},{"name":"view","comment":" Render the hovercard.\n\nExample:\n\n    view\n        -- configuration\n        { tickLength = 16\n        , zIndex = 1\n        , borderColor = Color.black\n        , backgroundColor = Color.lightBlue\n        , borderWidth = 2\n        , viewport = Nothing\n        }\n        -- Hovercard model\n        model\n        -- additional styles for the hovercard, eg. a shadow\n        [ style \"box-shadow\" \"5px 5px 5px 0px rgba(0,0,0,0.25)\"\n        ]\n        -- the content of the hovercard\n        [ div\n            []\n            [ text \"Lorem ipsum dolor sit amet\"\n            ]\n        ]\n\n","type":"Hovercard.Config -> Hovercard.Model -> List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"}],"binops":[]}]