[{"name":"Modal","comment":"\n\n    import Html exposing (..)\n    import Html.Attributes exposing (style)\n    import Html.Events exposing (onClick)\n    import Modal\n\n    view : Modal.State -> Html Modal.Msg\n    view modalState =\n        Modal.view\n            { overlayColor = \"rgba(128, 0, 128, 0.7)\"\n            , dismissOnEscAndOverlayClick = False\n            , wrapMsg = identity\n            , modalAttributes =\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                        (onClick Modal.close :: Modal.singleFocusableElement)\n                        [ text \"Close intro modal\" ]\n                    ]\n            }\n            modalState\n\n@docs Model, init, subscriptions\n@docs Msg, update, close\n@docs view\n@docs openOnClick\n@docs firstFocusableElement, lastFocusableElement, singleFocusableElement\n\n","unions":[{"name":"Model","comment":" ","args":[],"cases":[]},{"name":"Msg","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"close","comment":" ","type":"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":"{ overlayColor : String.String, dismissOnEscAndOverlayClick : Basics.Bool, wrapMsg : Modal.Msg -> msg, modalAttributes : List.List (Accessibility.Attribute Basics.Never), title : ( String.String, List.List (Accessibility.Attribute Basics.Never) ), content : Accessibility.Html msg } -> Modal.Model -> Accessibility.Html msg"}],"binops":[]}]