[{"name":"Modal","comment":"\n\n    import Html exposing (..)\n    import Html.Attributes exposing (style)\n    import Modal\n\n    view modalState =\n        Modal.view\n            { ifClosed =\n                button (Modal.openOnClick \"intro-modal\")\n                    [ text \"Launch intro modal\" ]\n            , overlayColor = \"rgba(128, 0, 128, 0.7)\"\n            , modalContainer =\n                div\n                    [ style \"background-color\" \"white\"\n                    , style \"border-radius\" \"4px\"\n                    , style \"border\" \"2px solid purple\"\n                    , style \"margin\" \"40px auto\"\n                    , style \"padding\" \"20px\"\n                    , style \"max-width\" \"600px\"\n                    , style \"min-height\" \"40vh\"\n                    ]\n            , title = ( \"Intro Modal\", [] )\n            , content =\n                div\n                    [ style \"display\" \"flex\"\n                    ]\n                    [ text \"Welcome to this modal! I'm so happy to have you here with me.\"\n                    , button\n                        (Modal.closeOnClick :: Modal.singleFocusableElement)\n                        [ text \"Close intro modal\" ]\n                    ]\n            }\n            modalState\n\n@docs Model, init, subscriptions\n@docs Msg, update\n@docs view\n@docs openOnClick, closeOnClick\n@docs firstFocusableElement, lastFocusableElement, singleFocusableElement\n\n","unions":[{"name":"Model","comment":" ","args":[],"cases":[]},{"name":"Msg","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"closeOnClick","comment":" ","type":"Accessibility.Attribute Modal.Msg"},{"name":"firstFocusableElement","comment":" ","type":"List.List (Accessibility.Attribute Modal.Msg)"},{"name":"init","comment":" ","type":"Modal.Model"},{"name":"lastFocusableElement","comment":" ","type":"List.List (Accessibility.Attribute Modal.Msg)"},{"name":"openOnClick","comment":" ","type":"String.String -> List.List (Accessibility.Attribute Modal.Msg)"},{"name":"singleFocusableElement","comment":" ","type":"List.List (Accessibility.Attribute Modal.Msg)"},{"name":"subscriptions","comment":" ","type":"Modal.Model -> Platform.Sub.Sub Modal.Msg"},{"name":"update","comment":" ","type":"Modal.Msg -> Modal.Model -> ( Modal.Model, Platform.Cmd.Cmd Modal.Msg )"},{"name":"view","comment":" ","type":"{ ifClosed : Accessibility.Html msg, overlayColor : String.String, modalContainer : List.List (Accessibility.Html msg) -> Accessibility.Html msg, title : ( String.String, List.List (Accessibility.Attribute Basics.Never) ), content : Accessibility.Html msg } -> Modal.Model -> Accessibility.Html msg"}],"binops":[]}]