[{"name":"Select","comment":" Select items from a menu list.\n\n\n# Set up\n\n@docs SelectId, Config, State, MenuItem, BasicMenuItem, basicMenuItem, CustomMenuItem, customMenuItem, Group, group, groupedMenuItem, groupStyles, groupView, filterableMenuItem, stylesMenuItem, Action, initState, keepMenuOpen, focus, isFocused, isMenuOpen, Msg, menuItems, clearable\n@docs placeholder, selectIdentifier, state, update, view, searchable, setStyles, name\n\n\n# Single select\n\n@docs single\n\n\n# Menu select\n\n@docs singleMenu, menu\n\n\n# Multi select\n\n@docs multi\n\n\n# Native Single select\n\n@docs singleNative\n\n\n# Native Multi select\n\n@docs multiNative\n\n\n# Common\n\n@docs disabled, labelledBy, ariaDescribedBy, loading, loadingMessage\n\n\n# Advanced\n\n@docs jsOptimize\n\n","unions":[{"name":"Action","comment":" Specific events happen in the Select that you can react to from your update.\n\nMaybe you want to find out what country someone is from?\n\nWhen they select a country from the menu, it will be reflected in the Select action.\n\n    import Select exposing ( Action(..) )\n\n    type Msg\n        = SelectMsg (Select.Msg Country)\n        -- your other Msg's\n\n    type Country\n        = Australia\n        | Japan\n        | Taiwan\n        -- other countries\n\n    update : Msg -> Model -> (Model, Cmd Msg)\n    update msg model =\n        case msg of\n            SelectMsg selectMsg ->\n                let\n                    (maybeAction, selectState, selectCmds) =\n                        Select.update selectMsg model.selectState\n\n                    selectedCountry : Maybe Country\n                    selectedCountry =\n                        case maybeAction of\n                            Just (Select.Select someCountry) ->\n                                Just someCountry\n\n                            Nothing ->\n                                Nothing\n\n                in\n                -- (model, cmd)\n\nNOTE: Multi native variants use the `SelectBatch` action to determine selections.\n\n","args":["item"],"cases":[["InputChange",["String.String"]],["Select",["item"]],["SelectBatch",["List.List item"]],["Deselect",["List.List item"]],["Clear",[]],["FocusSet",[]]]},{"name":"Config","comment":" ","args":["item"],"cases":[]},{"name":"Group","comment":" ","args":[],"cases":[]},{"name":"MenuItem","comment":" ","args":["item"],"cases":[]},{"name":"Msg","comment":" ","args":["item"],"cases":[]},{"name":"SelectId","comment":" ","args":[],"cases":[]},{"name":"State","comment":" ","args":[],"cases":[]}],"aliases":[{"name":"BasicMenuItem","comment":" A menu item that will be represented in the menu list.\n\nThe `item` property is the type representation of the menu item that will be used in an [Action](#Action).\n\nThe `label` is the text representation that will be shown in the menu.\n\n    type Tool\n        = Screwdriver\n        | Hammer\n        | Drill\n\n    toolItems : MenuItem Tool\n    toolItems =\n        [ basicMenuItem { item = Screwdriver, label = \"Screwdriver\" }\n        , basicMenuItem { item = Hammer, label = \"Hammer\" }\n        , basicMenuItem { item = Drill, label = \"Drill\" }\n        ]\n\n    yourView model =\n        Html.map SelectMsg <|\n            view\n                (single Nothing\n                    |> menuItems toolItems\n                    |> state model.selectState\n                )\n\nCombine this with [basicMenuItem](#basicMenuItem) to create a [MenuItem](#MenuItem)\n\n","args":["item"],"type":"{ item : item, label : String.String }"},{"name":"CustomMenuItem","comment":" A menu item that will be represented in the menu list by a view you supply.\n\nThe `item` property is the type representation of the menu item that will be used in an [Action](#Action).\n\nThe `label` is the text representation of the item.\n\nThe view is a `Html` view that you supply.\n\n    type Tool\n        = Screwdriver\n        | Hammer\n        | Drill\n\n    toolItems : MenuItem Tool\n    toolItems =\n        [ customMenuItem { item = Screwdriver, label = \"Screwdriver\", view = text \"Screwdriver\" }\n        , customMenuItem { item = Hammer, label = \"Hammer\", view = text \"Hammer\" }\n        , customMenuItem { item = Drill, label = \"Drill\", view = text \"Drill\" }\n        ]\n\n    yourView model =\n        Html.map SelectMsg <|\n            view\n                (single Nothing\n                    |> menuItems toolItems\n                    |> state model.selectState\n                )\n\nThe view you provide will be rendered in a `li` element that is styled according to the value set by [setStyles](#setStyles).\n\n        customMenuItem { item = Hammer, label = \"Hammer\", view = text \"Hammer\" }\n        -- => <li>Hammer</>\n\nCombine this with [customMenuItem](#customMenuItem) to create a [MenuItem](#MenuItem).\n\n","args":["item"],"type":"{ item : item, label : String.String, view : Html.Styled.Html Basics.Never }"}],"values":[{"name":"ariaDescribedBy","comment":" The ID of an element that describes the select.\n\n    yourView model =\n        label\n            [ id \"selectLabelId\" ]\n            [ text \"Select your country\"\n            , Html.map SelectMsg <|\n                view\n                    (single Nothing\n                        |> labelledBy \"selectLabelId\"\n                        |> ariaDescribedBy \"selectDescriptionId\"\n                    )\n            , div [ id \"selectDescriptionId\" ] [ text \"This text describes the select\" ]\n            ]\n\n","type":"String.String -> Select.Config item -> Select.Config item"},{"name":"basicMenuItem","comment":" Create a [basic](#BasicMenuItem) type of [MenuItem](#MenuItem).\n\nUse [customMenuItem](#customMenuItem) if you want more flexibility\non how a menu item will look in the menu.\n\n        type Tool\n            = Screwdriver\n            | Hammer\n            | Drill\n\n        menuItems : List (MenuItem Tool)\n        menuItems =\n            [ basicMenuItem\n                { item = Screwdriver, label = \"Screwdriver\" }\n            , basicMenuItem\n                { item = Hammer, label = \"Hammer\" }\n            , basicMenuItem\n                { item = Drill, label = \"Drill\" }\n            ]\n\n","type":"Select.BasicMenuItem item -> Select.MenuItem item"},{"name":"clearable","comment":" Allows a [single](#single) variant selected menu item to be cleared.\n\nTo handle a cleared item refer to the [ClearedSingleSelect](#Action ) action.\n\n      items =\n          [ basicMenuItem\n              { item = SomeValue, label = \"Some label\" }\n          ]\n\n        yourView model =\n            Html.map SelectMsg <|\n                view\n                    ( single Nothing\n                        |> clearable True\n                        |> menuItems items\n                    )\n\n","type":"Basics.Bool -> Select.Config item -> Select.Config item"},{"name":"customMenuItem","comment":" Create a [custom](#CustomMenuItem) type of [MenuItem](#MenuItem).\n\n        type Tool\n            = Screwdriver\n            | Hammer\n            | Drill\n\n        menuItems : List (MenuItem Tool)\n        menuItems =\n            [ customMenuItem\n                { item = Screwdriver, label = \"Screwdriver\", view = text \"Screwdriver\" }\n            , customMenuItem\n                { item = Hammer, label = \"Hammer\", view = text \"Hammer\" }\n            , customMenuItem\n                { item = Drill, label = \"Drill\", view = text \"Drill\" }\n            ]\n\n","type":"Select.CustomMenuItem item -> Select.MenuItem item"},{"name":"disabled","comment":" Disables the select input so that it cannot be interacted with.\n\n        yourView model =\n            Html.map SelectMsg <|\n                view\n                    (single Nothing |> disabled True)\n\n","type":"Basics.Bool -> Select.Config item -> Select.Config item"},{"name":"filterableMenuItem","comment":" Choose whether a menu item is filterable.\n\nUseful for when you always want to have a selectable option in the menu.\n\nMenu items are filterable by default.\n\n        type Tool\n            = Screwdriver\n            | Hammer\n            | Drill\n\n        menuItems : List (MenuItem Tool)\n        menuItems =\n            [ customMenuItem\n                { item = Screwdriver, label = \"Screwdriver\", view = text \"Screwdriver\" }\n            , customMenuItem\n                { item = Hammer, label = \"Hammer\", view = text \"Hammer\" }\n            , customMenuItem\n                { item = Drill, label = \"Drill\", view = text \"Drill\" }\n                |> filterableMenuItem False\n            ]\n\nNOTE: This only takes effect when [searchable](#searchable) is `True`.\n\n","type":"Basics.Bool -> Select.MenuItem item -> Select.MenuItem item"},{"name":"focus","comment":" Opens the menu and sets focus on the Variant.\n\nHandy when using a menu [Variant](#Variant) as dropdown.\n\n      yourUpdate : (model, Cmd msg )\n      yourUpdate msg model =\n          case msg of\n              FocusTheSelect ->\n                let\n                  ( actions, updatedState, cmds ) =\n                      update focus model.selectState\n                in\n                ({ model | selectState = updatedState }, Cmd.map SelectMsg cmds)\n\nNOTE: Successfull focus will dispatch the `FocusSet` [Action](#Action)\n\n","type":"Select.Msg item"},{"name":"group","comment":" Create a [MenuItem](#MenuItem) group to provide visual organisation for\nyour menu items.\n\nUse with [groupedMenuItem](#groupedMenuItem) to add a [MenuItem](#MenuItem)\nto a group.\n\n        type Tool\n            = Screwdriver\n            | Hammer\n            | Drill\n\n        toolGroup : Group\n        toolGroup =\n          group \"tool\"\n\n        menuItems : List (MenuItem Tool)\n        menuItems =\n          [ groupedMenuItem toolGroup\n                ( basicMenuItem { item = Screwdriver, label = \"Screwdriver\" } )\n          , groupedMenuItem toolGroup\n                ( basicMenuItem { item = Hammer, label = \"Hammer\" } )\n          , groupedMenuItem toolGroup\n                ( basicMenuItem { item = Drill, label = \"Drill\" } )\n          ]\n\n","type":"String.String -> Select.Group"},{"name":"groupStyles","comment":" Create custom styling for a [Group](#Group).\n\nThis will override global styles for this group when using\n[setGroupStyles](/packages/Confidenceman02/elm-select/latest/Select-Styles#setGroupStyles)\n\n        groupStyles : GroupConfig\n        groupStyles =\n            getGroupConfig default\n                |> setGroupColor (Css.hex \"#EEEEEE\")\n\n        toolGroup : Group\n        toolGroup =\n          group \"tool\"\n              |> groupStyles groupStyles\n\n        menuItems : List (MenuItem Tool)\n        menuItems =\n          [ groupedMenuItem toolGroup\n                ( basicMenuItem { item = Screwdriver, label = \"Screwdriver\" } )\n          , groupedMenuItem toolGroup\n                ( basicMenuItem { item = Hammer, label = \"Hammer\" } )\n          , groupedMenuItem toolGroup\n                ( basicMenuItem { item = Drill, label = \"Drill\" } )\n          ]\n\n","type":"Select.Styles.GroupConfig -> Select.Group -> Select.Group"},{"name":"groupView","comment":" Create a custom view for a [Group](#Group).\n\n        customView : Html Never\n        customView =\n          text \"My custom group\"\n\n        customGroup : Group\n        customGroup =\n          group \"tool\"\n              |> groupView customView\n\n        menuItems : List (MenuItem Tool)\n        menuItems =\n          [ groupedMenuItem customGroup\n                ( basicMenuItem { item = Screwdriver, label = \"Screwdriver\" } )\n          , groupedMenuItem customGroup\n                ( basicMenuItem { item = Hammer, label = \"Hammer\" } )\n          , groupedMenuItem customGroup\n                ( basicMenuItem { item = Drill, label = \"Drill\" } )\n          ]\n\n","type":"Html.Styled.Html Basics.Never -> Select.Group -> Select.Group"},{"name":"groupedMenuItem","comment":" Create a grouped [MenuItem](#MenuItem).\n\n        type Tool\n            = Screwdriver\n            | Hammer\n            | Drill\n\n        toolGroup : Group\n        toolGroup =\n          group \"tool\"\n\n        menuItems : List (MenuItem Tool)\n        menuItems =\n            [ groupedMenuItem toolGroup\n                  ( customMenuItem\n                        { item = Screwdriver\n                        , label = \"Screwdriver\"\n                        , view = text \"Screwdriver\"\n                        }\n                  )\n            , customMenuItem\n                { item = Hammer, label = \"Hammer\", view = text \"Hammer\" }\n            , customMenuItem\n                { item = Drill, label = \"Drill\", view = text \"Drill\" }\n            ]\n\n","type":"Select.Group -> Select.MenuItem item -> Select.MenuItem item"},{"name":"initState","comment":" Set up an initial state in your init function.\n\n    type Country\n        = Australia\n        | Japan\n        | Taiwan\n\n    type alias Model =\n        { selectState : State\n        , items : List (MenuItem Country)\n        , selectedCountry : Maybe Country\n        }\n\n    init : Model\n    init =\n        { selectState = initState (selectIdentifier \"country-select\")\n        , items =\n            [ basicMenuItem\n                { item = Australia, label = \"Australia\" }\n            , basicMenuItem\n                { item = Japan, label = \"Japan\" }\n            , basicMenuItem\n                { item = Taiwan, label = \"Taiwan\" }\n            ]\n        , selectedCountry = Nothing\n        }\n\n","type":"Select.SelectId -> Select.State"},{"name":"isFocused","comment":" Check to see that the variant has focus.\n\nThis will return true if any focusable element inside the control has focus\ni.e. If the clear button is visible and has focus.\n\n      yourUpdate : (State, Cmd msg )\n      yourUpdate msg state =\n          case msg of\n              SelectMsg msg ->\n                  let\n                    ( actions, updatedState, cmds ) =\n                        update msg state\n                  in\n                  if isFocused updatedState then\n                    (updatedState, makeSomeRequest)\n                  else\n                    (updatedState, Cmd.none)\n\n","type":"Select.State -> Basics.Bool"},{"name":"isMenuOpen","comment":" Check that the menu is open and visible.\n\n      yourUpdate : (State, Cmd msg )\n      yourUpdate msg state =\n          case msg of\n              SelectMsg msg ->\n                let\n                  ( actions, updatedState, cmds ) =\n                      update msg state\n                in\n                if isFocused updatedState && isMenuOpen updatedState then\n                  (updatedState, makeSomeRequest)\n\n                else\n                  (updatedState, Cmd.none)\n\n","type":"Select.State -> Basics.Bool"},{"name":"jsOptimize","comment":" Opt in to a Javascript optimization.\n\nRead the [Advanced](https://package.elm-lang.org/packages/Confidenceman02/elm-select/latest/#opt-in-javascript-optimisation)\nsection of the README for a good explanation on why you might like to opt in.\n\n        model : Model model =\n            { selectState =\n                initState (selectIdentifier \"some-unique-id\")\n                        |> jsOptimize True\n            }\n\nInstall the Javascript package:\n\n**npm**\n\n> `npm install @confidenceman02/elm-select`\n\n**Import script**\n\n    <!DOCTYPE html>\n    <html>\n      <head>\n        <meta charset=\"utf-8\">\n        <title>Viewer</title>\n\n        <script src=\"/node_modules/@confidenceman02/elm-select/dist/dynamic.min.js\"></script>\n      </head>\n      <body>\n        <main></main>\n        <script src=\"index.js\"></script>\n      </body>\n    </html>\n\nAlternatively you can import the script wherever you are initialising your program.\n\n    import { Elm } from \"./src/Main\";\n    import \"@confidenceman02/elm-select\"\n\n    Elm.Main.init({node, flags})\n\n","type":"Basics.Bool -> Select.State -> Select.State"},{"name":"keepMenuOpen","comment":" Keeps the menu open at all times.\n\nUse this with care as all actions that normally close the menu like\nselections, or escape, or clicking away will not close it.\n\n","type":"Basics.Bool -> Select.State -> Select.State"},{"name":"labelledBy","comment":" The element ID of the label for the select.\n\nIt is best practice to render the select with a label.\n\n    yourView model =\n        label\n            [ id \"selectLabelId\" ]\n            [ text \"Select your country\"\n            , Html.map SelectMsg <|\n                view\n                    (single Nothing |> labelledBy \"selectLabelId\")\n            ]\n\n","type":"String.String -> Select.Config item -> Select.Config item"},{"name":"loading","comment":" Displays an animated loading icon to visually represent that menu items are being loaded.\n\nThis would be useful if you are loading menu options asynchronously, like from a server.\n\n        yourView model =\n            Html.map SelectMsg <|\n                view\n                    (single Nothing |> loading True)\n\n","type":"Basics.Bool -> Select.Config item -> Select.Config item"},{"name":"loadingMessage","comment":" Displays when there are no matched menu items and [loading](#loading) is True.\n\n        yourView model =\n            Html.map SelectMsg <|\n                view\n                    (single Nothing |> loadingMessage \"Fetching items...\")\n\n","type":"String.String -> Select.Config item -> Select.Config item"},{"name":"menu","comment":" Menu only select.\n\nUnlike a [singleMenu](#singleMenu) this variant does not\naccept or display options as selected.\n\nUseful when you want to know what someone has selected like\na list of settings or options.\n\n      actions : List (MenuItem Actions)\n      actions =\n          [ basicMenuItem\n              { item = Update, label = \"Update\" }\n          , basicMenuitem\n              { item = Delete, label = \"Delete\"\n            -- other actions\n          ]\n\n      yourView =\n          Html.map SelectMsg <|\n              view\n                (menu |> menuItems actions)\n\nNOTE: By default the menu will not render until it is focused and interacted with.\nThis is for accessibility reasons.\n\nYou can use [focus](#focus) to open and focus the menu if you are\nusing this variant as a dropdown.\n\n","type":"Select.Config item"},{"name":"menuItems","comment":" The items that will appear in the menu list.\n\nNOTE: When using the (multi) select, selected items will be reflected as a tags and\nvisually removed from the menu list.\n\n      items =\n          [ basicMenuItem\n              { item = SomeValue, label = \"Some label\" }\n          ]\n\n      yourView =\n          view\n              (Single Nothing |> menuItems items)\n\n","type":"List.List (Select.MenuItem item) -> Select.Config item -> Select.Config item"},{"name":"multi","comment":" Select multiple items.\n\nSelected items will render as tags and be visually removed from the menu list.\n\n    yourView model =\n        Html.map SelectMsg <|\n            view\n                (multi model.selectedCountries\n                    |> menuItems model.countries\n                )\n\n","type":"List.List (Select.MenuItem item) -> Select.Config item"},{"name":"multiNative","comment":" Select multiple items with a native html [select](https://www.w3schools.com/tags/tag_select.asp) element.\n\nUseful for when you want to give a native select experience such as on touch\ndevices.\n\n      countries : List (MenuItem Country)\n      countries =\n          [ basicMenuItem\n              { item = Australia, label = \"Australia\" }\n          , basicMenuItem\n              { item = Taiwan, label = \"Taiwan\"\n          -- other countries\n          ]\n\n      yourView =\n          Html.map SelectMsg <|\n              view\n                  (multiNative [] |> menuItems countries)\n\n**Note**\n\n  - The only [Action](#Action) event that will be fired from the native multi select is\n    the `SelectBatch` [Action](#Action). The other actions are not currently supported.\n\n  - Some [Config](#Config) values will not take effect when using the multi native variant\n\n","type":"List.List (Select.MenuItem item) -> Select.Config item"},{"name":"name","comment":" The name attribute of a native select variant\n\nA form will need this attribute to know how to label the data.\n\n    yourView model =\n        label\n            [ id \"selectLabelId\" ]\n            [ text \"Select your country\"\n            , Html.map SelectMsg <|\n                view\n                    (singleNative Nothing\n                        |> name \"country\"\n                    )\n            ]\n\n","type":"String.String -> Select.Config item -> Select.Config item"},{"name":"placeholder","comment":" The text that will appear as an input placeholder.\n\n      yourView model =\n          Html.map SelectMsg <|\n              view\n                  (single Nothing |> placeholder \"some placeholder\")\n\n","type":"String.String -> Select.Config item -> Select.Config item"},{"name":"searchable","comment":" Renders an input that let's you input text to search for menu items.\n\n      yourView model =\n          Html.map SelectMsg <|\n              view\n                  (single Nothing |> searchable True)\n\nNOTE: This doesn't affect the [Native single select](#native-single-select)\nvariant.\n\n","type":"Basics.Bool -> Select.Config item -> Select.Config item"},{"name":"selectIdentifier","comment":" The ID for the rendered Select input\n\nNOTE: It is important that the ID's of all selects that exist on\na page remain unique.\n\n    init : State\n    init =\n        initState (selectIdentifier \"someUniqueId\")\n\n","type":"String.String -> Select.SelectId"},{"name":"setStyles","comment":" Change some of the visual styles of the select.\n\nUseful for styling the select using your\ncolor branding.\n\n      import Select.Styles as Styles\n\n      baseStyles : Styles.Config\n      baseStyles =\n          Styles.default\n\n      controlBranding : Styles.ControlConfig\n      controlBranding =\n          Styles.getControlConfig baseStyles\n              |> Styles.setControlBorderColor (Css.hex \"#FFFFFF\")\n              |> Styles.setControlBorderColorFocus (Css.hex \"#0168B3\")\n\n      selectBranding : Styles.Config\n      selectBranding =\n        baseStyles\n            |> Styles.setControlStyles controlBranding\n\n      yourView model =\n          Html.map SelectMsg <|\n              view\n                  (single Nothing |> setStyles selectBranding)\n\n","type":"Select.Styles.Config -> Select.Config item -> Select.Config item"},{"name":"single","comment":" Select a single item.\n\n      countries : List (MenuItem Country)\n      countries =\n          [ basicMenuItem\n              { item = Australia, label = \"Australia\" }\n          , basicMenuitem\n              { item = Taiwan, label = \"Taiwan\"\n            -- other countries\n          ]\n\n      yourView =\n          Html.map SelectMsg <|\n              view\n                  (single Nothing |> menuItems countries)\n\n","type":"Maybe.Maybe (Select.MenuItem item) -> Select.Config item"},{"name":"singleMenu","comment":" Menu only single select.\n\n      countries : List (MenuItem Country)\n      countries =\n          [ basicMenuItem\n              { item = Australia, label = \"Australia\" }\n          , basicMenuitem\n              { item = Taiwan, label = \"Taiwan\"\n            -- other countries\n          ]\n\n      yourView =\n          Html.map SelectMsg <|\n              view\n                (singleMenu Nothing |> menuItems countries)\n\nNOTE: By default the menu will not render until it is focused and interacted with.\nThis is for accessibility reasons.\n\nYou can use [focus](#focus) to open and focus the menu if you are\nusing this variant as a dropdown.\n\n","type":"Maybe.Maybe (Select.MenuItem item) -> Select.Config item"},{"name":"singleNative","comment":" Select a single item with a native html [select](https://www.w3schools.com/tags/tag_select.asp) element.\n\nUseful for when you want to give a native select experience such as on touch\ndevices.\n\n      countries : List (MenuItem Country)\n      countries =\n          [ basicMenuItem\n              { item = Australia, label = \"Australia\" }\n          , basicMenuItem\n              { item = Taiwan, label = \"Taiwan\"\n          -- other countries\n          ]\n\n      yourView =\n          Html.map SelectMsg <|\n              view\n                  (singleNative Nothing |> menuItems countries)\n\n**Note**\n\n  - The only [Action](#Action) event that will be fired from the native single select is\n    the `Select` [Action](#Action). The other actions are not currently supported.\n\n  - Some [Config](#Config) values will not take effect when using the single native variant\n\n","type":"Maybe.Maybe (Select.MenuItem item) -> Select.Config item"},{"name":"state","comment":" The select state.\n\nThis is usually persisted in your model.\n\n      model : Model\n      model =\n          { selectState = initState }\n\n      yourView : Model\n      yourView model =\n          Html.map SelectMsg <|\n              view\n                  (single Nothing\n                      |> state model.selectState\n                  )\n\n","type":"Select.State -> Select.Config item -> Select.Config item"},{"name":"stylesMenuItem","comment":" Set individual styles for a menu item.\n\nThese styles will override any global menu item styles set via\n[setStyles](#setStyles).\n\nTo set a global style for all menu items use [setStyles](#setStyles).\n\n        import Styles exposing (MenuItemConfig, default, getMenuItemConfig)\n        import Css\n\n        type Tool\n            = Screwdriver\n            | Hammer\n            | Drill\n\n        drillStyles : MenuItemConfig\n        drillStyles =\n            getMenuItemConfig default\n                |> setMenuItemColorHoverSelected (Css.hex \"#EEEEEE\")\n\n        menuItems : List (MenuItem Tool)\n        menuItems =\n            [ customMenuItem\n                { item = Screwdriver, label = \"Screwdriver\", view = text \"Screwdriver\" }\n            , customMenuItem\n                { item = Drill, label = \"Drill\", view = text \"Drill\" }\n                |> stylesMenuItem drillStyles\n            ]\n\n","type":"Select.Styles.MenuItemConfig -> Select.MenuItem item -> Select.MenuItem item"},{"name":"update","comment":" Add a branch in your update to handle the view Msg's.\n\n      yourUpdate msg model =\n          case msg of\n              SelectMsg selectMsg ->\n                  update selectMsg model.selectState\n\n","type":"Select.Msg item -> Select.State -> ( Maybe.Maybe (Select.Action item), Select.State, Platform.Cmd.Cmd (Select.Msg item) )"},{"name":"view","comment":" Render the select\n\n      yourView model =\n          Html.map SelectMsg <|\n              view (single Nothing)\n\n","type":"Select.Config item -> Html.Styled.Html (Select.Msg item)"}],"binops":[]},{"name":"Select.Styles","comment":" Add custom styling to the Select control, menu and menu item.\n\n![elm-select](https://Confidenceman02.github.io/elm-select/assets/StylesModules.png)\n\n\n# Set up\n\nStyles for the different sections of the Select all have their own configuration.\nThis means when you are setting styles to the [MenuConfig](#MenuConfig) you can only use the\n[Setters](#setters) for the [MenuConfig](#MenuConfig).\n\nNOTE: The [native](/packages/Confidenceman02/elm-select/latest/Select#singleNative) Select variant\nonly respects some of the styles.\n\n@docs Config, ControlConfig, MenuConfig, MenuControlConfig, GroupConfig, MenuItemConfig, default\n\n\n# Setters\n\nSet styles\n\n\n## Control\n\n@docs setControlStyles, setControlBackgroundColor, setControlBackgroundColorHover, setControlBorderColor, setControlBorderColorFocus, setControlBorderColorHover, setControlBorderRadius, setControlColor, setControlClearIndicatorColor\n@docs setControlClearIndicatorColorHover, setControlDisabledOpacity, setControlDropdownIndicatorColor, setControlDropdownIndicatorColorHover\n@docs setControlLoadingIndicatorColor, setControlMinHeight, setControlMultiTagBackgroundColor, setControlMultiTagBorderRadius, setControlMultiTagColor, setControlMultiTagDismissibleBackgroundColor, setControlMultiTagDismissibleBackgroundColorHover\n@docs setControlMultiTagTruncationWidth, setControlSelectedColor, setControlPlaceholderOpacity, setControlSeparatorColor\n\n\n# Menu\n\n@docs setMenuStyles, setMenuBackgroundColor, setMenuBorderRadius, setMenuBorderWidth, setMenuBoxShadowBlur, setMenuBoxShadowColor, setMenuBoxShadowHOffset, setMenuBoxShadowVOffset, getMenuControlBackgroundColorHover\n@docs setMenuControlBackgroundColor, setMenuControlBackgroundColorHover, setMenuControlBorderColor, setMenuMaxHeightPx, setMenuMaxHeightVh, setMenuPosition\n\n\n# Group\n\n@docs setGroupStyles, setGroupColor, setGroupFontSizeLabel, setGroupFontWeightLabel, setGroupTextTransformationLabel\n\n\n# Menu item\n\n@docs setMenuItemStyles, setMenuItemBackgroundColorClicked, setMenuItemBackgroundColorSelected, setMenuItemBlockPadding, setMenuItemBorderRadius, setMenuItemColor, setMenuItemBackgroundColorNotSelected, setMenuItemColorHoverSelected, setMenuItemInlinePadding\n@docs setMenuItemColorHoverNotSelected, setMenuControlBorderColorFocus, setMenuControlBorderColorHover, setMenuControlBorderRadius, setMenuControlClearIndicatorColor\n@docs setMenuControlClearIndicatorColorHover, setMenuControlColor, setMenuControlDisabledOpacity, setMenuControlLoadingIndicatorColor, setMenuControlMinHeight, setMenuControlPlaceholderOpacity\n@docs setMenuControlSearchIndicatorColor\n\n\n# Getters\n\nGet styles\n\n\n## Control\n\n@docs getControlConfig, getControlBackgroundColor, getControlBackgroundColorHover, getControlBorderColor, getControlColor, getControlBorderColorFocus, getControlBorderColorHover, getControlBorderRadius, getControlClearIndicatorColor\n@docs getControlClearIndicatorColorHover, getControlDisabledOpacity, getControlDropdownIndicatorColor, getControlDropdownIndicatorColorHover\n@docs getControlLoadingIndicatorColor, getControlMinHeight, getControlMultiTagBackgroundColor, getControlMultiTagBorderRadius, getControlMultiTagColor, getControlMultiTagDismissibleBackgroundColor, getControlMultiTagDismissibleBackgroundColorHover, getControlMultiTagTruncationWidth, getControlPlaceholderOpacity, getControlSelectedColor, getControlSeparatorColor\n\n\n# Menu\n\n@docs getMenuConfig, getMenuBackgroundColor, getMenuBorderRadius, getMenuBorderWidth, getMenuBoxShadowColor\n@docs getMenuBoxShadowHOffset, getMenuBoxShadowVOffset, getMenuBoxShadowBlur, getMenuControlBackgroundColor, getMenuDividerColor\n@docs getMenuControlBorderColor, getMenuControlBorderColorFocus, getMenuControlBorderColorHover, getMenuControlBorderRadius, getMenuControlClearIndicatorColor, getMenuControlClearIndicatorColorHover\n@docs getMenuControlColor, getMenuControlDisabledOpacity, getMenuControlLoadingIndicatorColor, getMenuControlMinHeight, getMenuControlPlaceholderOpacity\n@docs getMenuControlSearchIndicatorColor, getMenuMaxHeight, getMenuPosition\n\n\n# Group\n\n@docs getGroupConfig, getGroupColor, getGroupFontSizeLabel, getGroupFontWeightLabel, getGroupTextTransformationLabel\n\n\n# Menu item\n\n@docs getMenuItemConfig, getMenuItemBackgroundColorSelected, getMenuItemBackgroundColorClicked, getMenuItemBlockPadding, getMenuItemBorderRadius, getMenuItemColor, getMenuItemColorHoverSelected, getMenuItemColorHoverNotSelected, getMenuItemInlinePadding\n\n@docs getMenuItemBackgroundColorNotSelected\n\n\n# Theme\n\n@docs dracula\n\n","unions":[{"name":"Config","comment":" ","args":[],"cases":[]},{"name":"ControlConfig","comment":" ","args":[],"cases":[]},{"name":"GroupConfig","comment":" ","args":[],"cases":[]},{"name":"MenuConfig","comment":" ","args":[],"cases":[]},{"name":"MenuControlConfig","comment":" ","args":["compatible"],"cases":[]},{"name":"MenuItemConfig","comment":" ","args":[],"cases":[]}],"aliases":[],"values":[{"name":"default","comment":" The default styling for the select\n\nThis is the [Config](#Config) that all select variants use if no styles\nhave been configured.\n\n","type":"Select.Styles.Config"},{"name":"dracula","comment":" A fun dark theme\n\n![elm-select](https://Confidenceman02.github.io/elm-select/assets/DraculaTheme.png)\n\n","type":"Select.Styles.Config"},{"name":"getControlBackgroundColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlBackgroundColorHover","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlBorderColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlBorderColorFocus","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlBorderColorHover","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlBorderRadius","comment":" ","type":"Select.Styles.ControlConfig -> Basics.Float"},{"name":"getControlClearIndicatorColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlClearIndicatorColorHover","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlConfig","comment":" Get the [ControlConfig](#ControlConfig)\n\n    baseStyles : Config\n    baseStyles =\n        default\n\n    baseControlStyles : ControlConfig\n    baseControlStyles =\n        getControlConfig baseStyles\n            |> setControlBorderColor (Css.hex \"ffffff\")\n\n","type":"Select.Styles.Config -> Select.Styles.ControlConfig"},{"name":"getControlDisabledOpacity","comment":" ","type":"Select.Styles.ControlConfig -> Basics.Float"},{"name":"getControlDropdownIndicatorColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlDropdownIndicatorColorHover","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlLoadingIndicatorColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlMinHeight","comment":" ","type":"Select.Styles.ControlConfig -> Basics.Float"},{"name":"getControlMultiTagBackgroundColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlMultiTagBorderRadius","comment":" ","type":"Select.Styles.ControlConfig -> Basics.Float"},{"name":"getControlMultiTagColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlMultiTagDismissibleBackgroundColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlMultiTagDismissibleBackgroundColorHover","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlMultiTagTruncationWidth","comment":" ","type":"Select.Styles.ControlConfig -> Maybe.Maybe Basics.Float"},{"name":"getControlPlaceholderOpacity","comment":" ","type":"Select.Styles.ControlConfig -> Basics.Float"},{"name":"getControlSelectedColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getControlSeparatorColor","comment":" ","type":"Select.Styles.ControlConfig -> Css.Color"},{"name":"getGroupColor","comment":" ","type":"Select.Styles.GroupConfig -> Css.Color"},{"name":"getGroupConfig","comment":" Get the GroupConfig\n\n    baseStyles : Config\n    baseStyles =\n        default\n\n    baseGroupStyles : GroupConfig\n    baseGroupStyles =\n        getGroupConfig baseStyles\n            |> setGroupColor (Css.hex \"#000000\")\n\n","type":"Select.Styles.Config -> Select.Styles.GroupConfig"},{"name":"getGroupFontSizeLabel","comment":" ","type":"Select.Styles.GroupConfig -> String.String"},{"name":"getGroupFontWeightLabel","comment":" ","type":"Select.Styles.GroupConfig -> String.String"},{"name":"getGroupTextTransformationLabel","comment":" ","type":"Select.Styles.GroupConfig -> String.String"},{"name":"getMenuBackgroundColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuBorderRadius","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuBorderWidth","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuBoxShadowBlur","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuBoxShadowColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuBoxShadowHOffset","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuBoxShadowVOffset","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuConfig","comment":" Get the [MenuConfig](#MenuConfig)\n\n    baseStyles : Config\n    baseStyles =\n        default\n\n    baseMenuStyles : MenuConfig\n    baseMenuStyles =\n        getMenuConfig baseStyles\n            |> setMenuBorderRadius 4\n\n","type":"Select.Styles.Config -> Select.Styles.MenuConfig"},{"name":"getMenuControlBackgroundColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlBackgroundColorHover","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlBorderColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlBorderColorFocus","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlBorderColorHover","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlBorderRadius","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuControlClearIndicatorColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlClearIndicatorColorHover","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlDisabledOpacity","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuControlLoadingIndicatorColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuControlMinHeight","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuControlPlaceholderOpacity","comment":" ","type":"Select.Styles.MenuConfig -> Basics.Float"},{"name":"getMenuControlSearchIndicatorColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuDividerColor","comment":" ","type":"Select.Styles.MenuConfig -> Css.Color"},{"name":"getMenuItemBackgroundColorClicked","comment":" ","type":"Select.Styles.MenuItemConfig -> Css.Color"},{"name":"getMenuItemBackgroundColorNotSelected","comment":" ","type":"Select.Styles.MenuItemConfig -> Css.Color"},{"name":"getMenuItemBackgroundColorSelected","comment":" ","type":"Select.Styles.MenuItemConfig -> Css.Color"},{"name":"getMenuItemBlockPadding","comment":" ","type":"Select.Styles.MenuItemConfig -> Basics.Float"},{"name":"getMenuItemBorderRadius","comment":" ","type":"Select.Styles.MenuItemConfig -> Basics.Float"},{"name":"getMenuItemColor","comment":" ","type":"Select.Styles.MenuItemConfig -> Css.Color"},{"name":"getMenuItemColorHoverNotSelected","comment":" ","type":"Select.Styles.MenuItemConfig -> Css.Color"},{"name":"getMenuItemColorHoverSelected","comment":" ","type":"Select.Styles.MenuItemConfig -> Css.Color"},{"name":"getMenuItemConfig","comment":" Get the MenuItemConfig\n\n    baseStyles : Config\n    baseStyles =\n        default\n\n    baseMenuStyles : MenuItemConfig\n    baseMenuStyles =\n        getMenuItemConfig baseStyles\n            |> setMenuItemBackgroundColorSelected (Css.hex \"#000000\")\n\n","type":"Select.Styles.Config -> Select.Styles.MenuItemConfig"},{"name":"getMenuItemInlinePadding","comment":" ","type":"Select.Styles.MenuItemConfig -> Basics.Float"},{"name":"getMenuMaxHeight","comment":" ","type":"Select.Styles.MenuConfig -> String.String"},{"name":"getMenuPosition","comment":" ","type":"Select.Styles.MenuConfig -> Css.Position {}"},{"name":"setControlBackgroundColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlBackgroundColorHover","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlBorderColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlBorderColorFocus","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlBorderColorHover","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlBorderRadius","comment":" ","type":"Basics.Float -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlClearIndicatorColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlClearIndicatorColorHover","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlDisabledOpacity","comment":" ","type":"Basics.Float -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlDropdownIndicatorColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlDropdownIndicatorColorHover","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlLoadingIndicatorColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlMinHeight","comment":" ","type":"Basics.Float -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlMultiTagBackgroundColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlMultiTagBorderRadius","comment":" ","type":"Basics.Float -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlMultiTagColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlMultiTagDismissibleBackgroundColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlMultiTagDismissibleBackgroundColorHover","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlMultiTagTruncationWidth","comment":" ","type":"Basics.Float -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlPlaceholderOpacity","comment":" ","type":"Basics.Float -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlSelectedColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlSeparatorColor","comment":" ","type":"Css.Color -> Select.Styles.ControlConfig -> Select.Styles.ControlConfig"},{"name":"setControlStyles","comment":" Set styles for the select control\n\n        controlBranding : ControlConfig\n        controlBranding =\n            getControlConfig default\n                |> setControlBorderColor (Css.hex \"#FFFFFF\")\n                |> setControlBorderColorFocus (Css.hex \"#0168B3\")\n\n        selectBranding : Config\n        selectBranding\n            default\n                |> setControlStyles controlBranding\n\n","type":"Select.Styles.ControlConfig -> Select.Styles.Config -> Select.Styles.Config"},{"name":"setGroupColor","comment":" ","type":"Css.Color -> Select.Styles.GroupConfig -> Select.Styles.GroupConfig"},{"name":"setGroupFontSizeLabel","comment":" ","type":"Css.FontSize a -> Select.Styles.GroupConfig -> Select.Styles.GroupConfig"},{"name":"setGroupFontWeightLabel","comment":" ","type":"Css.FontWeight a -> Select.Styles.GroupConfig -> Select.Styles.GroupConfig"},{"name":"setGroupStyles","comment":" Set styles for Select menu item groups\n\n        groupBranding : GroupConfig\n        groupBranding =\n            getGroupConfig default\n                |> setGroupColor (Css.hex \"#000000\")\n\n\n        selectBranding : Config\n        selectBranding\n                default\n                    |> setGroupStyles groupBranding\n\n","type":"Select.Styles.GroupConfig -> Select.Styles.Config -> Select.Styles.Config"},{"name":"setGroupTextTransformationLabel","comment":" ","type":"Css.TextTransform a -> Select.Styles.GroupConfig -> Select.Styles.GroupConfig"},{"name":"setMenuBackgroundColor","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuBorderRadius","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuBorderWidth","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuBoxShadowBlur","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuBoxShadowColor","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuBoxShadowHOffset","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuBoxShadowVOffset","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlBackgroundColor","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlBackgroundColorHover","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlBorderColor","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlBorderColorFocus","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlBorderColorHover","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlBorderRadius","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlClearIndicatorColor","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlClearIndicatorColorHover","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlColor","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlDisabledOpacity","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlLoadingIndicatorColor","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlMinHeight","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlPlaceholderOpacity","comment":" ","type":"Basics.Float -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuControlSearchIndicatorColor","comment":" ","type":"Css.Color -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuItemBackgroundColorClicked","comment":" ","type":"Css.Color -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemBackgroundColorNotSelected","comment":" ","type":"Css.Color -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemBackgroundColorSelected","comment":" ","type":"Css.Color -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemBlockPadding","comment":" ","type":"Basics.Float -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemBorderRadius","comment":" ","type":"Basics.Float -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemColor","comment":" ","type":"Css.Color -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemColorHoverNotSelected","comment":" ","type":"Css.Color -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemColorHoverSelected","comment":" ","type":"Css.Color -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemInlinePadding","comment":" ","type":"Basics.Float -> Select.Styles.MenuItemConfig -> Select.Styles.MenuItemConfig"},{"name":"setMenuItemStyles","comment":" Set styles for Select menu item\n\n        menuItemBranding : MenuItemConfig\n        menuItemBranding =\n            getMenuItemConfig default\n                |> setMenuItemBackgroundColorNotSelected (Css.hex \"#000000\")\n\n\n        selectBranding : Config\n        selectBranding\n                default\n                    |> setMenuItemStyles menuItemBranding\n\n","type":"Select.Styles.MenuItemConfig -> Select.Styles.Config -> Select.Styles.Config"},{"name":"setMenuMaxHeightPx","comment":" ","type":"Css.Px -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuMaxHeightVh","comment":" ","type":"Css.Vh -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuPosition","comment":" ","type":"Css.Position {} -> Select.Styles.MenuConfig -> Select.Styles.MenuConfig"},{"name":"setMenuStyles","comment":" Set styles for the Select menu\n\n        menuBranding : MenuConfig\n        menuBranding =\n            getMenuConfig default\n                |> setMenuBackgroundColor (Css.hex \"#000000\")\n                |> setMenuBorderRadius 4\n\n\n        selectBranding : Config\n        selectBranding\n            default\n                |> setMenuStyles menuBranding\n\n","type":"Select.Styles.MenuConfig -> Select.Styles.Config -> Select.Styles.Config"}],"binops":[]}]