[{"name":"LinerBar","comment":" This module provides a customizable linear bar chart component.\n\nIt allows you to display data as a horizontal bar chart with interactive\nlegend items that highlight corresponding bars.\n\n# View\n\n@docs view\n\n# Data\n\n@docs Model, Data, Item\n\n# Messages\n\n@docs Msg\n\n# Initialization\n\n@docs init\n\n# Update\n\n@docs update\n\n","unions":[{"name":"Msg","comment":" Represents the possible messages that can be sent to update the LinerBar.\n","args":[],"cases":[]}],"aliases":[{"name":"Data","comment":" Represents the data used to populate the LinerBar.\n","args":[],"type":"{ title : Maybe.Maybe String.String, items : List.List LinerBar.Item, dark : Basics.Bool }"},{"name":"Item","comment":" Represents a single item within the LinerBar data.\n","args":[],"type":"{ name : String.String, value : Basics.Float, color : String.String }"},{"name":"Model","comment":" Represents the overall state of the LinerBar component.\n","args":[],"type":"{ data : LinerBar.Data, activatedItem : Maybe.Maybe String.String, hoveredItem : Maybe.Maybe String.String }"}],"values":[{"name":"init","comment":" Initializes the LinerBar model with the data.\n\n    - `data`: The initial data for the LinerBar.\n\n    Example:\n\n    import LinerBar\n\n    initialModel : LinerBar.Model\n    initialModel =\n        LinerBar.init myData\n\n","type":"LinerBar.Data -> LinerBar.Model"},{"name":"update","comment":" Updates the LinerBar model based on the given message.\n\n    - `msg`: The message to process.\n    - `model`: The current LinerBar model.\n\n    The function handles the following messages:\n\n    - `ActivateDeactivateItem id`: Toggles the active state of the item with the given ID.\n    - `HoverItem id`: Sets the hovered item to the item with the given ID.\n    - `LeaveItem`: Clears the hovered item.\n\n","type":"LinerBar.Msg -> LinerBar.Model -> LinerBar.Model"},{"name":"view","comment":" Renders the LinerBar component.\n\n  - `model`: The current LinerBar model.\n\nThis function uses the `LinerBarStyles` module to apply styles to the\ndifferent parts of the chart.\n\n","type":"LinerBar.Model -> Html.Html LinerBar.Msg"}],"binops":[]},{"name":"LinerBarStyles","comment":" This module provides styling attributes for a linear bar chart component.\n\n# Styles\n\n@docs cardBodyStyles, cardStyles, cardTitleStyles, \n    legendItemButtonStyles, legendItemDotStyles, legendItemNameStyles,\n    legendItemStyles, legendStyles, progressItemStyles, progressStyles\n\n# Helper Functions\n\n@docs styleList\n\n","unions":[],"aliases":[],"values":[{"name":"cardBodyStyles","comment":" Styles for the card body.\n","type":"List.List ( String.String, String.String )"},{"name":"cardStyles","comment":" Base styles for the card container that holds the entire chart.\n\n- `dark`: A boolean indicating whether to apply dark theme styles.\n\n","type":"Basics.Bool -> List.List ( String.String, String.String )"},{"name":"cardTitleStyles","comment":" Styles for the title of the chart.\n\n- `dark`: A boolean indicating whether to apply dark theme styles.\n\n","type":"Basics.Bool -> List.List ( String.String, String.String )"},{"name":"legendItemButtonStyles","comment":" Styles for the legend item button (the button that contains the dot and the name).\n","type":"List.List ( String.String, String.String )"},{"name":"legendItemDotStyles","comment":" Styles for the colored dot in the legend.\n\n- `color`: The color of the dot, matching the bar it represents.\n\n","type":"String.String -> List.List ( String.String, String.String )"},{"name":"legendItemNameStyles","comment":" Styles for the name of the item in the legend.\n\n- `dark`: A boolean indicating whether to apply dark theme styles.\n\n","type":"Basics.Bool -> List.List ( String.String, String.String )"},{"name":"legendItemStyles","comment":" Styles for individual legend items.\n","type":"List.List ( String.String, String.String )"},{"name":"legendStyles","comment":" Styles for the legend container.\n","type":"List.List ( String.String, String.String )"},{"name":"progressItemStyles","comment":" Styles for individual progress bar items.\n\n- `isActivated`: Indicates if the bar is currently activated (e.g., by clicking the legend).\n- `isHovered`: Indicates if the mouse is currently hovering over the bar.\n- `isFirstItem`: Indicates if this is the first bar item in the chart.\n- `isLastItem`: Indicates if this is the last bar item in the chart.\n- `color`: The background color of the bar.\n- `progressWidth`: The width of the bar, expressed as a percentage (e.g., \"50%\").\n\n","type":"Basics.Bool -> Basics.Bool -> Basics.Bool -> Basics.Bool -> String.String -> Basics.Float -> List.List ( String.String, String.String )"},{"name":"progressStyles","comment":" Styles for the progress bar container.\n","type":"List.List ( String.String, String.String )"},{"name":"styleList","comment":" Helper function to convert a list of style pairs into a list of `Html.Attribute` for use with `Html` elements.\n","type":"List.List ( String.String, String.String ) -> List.List (Html.Attribute msg)"}],"binops":[]}]