[{"name":"Browser.Events.Extra","comment":"\n\n@docs escape\n\n","unions":[],"aliases":[],"values":[{"name":"escape","comment":" ","type":"msg -> Platform.Sub.Sub msg"}],"binops":[]},{"name":"Nri.Ui","comment":" A collection of helpers for working with NoRedInk projects\n\n@docs styled\n\n","unions":[],"aliases":[],"values":[{"name":"styled","comment":" Wrapper around [`Html.Styled.style`](http://package.elm-lang.org/packages/rtfeldman/elm-css/13.1.1/Html-Styled#styled) which adds a data-nri-description attribute to make it easier to tell from Inspect Element where in our code that element was defined.\n\nTakes a function that creates an element, and pre-applies styles and a `data-nri-description` attribution to it.\n\n bigButton : List (Attribute msg) -> List (Html msg) -> Html msg\n bigButton =\n styled button\n \"big button\"\n [ padding (px 30)\n , fontWeight bold\n ]\n\n view : Model -> Html msg\n view model =\n [ text \"These two buttons are identical:\"\n , bigButton [] [ text \"Hi!\" ]\n , button [ css [ padding (px 30), fontWeight bold ] ] [] [ text \"Hi!\" ]\n ]\n\nHere, the bigButton function we've defined using styled button is identical to the normal button function, except that it has pre-applied the attribute of css [ padding (px 30), fontWeight bold ], as well as `(attribute \"data-nri-description\" \"big button\")`.\n\nYou can pass more attributes to bigButton as usual (including other css attributes). They will be applied after the pre-applied styles.\n\nNote: normally `attributeMsg` will be the same as `msg`, but we need them to be different types for special cases when `fn` needs to do tricky things. For example, some elements from the Accessibility.Styled package use the following type signature:\n\n div : List (Attribute Never) -> List (Html msg) -> Html msg\n\n","type":"(List.List (Html.Styled.Attribute attributeMsg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg) -> String.String -> List.List Css.Style -> List.List (Html.Styled.Attribute attributeMsg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"}],"binops":[]},{"name":"Nri.Ui.Accordion.V3","comment":"\n\n\n## Changes from V2\n\n - Do not render collapsed content\n - Allow disclosure indicator to be top-aligned\n - Allow fully-customizable carets\n - Removes as many default styles as possible\n - Change header resets to inline styles\n - Replace custom passed-in styles with a class-based styling approach (for performance reasons -- getting elm-css class names is too slow.)\n - Prevent default browser event on arrow keys (so that the page doesn't scroll when the focus changes)\n - Support multiple levels of accordions\n\n\n## Example\n\n view : Model -> Html Msg\n view model =\n div []\n [ Accordion.view\n { entries =\n [ AccordionEntry\n { caret = Accordion.defaultCaret\n , content = \\() -> text \"Accordion Content\"\n , entryClass = \"a-class-distinguishing-this-accordion-from-others-on-the-page\"\n , headerContent = text \"Accordion Header\"\n , headerId = \"a-unique-id-for-this-accordion-header-button\"\n , headerLevel = Accordion.H1\n , isExpanded = model.isAccordionOpen\n , toggle = Just ToggleAccordion\n }\n []\n ]\n , focus = Focus\n }\n , Accordion.styleAccordion\n { entryStyles = []\n , entryExpandedStyles = []\n , entryClosedStyles = []\n , headerStyles = []\n , headerExpandedStyles = []\n , headerClosedStyles = []\n , contentStyles = []\n }\n ]\n\n@docs view, HeaderLevel\n@docs AccordionEntry, Entry\n@docs StyleOptions, styleAccordion\n@docs defaultCaret\n\n","unions":[{"name":"AccordionEntry","comment":" ","args":["msg"],"cases":[["AccordionEntry",["Nri.Ui.Accordion.V3.Entry msg","List.List (Nri.Ui.Accordion.V3.AccordionEntry msg)"]]]},{"name":"HeaderLevel","comment":" Corresponds to h1, h2, h3 etc.\nChoose the correct header level given your page context.\n","args":[],"cases":[["H1",[]],["H2",[]],["H3",[]],["H4",[]],["H5",[]],["H6",[]]]}],"aliases":[{"name":"Entry","comment":" ","args":["msg"],"type":"{ caret : Basics.Bool -> Accessibility.Styled.Html msg, content : () -> Accessibility.Styled.Html msg, entryClass : String.String, headerContent : Accessibility.Styled.Html msg, headerId : String.String, headerLevel : Nri.Ui.Accordion.V3.HeaderLevel, isExpanded : Basics.Bool, toggle : Maybe.Maybe (Basics.Bool -> msg) }"},{"name":"StyleOptions","comment":" ","args":[],"type":"{ entryStyles : List.List Css.Style, entryExpandedStyles : List.List Css.Style, entryClosedStyles : List.List Css.Style, headerStyles : List.List Css.Style, headerExpandedStyles : List.List Css.Style, headerClosedStyles : List.List Css.Style, contentStyles : List.List Css.Style }"}],"values":[{"name":"defaultCaret","comment":" ","type":"Basics.Bool -> Accessibility.Styled.Html msg"},{"name":"styleAccordion","comment":" ","type":"Nri.Ui.Accordion.V3.StyleOptions -> Accessibility.Styled.Html msg"},{"name":"view","comment":" ","type":"{ entries : List.List (Nri.Ui.Accordion.V3.AccordionEntry msg), focus : String.String -> msg } -> Accessibility.Styled.Html msg"}],"binops":[]},{"name":"Nri.Ui.AnimatedIcon.V1","comment":"\n\n@docs mobileOpenClose, arrowRightDown, arrowDownUp\n\n","unions":[],"aliases":[],"values":[{"name":"arrowDownUp","comment":" An arrow that animates between pointing down and pointing up. Typically used as a fly-out menu indicator.\n","type":"Basics.Bool -> Nri.Ui.Svg.V1.Svg"},{"name":"arrowRightDown","comment":" An arrow that animates between pointing right and pointing down. Typically used for disclosures and accordions.\n","type":"Basics.Bool -> Nri.Ui.Svg.V1.Svg"},{"name":"mobileOpenClose","comment":" An icon that animates between a \"hamburger\" and an \"x\".\n\nPass a bool representing whether the menu/navbar/whatever is open.\n\n","type":"Basics.Bool -> Nri.Ui.Svg.V1.Svg"}],"binops":[]},{"name":"Nri.Ui.AssignmentIcon.V2","comment":"\n\n\n# Quiz Engine\n\n@docs diagnostic, planningDiagnosticCircled, unitDiagnosticCircled\n@docs practice, practiceCircled\n@docs quiz, quizCircled, passageQuizCircled\n\n\n# Writing\n\n@docs quickWrite, guidedDraft, peerReview, selfReview\n@docs quickWriteCircled, guidedDraftCircled, peerReviewCircled, selfReviewCircled\n\n\n# Stages\n\n@docs submitting, rating, revising\n\n\n# Start\n\n@docs startPrimary, startSecondary\n\n\n# Activities\n\n@docs assessment, standards, writing, modules\n\n\n# Example usage\n\n import Html.Styled exposing (Html)\n import Nri.Ui.AssignmentIcon.V2 as AssignmentIcon\n import Nri.Ui.Colors.V1 as Colors\n import Nri.Ui.Svg.V1 as Svg\n\n view : Html msg\n view =\n AssignmentIcon.diagnostic\n |> Svg.withColor Colors.lichen\n |> Svg.toHtml\n\n","unions":[],"aliases":[],"values":[{"name":"assessment","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"diagnostic","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"guidedDraft","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"guidedDraftCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"modules","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"passageQuizCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"peerReview","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"peerReviewCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"planningDiagnosticCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"practice","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"practiceCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"quickWrite","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"quickWriteCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"quiz","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"quizCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"rating","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"revising","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"selfReview","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"selfReviewCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"standards","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"startPrimary","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"startSecondary","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"submitting","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"unitDiagnosticCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"writing","comment":" ","type":"Nri.Ui.Svg.V1.Svg"}],"binops":[]},{"name":"Nri.Ui.Balloon.V2","comment":" Adding a tooltip? Use `Nri.Ui.Tooltip`, not Balloon.\nBalloon is really just a container: it is non-interactive and isn't semantically meaningful.\n\n Balloon.view\n [ Balloon.paragraph \"Hello, world! I'm a balloon!\"\n , Balloon.onTop\n , Balloon.navy\n ]\n\n\n## Changelog\n\nPatch changes:\n\n - adds paragraph\n\nChanges from V1:\n\n - allow for far more customization:\n - background color\n - HTML attributes\n - change the API to be more similar to other NRI components\n - add the standard attributes, like nriDescription and css\n - `balloon` -> `view`\n - content -> `markdown`, `plaintext`, and `html`\n\n\n## API\n\n@docs view, Attribute\n\n\n### Content\n\n@docs paragraph, plaintext, markdown, html\n\n\n### Customizations for Balloon\n\n@docs green, purple, orange, white, navy, customTheme\n@docs highContrastModeTheme\n@docs onBottom, onLeft, onRight, onTop\n@docs alignArrowStart, alignArrowMiddle, alignArrowEnd\n@docs arrowHeight\n@docs custom, id, contentId, nriDescription, testId\n\n\n### CSS\n\n@docs containerCss\n@docs css, notMobileCss, mobileCss, quizEngineMobileCss\n\n","unions":[{"name":"Attribute","comment":" Balloon's attributes.\n","args":["msg"],"cases":[]}],"aliases":[],"values":[{"name":"alignArrowEnd","comment":" Put the arrow at the \"end\" of the ballon.\nFor onTop & onBottom ballons, this means \"right\".\nFor onLeft & onRight ballon, this means \"bottom\".\n\n __________\n |______ _|\n \\/\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"alignArrowMiddle","comment":" Put the arrow at the \"middle\" of the ballon. This is the default behavior.\n\n __________\n |___ ____|\n \\/\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"alignArrowStart","comment":" Put the arrow at the \"start\" of the ballon.\nFor onTop & onBottom ballons, this means \"left\".\nFor onLeft & onRight ballon, this means \"top\".\n\n __________\n |_ ______|\n \\/\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"arrowHeight","comment":" Set how tall you want the arrow to be. The default is 8px.\n","type":"Basics.Float -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"containerCss","comment":" ","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"contentId","comment":" ","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"css","comment":" ","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"custom","comment":" Use this helper to add custom attributes.\n\nDo NOT use this helper to add css styles, as they may not be applied the way you want/expect if underlying Balloon styles change.\nInstead, please use the `css` helper.\n\n","type":"List.List (Html.Styled.Attribute msg) -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"customTheme","comment":" Custom theme: set the background & text color.\n","type":"{ backgroundColor : Css.Color, color : Css.Color } -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"green","comment":" Green theme (This is the default theme.)\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"highContrastModeTheme","comment":" Typically, you will want to use [system colors](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color) for these colors (which is why the API uses strings):\n","type":"{ backgroundColor : String.String, color : String.String } -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"html","comment":" Provide a list of custom HTML.\n","type":"List.List (Html.Styled.Html msg) -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"markdown","comment":" Provide a string that will be rendered as markdown.\n","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"mobileCss","comment":" Equivalent to:\n\n ClickableText.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"navy","comment":" Navy theme\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"notMobileCss","comment":" Equivalent to:\n\n ClickableText.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"nriDescription","comment":" ","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"onBottom","comment":" Balloon with the arrow on the top.\n\n ___/\\_____\n | |\n |_________|\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"onLeft","comment":" Balloon with the arrow on the right.\n\n __________\n | |\n | >\n |_________|\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"onRight","comment":" Balloon with the arrow on the left.\n\n __________\n | |\n < |\n |_________|\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"onTop","comment":" Balloon with the arrow on the bottom.\n\n __________\n | |\n |___ ____|\n \\/\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"orange","comment":" Orange theme\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"paragraph","comment":" Provide a plain-text string that will be put into a paragraph tag, with the default margin removed.\n","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"plaintext","comment":" Provide a plain-text string.\n","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"purple","comment":" Purple theme\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"quizEngineMobileCss","comment":" Equivalent to:\n\n ClickableText.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"testId","comment":" ","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"view","comment":" Green balloon without an arrow by default.\n\n __________\n | |\n |_________|\n\n","type":"List.List (Nri.Ui.Balloon.V2.Attribute msg) -> Html.Styled.Html msg"},{"name":"white","comment":" White theme\n","type":"Nri.Ui.Balloon.V2.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.Block.V3","comment":"\n\n@docs view, Attribute\n\n\n## Content\n\n@docs plaintext\n@docs Content, content\n@docs phrase, wordWithQuestionBox\n@docs space\n@docs blank, blankWithQuestionBox\n\n\n## Content customization\n\n@docs emphasize\n\n\n## Labels & positioning\n\n@docs label\n\nYou will need these helpers if you want to prevent label overlaps. (Which is to say -- anytime you have labels!)\n\n@docs labelId, labelContentId\n@docs LabelPosition, getLabelPositions, labelPosition\n\n\n### Visual customization\n\n@docs yellow, cyan, magenta, green, blue, purple, brown\n\n\n### Add a question box\n\n@docs withQuestionBox\n\n","unions":[{"name":"Attribute","comment":" ","args":["msg"],"cases":[]},{"name":"Content","comment":" ","args":["msg"],"cases":[]}],"aliases":[{"name":"LabelPosition","comment":" Use `getLabelPositions` to construct this value.\n","args":[],"type":"{ totalHeight : Basics.Float, arrowHeight : Basics.Float, zIndex : Basics.Int, xOffset : Basics.Float }"}],"values":[{"name":"blank","comment":" You will only need to use this helper if you're also using `content` to construct a more complex Block. For a less complex blank Block, don't include content or plaintext in the list of attributes.\n","type":"Nri.Ui.Block.V3.Content msg"},{"name":"blankWithQuestionBox","comment":" You will only need to use this helper if you're also using `content` to construct a more complex Block. For a less complex blank Block, don't include content or plaintext in the list of attributes.\n","type":"List.List (Nri.Ui.QuestionBox.V2.Attribute msg) -> Maybe.Maybe Browser.Dom.Element -> Nri.Ui.Block.V3.Content msg"},{"name":"blue","comment":" ","type":"Nri.Ui.Block.V3.Attribute msg"},{"name":"brown","comment":" ","type":"Nri.Ui.Block.V3.Attribute msg"},{"name":"content","comment":" Use `content` for more complex block views, for instance when a blank appears within an emphasis block. Prefer to use `plaintext` when possible for better readability.\n\n Block.view\n [ Block.emphasize\n , Block.content (Block.phrase \"Hello, \" ++ Block.blank :: Block.phrase \"!\" ) ]\n ]\n\n","type":"List.List (Nri.Ui.Block.V3.Content msg) -> Nri.Ui.Block.V3.Attribute msg"},{"name":"cyan","comment":" ","type":"Nri.Ui.Block.V3.Attribute msg"},{"name":"emphasize","comment":" Mark content as emphasized.\n","type":"Nri.Ui.Block.V3.Attribute msg"},{"name":"getLabelPositions","comment":" Determine where to position labels in order to dynamically avoid overlapping content.\n\n - First, we add ids to block with labels with `Block.labelId`.\n - Say we added `Block.labelId \"example-id\"`, then we will use `Browser.Dom.getElement \"example-id\"` and `Browser.Dom.getElement (Block.labelContentId \"example-id\")` to construct a record in the shape { label : Dom.Element, labelContent : Dom.Element }. We store this record in a dictionary keyed by ids (e.g., \"example-id\") with measurements for all other labels.\n\n`getLabelPositions` will return a dictionary of values (keyed by label ids) whose values can be passed directly to `labelPosition` for positioning.\n\n","type":"Dict.Dict String.String { label : Browser.Dom.Element, labelContent : Browser.Dom.Element } -> Dict.Dict String.String Nri.Ui.Block.V3.LabelPosition"},{"name":"green","comment":" ","type":"Nri.Ui.Block.V3.Attribute msg"},{"name":"label","comment":" ","type":"String.String -> Nri.Ui.Block.V3.Attribute msg"},{"name":"labelContentId","comment":" ","type":"String.String -> String.String"},{"name":"labelId","comment":" ","type":"String.String -> Nri.Ui.Block.V3.Attribute msg"},{"name":"labelPosition","comment":" Use `getLabelPositions` to calculate what these values should be.\n","type":"Maybe.Maybe Nri.Ui.Block.V3.LabelPosition -> Nri.Ui.Block.V3.Attribute msg"},{"name":"magenta","comment":" ","type":"Nri.Ui.Block.V3.Attribute msg"},{"name":"phrase","comment":" ","type":"String.String -> List.List (Nri.Ui.Block.V3.Content msg)"},{"name":"plaintext","comment":" Provide the main content of the block as a plain-text string. You can also use `content` for more complex cases, including a blank appearing within an emphasis.\n","type":"String.String -> Nri.Ui.Block.V3.Attribute msg"},{"name":"purple","comment":" ","type":"Nri.Ui.Block.V3.Attribute msg"},{"name":"space","comment":" ","type":"Nri.Ui.Block.V3.Content msg"},{"name":"view","comment":"\n\n Block.view [ Block.plaintext \"Hello, world!\" ]\n\n","type":"List.List (Nri.Ui.Block.V3.Attribute msg) -> Accessibility.Styled.Html msg"},{"name":"withQuestionBox","comment":" Pass in a list of question box attributes and the sizing (taken using Dom.Browser.getElement) of the question box\n","type":"List.List (Nri.Ui.QuestionBox.V2.Attribute msg) -> Maybe.Maybe Browser.Dom.Element -> Nri.Ui.Block.V3.Attribute msg"},{"name":"wordWithQuestionBox","comment":" ","type":"String.String -> List.List (Nri.Ui.QuestionBox.V2.Attribute msg) -> Maybe.Maybe Browser.Dom.Element -> Nri.Ui.Block.V3.Content msg"},{"name":"yellow","comment":" ","type":"Nri.Ui.Block.V3.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.Block.V4","comment":"\n\n@docs view, Attribute\n\n\n## Content\n\n@docs plaintext\n@docs Content, content\n@docs phrase, wordWithId, space, blank, blankWithId, bold, italic\n\n\n## Content customization\n\n@docs emphasize\n\n\n## Labels & positioning\n\n@docs label, id\n\nYou will need these helpers if you want to prevent label overlaps. (Which is to say -- anytime you have labels!)\n\n@docs labelId, labelContentId\n@docs LabelPosition, getLabelPositions, labelPosition\n\n\n### Visual customization\n\n@docs yellow, cyan, magenta, green, blue, purple, brown\n\n","unions":[{"name":"Attribute","comment":" ","args":["msg"],"cases":[]},{"name":"Content","comment":" ","args":["msg"],"cases":[]}],"aliases":[{"name":"LabelPosition","comment":" Use `getLabelPositions` to construct this value.\n","args":[],"type":"{ totalHeight : Basics.Float, arrowHeight : Basics.Float, zIndex : Basics.Int, xOffset : Basics.Float }"}],"values":[{"name":"blank","comment":" You will only need to use this helper if you're also using `content` to construct a more complex Block. For a less complex blank Block, don't include content or plaintext in the list of attributes.\n","type":"Nri.Ui.Block.V4.Content msg"},{"name":"blankWithId","comment":" You will only need to use this helper if you're also using `content` to construct a more complex Block. For a less complex blank Block, don't include content or plaintext in the list of attributes.\n","type":"String.String -> Nri.Ui.Block.V4.Content msg"},{"name":"blue","comment":" ","type":"Nri.Ui.Block.V4.Attribute msg"},{"name":"bold","comment":" Wraps a group of content in a `strong` tag\n","type":"List.List (Nri.Ui.Block.V4.Content msg) -> Nri.Ui.Block.V4.Content msg"},{"name":"brown","comment":" ","type":"Nri.Ui.Block.V4.Attribute msg"},{"name":"content","comment":" Use `content` for more complex block views, for instance when a blank appears within an emphasis block. Prefer to use `plaintext` when possible for better readability.\n\n Block.view\n [ Block.emphasize\n , Block.content (Block.phrase \"Hello, \" ++ Block.blank :: Block.phrase \"!\" ) ]\n ]\n\n","type":"List.List (Nri.Ui.Block.V4.Content msg) -> Nri.Ui.Block.V4.Attribute msg"},{"name":"cyan","comment":" ","type":"Nri.Ui.Block.V4.Attribute msg"},{"name":"emphasize","comment":" Mark content as emphasized.\n","type":"Nri.Ui.Block.V4.Attribute msg"},{"name":"getLabelPositions","comment":" Determine where to position labels in order to dynamically avoid overlapping content.\n\n - First, we add ids to block with labels with `Block.labelId`.\n - Say we added `Block.labelId \"example-id\"`, then we will use `Browser.Dom.getElement \"example-id\"` and `Browser.Dom.getElement (Block.labelContentId \"example-id\")` to construct a record in the shape { label : Dom.Element, labelContent : Dom.Element }. We store this record in a dictionary keyed by ids (e.g., \"example-id\") with measurements for all other labels.\n\n`getLabelPositions` will return a dictionary of values (keyed by label ids) whose values can be passed directly to `labelPosition` for positioning.\n\n","type":"Dict.Dict String.String { label : Browser.Dom.Element, labelContent : Browser.Dom.Element } -> Dict.Dict String.String Nri.Ui.Block.V4.LabelPosition"},{"name":"green","comment":" ","type":"Nri.Ui.Block.V4.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Nri.Ui.Block.V4.Attribute msg"},{"name":"italic","comment":" Wraps a group of content in a `em` tag\n","type":"List.List (Nri.Ui.Block.V4.Content msg) -> Nri.Ui.Block.V4.Content msg"},{"name":"label","comment":" ","type":"String.String -> Nri.Ui.Block.V4.Attribute msg"},{"name":"labelContentId","comment":" ","type":"String.String -> String.String"},{"name":"labelId","comment":" ","type":"String.String -> Nri.Ui.Block.V4.Attribute msg"},{"name":"labelPosition","comment":" Use `getLabelPositions` to calculate what these values should be.\n","type":"Maybe.Maybe Nri.Ui.Block.V4.LabelPosition -> Nri.Ui.Block.V4.Attribute msg"},{"name":"magenta","comment":" ","type":"Nri.Ui.Block.V4.Attribute msg"},{"name":"phrase","comment":" ","type":"String.String -> List.List (Nri.Ui.Block.V4.Content msg)"},{"name":"plaintext","comment":" Provide the main content of the block as a plain-text string. You can also use `content` for more complex cases, including a blank appearing within an emphasis.\n","type":"String.String -> Nri.Ui.Block.V4.Attribute msg"},{"name":"purple","comment":" ","type":"Nri.Ui.Block.V4.Attribute msg"},{"name":"space","comment":" ","type":"Nri.Ui.Block.V4.Content msg"},{"name":"view","comment":" Create a block element.\n\nNote that it is important that a series of Block elements be wrapped in a container with \"whitespace; pre\" set.\nThis will ensure that line breaks only happen at whitespace, and not directly before an emphasis block in\nsituations where it would look strange (like if the block started with a comma).\n\n p\n [ css [ Css.whitespace Css.pre ] ]\n [ Block.view [ Block.plaintext \"Hello, world!\" ] ]\n\n","type":"List.List (Nri.Ui.Block.V4.Attribute msg) -> Accessibility.Styled.Html msg"},{"name":"wordWithId","comment":" Use this helper with `content` when you need to attach an id to a particular word inside of an emphasis.\n","type":"{ id : String.String, word : String.String } -> Nri.Ui.Block.V4.Content msg"},{"name":"yellow","comment":" ","type":"Nri.Ui.Block.V4.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.BreadCrumbs.V2","comment":"\n\n\n### Patch changes:\n\n - when only 1 breadcrumb is present, just render as a styled h1 or h2 directly, without nav semantics\n\n\n### Changes from V1:\n\n - switch to list-based attributes pattern\n\nLearn more about 'breadcrumbs' to help a user orient themselves within a site here: .\n\nWide Viewport:\n\n Home\n\n 🏠 Home > 🟠 Category 1\n\n 🏠 > 🟠 Category 1 > 🟣 Sub-Category 2\n\nNarrow Viewport:\n\n Home\n\n 🏠 > 🟠 Category 1\n\n 🏠 > 🟠 > 🟣 Sub-Category 2\n\n\n## Creating breadcrumbs\n\n@docs BreadCrumbs, init, initSecondary, after\n@docs BreadCrumbAttribute, icon, iconSize\n\n\n## Viewing breadcrumbs\n\n@docs view, viewSecondary\n\n\n## Managing focus and page title\n\n@docs headerId, toPageTitle\n\n","unions":[{"name":"BreadCrumbAttribute","comment":" ","args":["route"],"cases":[]},{"name":"BreadCrumbs","comment":" ","args":["route"],"cases":[]}],"aliases":[],"values":[{"name":"after","comment":" ","type":"Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> { id : String.String, text : String.String, route : route } -> List.List (Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route) -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route"},{"name":"headerId","comment":" ","type":"Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> String.String"},{"name":"icon","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route"},{"name":"iconSize","comment":" ","type":"Css.Px -> Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route"},{"name":"init","comment":" ","type":"{ id : String.String, text : String.String, route : route } -> List.List (Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route) -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route"},{"name":"initSecondary","comment":" ","type":"Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> { id : String.String, text : String.String, route : route } -> List.List (Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route) -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route"},{"name":"toPageTitle","comment":" Generate an HTML page title using the breadcrumbs, in the form \"SubCategory | Category | NoRedInk\" for breadCrumbs like:\n\n Category > SubCategory\n\n","type":"Nri.Ui.BreadCrumbs.V2.BreadCrumbs a -> String.String"},{"name":"view","comment":" Usually, the label value will be the string \"breadcrumbs\".\n\nIt's configurable so that if more than one set of BreadCrumbs ever appear on the page, the aria-label for the nav can still be unique.\n\n","type":"{ aTagAttributes : route -> List.List (Accessibility.Styled.Attribute msg), isCurrentRoute : route -> Basics.Bool, label : String.String } -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> Accessibility.Styled.Html msg"},{"name":"viewSecondary","comment":" Usually, the label value will be the string \"secondary breadcrumbs\".\n\nIt's configurable so that if more than one set of BreadCrumbs ever appear on the page, the aria-label for the nav can still be unique.\n\n","type":"{ aTagAttributes : route -> List.List (Accessibility.Styled.Attribute msg), isCurrentRoute : route -> Basics.Bool, label : String.String } -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> Accessibility.Styled.Html msg"}],"binops":[]},{"name":"Nri.Ui.Button.V10","comment":" Notes for V11:\n\nThe next version of `Button` should add a `hideTextForMobile` helper.\nThis will require adding a selector for the text. We are not making this change in V10, as\nadding a span around the text could potentially lead to regressions.\n\n\n# Patch changes:\n\n - adds width helpers for Mobile breakpoint, Quiz Engine breakpoint, and Narrow Mobile breakpoint\n - uses ClickableAttributes\n - adds `nriDescription`, `testId`, and `id` helpers\n - adds `modal` helper, an alias for `large` size\n - adds `notMobileCss`, `mobileCss`, `quizEngineMobileCss`\n - adds `hideIconForMobile` and `hideIconFor`\n - support 'disabled' links according to [Scott O'Hara's disabled links](https://www.scottohara.me/blog/2021/05/28/disabled-links.html) article\n - adds `tertiary` style\n - adds `submit` and `opensModal`\n - adds `secondaryDanger` style\n\n\n# Changes from V9:\n\n - Explicitly zeroes out all margin\n - adds `css` helper\n\n\n# Create a button or link\n\n@docs button, link\n@docs Attribute\n\n\n## Behavior\n\n@docs onClick, submit, opensModal\n@docs href, linkSpa, linkExternal, linkWithMethod, linkWithTracking, linkExternalWithTracking\n\n\n## Sizing\n\n@docs small, medium, large, modal\n@docs exactWidth, boundedWidth, unboundedWidth, fillContainerWidth\n@docs exactWidthForMobile, boundedWidthForMobile, unboundedWidthForMobile, fillContainerWidthForMobile\n@docs exactWidthForQuizEngineMobile, boundedWidthForQuizEngineMobile, unboundedWidthForQuizEngineMobile, fillContainerWidthForQuizEngineMobile\n@docs exactWidthForNarrowMobile, boundedWidthForNarrowMobile, unboundedWidthForNarrowMobile, fillContainerWidthForNarrowMobile\n\n\n## Change the color scheme\n\n@docs primary, secondary, tertiary, danger, dangerSecondary, premium\n\n\n## Change the state (buttons only)\n\n@docs enabled, unfulfilled, disabled, error, loading, success\n\n\n## Icons\n\n@docs icon, rightIcon\n@docs hideIconForMobile, hideIconFor\n\n\n## Customization\n\n@docs custom, nriDescription, testId, id\n\n\n### CSS\n\n@docs css, notMobileCss, mobileCss, quizEngineMobileCss\n\n\n# Commonly-used buttons\n\n@docs delete\n@docs toggleButton\n\n","unions":[{"name":"Attribute","comment":" ","args":["msg"],"cases":[]}],"aliases":[],"values":[{"name":"boundedWidth","comment":" Make a button that is at least `min` large, and which will grow with\nits content up to `max`. Both bounds are inclusive (`min <= actual value <=\nmax`.)\n","type":"{ min : Basics.Int, max : Basics.Int } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"boundedWidthForMobile","comment":" For the mobile breakpoint, make a button that is at least `min` large, and which will grow with\nits content up to `max`. Both bounds are inclusive (`min <= actual value <=\nmax`.)\n","type":"{ min : Basics.Int, max : Basics.Int } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"boundedWidthForNarrowMobile","comment":" For the quiz engine mobile breakpoint, make a button that is at least `min` large, and which will grow with\nits content up to `max`. Both bounds are inclusive (`min <= actual value <=\nmax`.)\n","type":"{ min : Basics.Int, max : Basics.Int } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"boundedWidthForQuizEngineMobile","comment":" For the quiz engine mobile breakpoint, make a button that is at least `min` large, and which will grow with\nits content up to `max`. Both bounds are inclusive (`min <= actual value <=\nmax`.)\n","type":"{ min : Basics.Int, max : Basics.Int } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"button","comment":"\n\n Button.button \"My great button!\"\n [ Button.onClick ()\n , Button.enabled\n ]\n\nBy default, the button is enabled, Medium sized, with primary colors, and an unbounded width.\n\n","type":"String.String -> List.List (Nri.Ui.Button.V10.Attribute msg) -> Accessibility.Styled.Html msg"},{"name":"css","comment":" ","type":"List.List Css.Style -> Nri.Ui.Button.V10.Attribute msg"},{"name":"custom","comment":" Use this helper to add custom attributes.\n\nDo NOT use this helper to add css styles, as they may not be applied the way\nyou want/expect if underlying Button styles change.\nInstead, please use the `css` helper.\n\n","type":"List.List (Accessibility.Styled.Attribute msg) -> Nri.Ui.Button.V10.Attribute msg"},{"name":"danger","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"dangerSecondary","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"delete","comment":" DEPRECATED: this should be removed in Button.V11.\n","type":"{ label : String.String, onClick : msg } -> Accessibility.Styled.Html msg"},{"name":"disabled","comment":" Shows inactive styling.\n\nIf a button, this attribute will disable it as you'd expect.\n\nIf a link, this attribute will follow the pattern laid out in [Scott O'Hara's disabled links](https://www.scottohara.me/blog/2021/05/28/disabled-links.html) article,\nand essentially make the anchor a disabled placeholder.\n\n_Caveat!_\n\nThe Component Catalog example will NOT work correctly because of , which describes a problem where \"a tags without href generate a navigation event\".\n\nIn most cases, if you're not using Browser.application, disabled links should work just fine.\n\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"enabled","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"error","comment":" Shows error styling. If a button, this attribute will disable it.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"exactWidth","comment":" Define a size in `px` for the button's total width.\n","type":"Basics.Int -> Nri.Ui.Button.V10.Attribute msg"},{"name":"exactWidthForMobile","comment":" For the mobile breakpoint, define a size in `px` for the button's total width.\n","type":"Basics.Int -> Nri.Ui.Button.V10.Attribute msg"},{"name":"exactWidthForNarrowMobile","comment":" For the quiz engine mobile breakpoint, define a size in `px` for the button's total width.\n","type":"Basics.Int -> Nri.Ui.Button.V10.Attribute msg"},{"name":"exactWidthForQuizEngineMobile","comment":" For the quiz engine mobile breakpoint, define a size in `px` for the button's total width.\n","type":"Basics.Int -> Nri.Ui.Button.V10.Attribute msg"},{"name":"fillContainerWidth","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"fillContainerWidthForMobile","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"fillContainerWidthForNarrowMobile","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"fillContainerWidthForQuizEngineMobile","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"hideIconFor","comment":" Hide the left-side icon for an arbitrary media query.\n","type":"Css.Media.MediaQuery -> Nri.Ui.Button.V10.Attribute msg"},{"name":"hideIconForMobile","comment":" Hide the left-side icon for the mobile breakpoint.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"href","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"icon","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.Button.V10.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"large","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"link","comment":"\n\n Button.link \"My great link!\"\n [ Button.href \"My href\"\n , Button.secondary\n ]\n\nBy default, the link is Medium sized, with primary colors, and an unbounded width.\n\n","type":"String.String -> List.List (Nri.Ui.Button.V10.Attribute msg) -> Accessibility.Styled.Html msg"},{"name":"linkExternal","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"linkExternalWithTracking","comment":" ","type":"{ track : msg, url : String.String } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"linkSpa","comment":" Use this link for routing within a single page app.\n\nThis will make a normal tag, but change the Events.onClick behavior to avoid reloading the page.\n\nSee for details on this implementation.\n\n","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"linkWithMethod","comment":" ","type":"{ method : String.String, url : String.String } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"linkWithTracking","comment":" ","type":"{ track : msg, url : String.String } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"loading","comment":" Shows loading styling. If a button, this attribute will disable it.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"medium","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"mobileCss","comment":" Equivalent to:\n\n Button.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Button.V10.Attribute msg"},{"name":"modal","comment":" Alias for Button.large\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"notMobileCss","comment":" Equivalent to:\n\n Button.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Button.V10.Attribute msg"},{"name":"nriDescription","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"onClick","comment":" ","type":"msg -> Nri.Ui.Button.V10.Attribute msg"},{"name":"opensModal","comment":" Use this attribute when interacting with the button will launch a modal.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"premium","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"primary","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"quizEngineMobileCss","comment":" Equivalent to:\n\n Button.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Button.V10.Attribute msg"},{"name":"rightIcon","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.Button.V10.Attribute msg"},{"name":"secondary","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"small","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"submit","comment":" By default, buttons have type \"button\". Use this attribute to change the button type to \"submit\".\n\nNote: this attribute is not supported by links.\n\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"success","comment":" Shows success styling. If a button, this attribute will disable it.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"tertiary","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"testId","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"toggleButton","comment":" A button that can be toggled into a pressed state and back again.\n","type":"{ label : String.String, onSelect : msg, onDeselect : msg, pressed : Basics.Bool } -> Accessibility.Styled.Html msg"},{"name":"unboundedWidth","comment":" Leave the maxiumum width unbounded (there is a minimum width).\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"unboundedWidthForMobile","comment":" For the mobile breakpoint, Leave the maxiumum width unbounded (there is a minimum width).\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"unboundedWidthForNarrowMobile","comment":" For the quiz engine mobile breakpoint, Leave the maxiumum width unbounded (there is a minimum width).\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"unboundedWidthForQuizEngineMobile","comment":" For the quiz engine mobile breakpoint, Leave the maxiumum width unbounded (there is a minimum width).\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"unfulfilled","comment":" Shows inactive styles.\n","type":"Nri.Ui.Button.V10.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.Carousel.V1","comment":" Patch changes:\n\n - remove tooltip-related code that is never used for Carousel\n\n@docs view\n@docs Item\n@docs buildItem\n\n","unions":[{"name":"Item","comment":" ","args":["id","msg"],"cases":[]}],"aliases":[],"values":[{"name":"buildItem","comment":" Builds an selectable item in the Caroursel\n\n`controlHtml` represents the element that will appear in the list of options.\n\n`slideHtml` represents the element that will be shown in your carousel when this item is selected.\n\n","type":"{ id : id, idString : String.String, slideHtml : Html.Styled.Html msg, controlHtml : Html.Styled.Html Basics.Never } -> Nri.Ui.Carousel.V1.Item id msg"},{"name":"view","comment":" ","type":"{ focusAndSelect : { select : id, focus : Maybe.Maybe String.String } -> msg, selected : id, controlStyles : Basics.Bool -> List.List Css.Style, controlListStyles : List.List Css.Style, items : List.List (Nri.Ui.Carousel.V1.Item id msg) } -> { controls : Html.Styled.Html msg, slides : Html.Styled.Html msg }"}],"binops":[]},{"name":"Nri.Ui.CharacterIcon.V1","comment":"\n\n@docs panda\n@docs redPanda\n\n","unions":[],"aliases":[],"values":[{"name":"panda","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"redPanda","comment":" ","type":"Nri.Ui.Svg.V1.Svg"}],"binops":[]},{"name":"Nri.Ui.Checkbox.V7","comment":"\n\n\n## Changes from V6:\n\n - Reworked api similar to other components based on Attributes\n - Add support for guidance\n - Dropped checkboxLockOnInside functionality\n - Dropped disabledLabelCss functionality. Use labelCss instead in case when the checkbox is disabled.\n - (breaking-change) By default the label is visible (ie: V6.viewWithLabel), use hiddenLabel to migrate from V6.view.\n\n\n## Patch changes:\n\n - It turns out that \"indeterminate\" has to be set from JS -- it doesn't work to add the attribute as part of the HTML. So, instead of using an input under the hood, we're using aria-attributes instead. This also allows us to simplify the styles a bit.\n\n@docs view\n\n\n### Event handlers\n\n@docs onCheck\n\n\n### Attributes\n\n@docs Attribute, IsSelected\n@docs hiddenLabel, visibleLabel\n@docs selectedFromBool\n@docs containerCss, labelCss, custom, nriDescription, id, testId\n@docs disabled, enabled, guidance\n\n\n### Internal\n\n@docs viewIcon\n\n","unions":[{"name":"Attribute","comment":" Customizations for the Checkbox.\n","args":["msg"],"cases":[]},{"name":"IsSelected","comment":"\n\n = Selected -- Checked (rendered with a checkmark)\n | NotSelected -- Not Checked (rendered blank)\n | PartiallySelected -- Indeterminate (rendered dash)\n\n","args":[],"cases":[["Selected",[]],["NotSelected",[]],["PartiallySelected",[]]]}],"aliases":[],"values":[{"name":"containerCss","comment":" Adds CSS to the element containing the input.\n","type":"List.List Css.Style -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"custom","comment":" Use this helper to add custom attributes.\n\nDo NOT use this helper to add css styles, as they may not be applied the way\nyou want/expect if underlying styles change.\nInstead, please use the `css` helper.\n\n","type":"List.List (Html.Styled.Attribute Basics.Never) -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"disabled","comment":" This disables the input\n","type":"Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"enabled","comment":" This enables the input, this is the default behavior\n","type":"Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"guidance","comment":" A guidance message shows below the input, unless an error message is showing instead.\n","type":"String.String -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"hiddenLabel","comment":" Hides the visible label. (There will still be an invisible label for screen readers.)\n","type":"Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"id","comment":" Set a custom ID for this checkbox input and label. If you don't set this,\nwe'll automatically generate one from the label you pass in, but this can\ncause problems if you have more than one checkbox input with the same label on\nthe page. You might also use this helper if you're manually managing focus.\n","type":"String.String -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"labelCss","comment":" Adds CSS to the element containing the label text.\n\nNote that these styles don't apply to the literal HTML label element, since it contains the icon SVG as well.\n\n","type":"List.List Css.Style -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"nriDescription","comment":" ","type":"String.String -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"onCheck","comment":" Fire a message when toggling the checkbox.\n","type":"(Basics.Bool -> msg) -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"selectedFromBool","comment":" If your selectedness is always selected or not selected,\nyou will likely store that state as a `Bool` in your model.\n`selectedFromBool` lets you easily convert that into an `IsSelected` value\nfor use with `Nri.Ui.Checkbox`.\n","type":"Basics.Bool -> Nri.Ui.Checkbox.V7.IsSelected"},{"name":"testId","comment":" ","type":"String.String -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"view","comment":" View a checkbox (the label is only used for accessibility hints unless visibleLabel attribute is applied)\n","type":"{ label : String.String, selected : Nri.Ui.Checkbox.V7.IsSelected } -> List.List (Nri.Ui.Checkbox.V7.Attribute msg) -> Accessibility.Styled.Html msg"},{"name":"viewIcon","comment":" ","type":"List.List Css.Style -> Nri.Ui.Svg.V1.Svg -> Accessibility.Styled.Html msg"},{"name":"visibleLabel","comment":" Shows the visible label. This is the default behavior\n","type":"Nri.Ui.Checkbox.V7.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.ClickableSvg.V2","comment":"\n\n\n# Patch changes:\n\n - adds `nriDescription`, `testId`, and `id` helpers\n - adds `iconForMobile`, `iconForQuizEngineMobile`, `iconForNarrowMobile`\n - adds `submit` and `opensModal`\n\n\n# Create a button or link\n\n@docs button, link\n@docs Attribute\n\n\n## Behavior\n\n@docs onClick, submit, opensModal\n@docs href, linkSpa, linkExternal, linkWithMethod, linkWithTracking, linkExternalWithTracking\n\n\n## Sizing\n\n@docs exactSize, exactWidth, exactHeight\n\n\n## State\n\n@docs disabled\n\n\n## Icons\n\n@docs rightIcon\n@docs iconForMobile, iconForQuizEngineMobile, iconForNarrowMobile\n\n\n## Customization\n\n@docs withBorder\n@docs primary, secondary, tertiary, quaternary, danger, dangerSecondary\n\n@docs custom, nriDescription, testId, id\n\n\n### CSS\n\n@docs css, notMobileCss, mobileCss, quizEngineMobileCss\n\n\n### DEPRECATED\n\nIn practice, we don't use these sizes. Remove them!\n\n@docs small, medium, large\n\n","unions":[{"name":"Attribute","comment":" ","args":["msg"],"cases":[]}],"aliases":[],"values":[{"name":"button","comment":" ","type":"String.String -> Nri.Ui.Svg.V1.Svg -> List.List (Nri.Ui.ClickableSvg.V2.Attribute msg) -> Html.Styled.Html msg"},{"name":"css","comment":" ","type":"List.List Css.Style -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"custom","comment":" Use this helper to add custom attributes.\n\nDo NOT use this helper to add css styles, as they may not be applied the way\nyou want/expect if underlying Button styles change.\nInstead, please use the `css` helper.\n\n","type":"List.List (Html.Styled.Attribute msg) -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"danger","comment":" White/transparent icon on a red background.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"dangerSecondary","comment":" Red icon on a white/transparent background.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"disabled","comment":" ","type":"Basics.Bool -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"exactHeight","comment":" Define a size in `px` for the element's total height.\n","type":"Basics.Int -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"exactSize","comment":" Set the size in `px` for the element's width and height.\n\nEquivalent to:\n\n [ exactWidth inPx\n , exactHeight inPx\n ]\n\n","type":"Basics.Int -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"exactWidth","comment":" Define a size in `px` for the element's total width.\n","type":"Basics.Int -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"href","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"iconForMobile","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"iconForNarrowMobile","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"iconForQuizEngineMobile","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"large","comment":" This attribute will be removed in the next version of ClickableSvg!\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"link","comment":" ","type":"String.String -> Nri.Ui.Svg.V1.Svg -> List.List (Nri.Ui.ClickableSvg.V2.Attribute msg) -> Html.Styled.Html msg"},{"name":"linkExternal","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"linkExternalWithTracking","comment":" ","type":"{ track : msg, url : String.String } -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"linkSpa","comment":" Use this link for routing within a single page app.\n\nThis will make a normal tag, but change the Events.onClick behavior to avoid reloading the page.\n\nSee for details on this implementation.\n\n","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"linkWithMethod","comment":" ","type":"{ method : String.String, url : String.String } -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"linkWithTracking","comment":" ","type":"{ track : msg, url : String.String } -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"medium","comment":" This attribute will be removed in the next version of ClickableSvg!\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"mobileCss","comment":" Equivalent to:\n\n ClickableSvg.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"notMobileCss","comment":" Equivalent to:\n\n ClickableSvg.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"nriDescription","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"onClick","comment":" ","type":"msg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"opensModal","comment":" Use this attribute when interacting with the button will launch a modal.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"primary","comment":" white/transparent icon on an azure background.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"quaternary","comment":" Used to de-emphasize elements when not hovered.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"quizEngineMobileCss","comment":" Equivalent to:\n\n ClickableSvg.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"rightIcon","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"secondary","comment":" This is the default: a blue icon on a transparent background, or a blue icon\non a white/glacier icon with a blue border.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"small","comment":" This is the default. This attribute will be removed in the next version of ClickableSvg!\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"submit","comment":" By default, buttons have type \"button\". Use this attribute to change the button type to \"submit\".\n\nNote: this attribute is not supported by links.\n\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"tertiary","comment":" Used to de-emphasize elements when not hovered.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"testId","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"withBorder","comment":" Display a border around the icon.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.ClickableText.V3","comment":" Notes for V4:\n\n - Remove the -v2- from dataDescriptor to avoid version specific\n - Use dataDescriptor for clickable-text-label\n\n\n# Post-release patches\n\n - uses ClickableAttributes\n - adds `css` helper\n - removes underline on hover and recolors to azureDark\n - removes bottom border\n - adds `nriDescription`, `testId`, and `id` helpers\n - adds `modal` helper, for use in modal footers, same as applying large and Css.marginTop (Css.px 15)\n - adds `notMobileCss`, `mobileCss`, `quizEngineMobileCss`\n - adds `hideIconForMobile` and `hideIconAt`\n - adds `hideTextForMobile` and `hideTextAt`\n - adds `submit` and `opensModal`\n - adds `disabled`\n\n\n# Changes from V2\n\n - Changes API to be attributes-based rather than config-based\n - Makes a hole for custom attributes (like ids and styles)\n\n\n# About:\n\nClickableText looks different from Nri.Ui.Button in that it displays without margin or padding.\nClickableText has the suave, traditional look of a \"link\"!\n\nFor accessibility purposes, buttons that perform an action on the current page should be HTML `