[{"name":"Svg.Path","comment":"\n\n\n# Building Paths\n\n@docs Path\n@docs startAt, end, endClosed\n@docs drawLineBy, drawLineTo\n@docs drawCircleArcAround, drawCircleArcAroundBy\n@docs jumpBy, jumpTo\n\n\n## Advanced\n\n@docs drawArcBy, drawArcTo\n@docs drawCircleArcBy, drawCircleArcTo\n@docs custom, toString\n@docs PathBuilder\n\n","unions":[{"name":"Path","comment":" Commands for writing Paths.\n\nYou might want to use `PathBuilder` to build paths.\n\n","args":[],"cases":[["JumpTo",["( Basics.Float, Basics.Float )","Svg.Path.Path"]],["LineTo",["( Basics.Float, Basics.Float )","Svg.Path.Path"]],["ArcTo",["( Basics.Float, Basics.Float )","{ radiusX : Basics.Float, radiusY : Basics.Float, rotation : Basics.Float, takeTheLongWay : Basics.Bool, clockwise : Basics.Bool }","Svg.Path.Path"]],["Custom",["String.String","Svg.Path.Path"]],["EndClosed",[]],["End",[]]]}],"aliases":[{"name":"PathBuilder","comment":" Builds Paths.\n\nStart building paths with `startAt` and end it with `end`.\n\n","args":[],"type":"( ( Basics.Float, Basics.Float ), Svg.Path.Path -> Svg.Path.Path )"}],"values":[{"name":"custom","comment":" custom path command.\n\nYou should only use this if you know what your doing.\n\n    ```\n    startAt (50,50)\n    |> custom (\\(x,y) -> ((x+10,y+10),\"l10 10\"))\n    |> end\n    ```\n\n","type":"(( Basics.Float, Basics.Float ) -> ( ( Basics.Float, Basics.Float ), String.String )) -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"drawArcBy","comment":" draw an arc to a relative point\n","type":"( Basics.Float, Basics.Float ) -> { radiusX : Basics.Float, radiusY : Basics.Float, rotation : Basics.Float, takeTheLongWay : Basics.Bool, clockwise : Basics.Bool } -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"drawArcTo","comment":" draw an arc to a point\n","type":"( Basics.Float, Basics.Float ) -> { radiusX : Basics.Float, radiusY : Basics.Float, rotation : Basics.Float, takeTheLongWay : Basics.Bool, clockwise : Basics.Bool } -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"drawCircleArcAround","comment":" Draw a circle arc around a center point\n","type":"( Basics.Float, Basics.Float ) -> { angle : Basics.Float, clockwise : Basics.Bool } -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"drawCircleArcAroundBy","comment":" draw a circle arc around a relative center\n","type":"( Basics.Float, Basics.Float ) -> { angle : Basics.Float, clockwise : Basics.Bool } -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"drawCircleArcBy","comment":" draw a circle arc to a relative point\n","type":"( Basics.Float, Basics.Float ) -> { angle : Basics.Float, takeTheLongWay : Basics.Bool, clockwise : Basics.Bool } -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"drawCircleArcTo","comment":" draw a circle arc to a point\n","type":"( Basics.Float, Basics.Float ) -> { angle : Basics.Float, takeTheLongWay : Basics.Bool, clockwise : Basics.Bool } -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"drawLineBy","comment":" draw a line to a relative point\n","type":"( Basics.Float, Basics.Float ) -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"drawLineTo","comment":" draw a line to a point\n","type":"( Basics.Float, Basics.Float ) -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"end","comment":" end the path\n","type":"Svg.Path.PathBuilder -> Svg.Path.Path"},{"name":"endClosed","comment":" move back to the start and end the path\n","type":"Svg.Path.PathBuilder -> Svg.Path.Path"},{"name":"jumpBy","comment":" jump by a relative amount (without drawing)\n","type":"( Basics.Float, Basics.Float ) -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"jumpTo","comment":" jump to a point (without drawing)\n","type":"( Basics.Float, Basics.Float ) -> Svg.Path.PathBuilder -> Svg.Path.PathBuilder"},{"name":"startAt","comment":" start building a path\n","type":"( Basics.Float, Basics.Float ) -> Svg.Path.PathBuilder"},{"name":"toString","comment":" Convert the path to a string.\n\nYou can use it with elm/svg like this:\n\n        Svg.path\n            [ Svg.Attributes.d (toString path)]\n            []\n\n","type":"Svg.Path.Path -> String.String"}],"binops":[]},{"name":"Svg.Writer","comment":"\n\n\n# Svg\n\n@docs SvgNode, circle, rectangle, path\n\n@docs define, defineMask, use\n\n@docs group\n\n\n# Attributes\n\n@docs withFillColor, withNoFillColor\n@docs withStrokeColor, withStrokeWidth, withNoStrokeColor\n@docs withMask\n@docs withCustomAttribute\n\n\n# Conversion\n\n@docs toString, toHtml, toDataURI\n\n\n# Interactive Viewer\n\n@docs Program, toProgram\n\n\n# Deprecated\n\n@docs withAttribute\n\n","unions":[{"name":"SvgNode","comment":" A Svg Node.\n\nIt can be turned into a string using `toString` or into html using `toHtml`.\n\n","args":[],"cases":[["SvgNode",["{ name : String.String, attributes : List.List ( String.String, String.String ), content : List.List Svg.Writer.SvgNode }"]]]}],"aliases":[{"name":"Program","comment":" A Program for viewing your Svg creations\n","args":[],"type":"Platform.Program () Svg.Writer.Model Svg.Writer.Msg"}],"values":[{"name":"circle","comment":" define a cirlce svg node\n","type":"{ radius : Basics.Float, pos : ( Basics.Float, Basics.Float ) } -> Svg.Writer.SvgNode"},{"name":"define","comment":" define a template.\n\nYou can use a template with `use`.\n\n","type":"List.List ( String.String, Svg.Writer.SvgNode ) -> Svg.Writer.SvgNode"},{"name":"defineMask","comment":" define a mask.\n\nYou can use the mask with `withMask`.\n\n","type":"String.String -> List.List Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"group","comment":" group nodes to apply styling to all nodes at once.\n","type":"List.List Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"path","comment":" turn a path into a svg node.\n","type":"Svg.Path.Path -> Svg.Writer.SvgNode"},{"name":"rectangle","comment":" create a rectangle svg node\n","type":"{ topLeft : ( Basics.Float, Basics.Float ), width : Basics.Float, height : Basics.Float } -> Svg.Writer.SvgNode"},{"name":"toDataURI","comment":" turn the list of svg nodes into a data URI.\n\n    backgroundImage : Html.Attribute msg\n    backgroundImage =\n        Html.Attributes.style \"background-image\"\n            ( \"url(\\\\\"\"\n                ++ toDataURI { width = 100, height = 100 }\n                    svgNodes\n                ++ \"\\\\\")\"\n            )\n\n","type":"{ width : Basics.Int, height : Basics.Int } -> List.List Svg.Writer.SvgNode -> String.String"},{"name":"toHtml","comment":" convert the svg nodes into html.\n\nNote: the svg will be displayed as the background of a div.\n\nI tried converting it into a Svg node, but my browser didn't seem to like it.\n\nAlternatively i looked into elm/Svg, but there i can't define custom attributes.\n\n","type":"List.List (Html.Attribute msg) -> { width : Basics.Int, height : Basics.Int } -> List.List Svg.Writer.SvgNode -> Html.Html msg"},{"name":"toProgram","comment":" Convert into a program for viewing your Svg creations.\n\nYou might want to use this in combination with hot-loading, while you write your svg.\n\n","type":"{ name : String.String, width : Basics.Int, height : Basics.Int } -> List.List Svg.Writer.SvgNode -> Svg.Writer.Program"},{"name":"toString","comment":" Convert the list of svg nodes into a svg-string.\n","type":"{ width : Basics.Int, height : Basics.Int } -> List.List Svg.Writer.SvgNode -> String.String"},{"name":"use","comment":" Use a defined template\n","type":"String.String -> Svg.Writer.SvgNode"},{"name":"withAttribute","comment":" @Deprecated\n\nUse `withCustomAttribute` instead.\n\n","type":"( String.String, String.String ) -> Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"withCustomAttribute","comment":" add a attribute\n","type":"String.String -> String.String -> Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"withFillColor","comment":" fill the shape with a color\n","type":"String.String -> Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"withMask","comment":" Use a defined mask\n","type":"String.String -> Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"withNoFillColor","comment":" use no color for the filling\n","type":"Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"withNoStrokeColor","comment":" don't draw the border of the shape\n","type":"Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"withStrokeColor","comment":" use a color for the border of the shape\n","type":"String.String -> Svg.Writer.SvgNode -> Svg.Writer.SvgNode"},{"name":"withStrokeWidth","comment":" define the with of the border of the shape\n","type":"Basics.Float -> Svg.Writer.SvgNode -> Svg.Writer.SvgNode"}],"binops":[]}]