[{"name":"Native","comment":" This library should be used with [elm-native](https://github.com/hariroshan/elm-native-library) JS library\n\nWe will use [CustomElements](https://guide.elm-lang.org/interop/custom_elements.html) feature to create mobile UI elements with nativescript objects and control the nativescript object from elm.\n\nHere's a simple representation of how UI elements are created\n\n`Elm` -> `Nativescript` -> `Mobile`\n\nWhen we listen for / receive an event,\n\n`Mobile` -> `Nativescript` -> `Elm`\n\nConsider this flow while building an application. This will help you to overcome performance issues if you encounter them.\n\n\n# Types\n\n@docs ListViewModel, Native\n\n\n# Functions\n\n@docs actionBar\n@docs actionItem\n@docs activityIndicator\n@docs button\n@docs datePicker\n@docs formattedString\n@docs getEncodedItems\n@docs getListItems\n@docs htmlView\n@docs image\n@docs label\n@docs listPicker\n@docs listViewWithMultipleTemplate\n@docs listViewWithSingleTemplate\n@docs makeListViewModel\n@docs mapListViewModel\n@docs navigationButton\n@docs placeholderView\n@docs progress\n@docs scrollView\n@docs searchBar\n@docs segmentedBar\n@docs segmentedBarItem\n@docs slider\n@docs span\n@docs switch\n@docs tabViewItem\n@docs textField\n@docs textView\n@docs timePicker\n@docs webView\n\n","unions":[{"name":"ListViewModel","comment":" Used to abstract complexity of syncing items and encoded value\n","args":["a"],"cases":[]}],"aliases":[{"name":"Native","comment":" Just an alias for Html. This allows the usage of Html.Lazy packages when needed.\n","args":["msg"],"type":"Html.Html msg"}],"values":[{"name":"actionBar","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#actionbar)\n\nThe ActionBar is NativeScript’s abstraction over the Android ActionBar and iOS NavigationBar. It represents a toolbar at the top of the activity window, and can have a title, application-level navigation, as well as other custom interactive items.\n\n    actionBar [ title \"Elm Native Flix\" ] []\n\n    actionBar []\n        [ label [ text \"Browse\", fontSize \"18\" ] []\n        ]\n\n    actionBar [ title \"Action Title\" ]\n        [ navigationButton [ text \"Back\" ] []\n        ]\n\n    -- Advanced usage\n    actionBar\n        []\n        [ navigationButton [ visibility \"collapsed\" ] []\n        , label [ text \"Edit Car Details\", fontSize \"18\" ] []\n        , actionItem\n            [ text \"Cancel\"\n            , iosPosition \"left\"\n            , onTap GoBack\n            ]\n            []\n        , actionItem\n            [ text \"Done\"\n            , iosPosition \"right\"\n            , onTap DoneEditing\n            ]\n            []\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"actionItem","comment":" Action Item should be a child of actionBar. Refer [actionBar](Native#actionBar) for example\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"activityIndicator","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#activity-indicator)\n\nActivityIndicator is a UI component that shows a progress indicator signaling to the user of an operation running in the background.\n\n    activityIndicator\n        [ busy isBusy\n        , onBusyChange SomeMessage\n        , onLoaded IndicatorLoaded\n        , color \"#610fc8\"\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"button","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#button)\n\nButton is a UI component that displays a button which reacts to a user gesture.\nFor more information about the available gestures, see [Gestures in the documentation](https://docs.nativescript.org/interaction.html#gestures).\n\n    button [ text \"Tap me!\", onTap ButtonTappedMsg ] []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"datePicker","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#date-picker)\n\nDatePicker is a UI component that lets users select a date from a pre-configured range.\n\n    datePicker\n        [ year \"1980\"\n        , month \"4\"\n        , day \"20\"\n        , minDate \"1980-02-01\"\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"formattedString","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#example-styling-the-label)\n\nIf you need to style parts of the text, you can use a combination of a FormattedString and Span elements.\n\n    formattedString []\n        [ span [ text \"Hello\", fontStyle \"bold\" ] []\n        , span [ text \"World\", fontStyle \"italic\" ]\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"getEncodedItems","comment":" Gets encoded items from the model\n","type":"Native.ListViewModel a -> Json.Encode.Value"},{"name":"getListItems","comment":" Gets items from the model\n","type":"Native.ListViewModel a -> List.List a"},{"name":"htmlView","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#htmlview)\n\nHtmlView is a UI component that lets you show static HTML content. See also [WebView](Native#webView)\n\n    htmlView [ html \"<div><h1>HtmlView</h1></div>\" ] []\n\n    htmlView\n        [ html \"\"\"\n          <!DOCTYPE html>\n          <html>\n              <head>\n              </head>\n              <body>\n                  <span style=\"color: green\">Hello World</span>\n              </body>\n          </html>\n          \"\"\"\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"image","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#image)\n\nImage is a UI component that shows an image from an ImageSource or from a URL.\nWhen working with images following the [best practices](https://docs.nativescript.org/performance.html#image-optimizations) is a must.\n\n    image [ src \"res://icon\" stretch \"aspectFill\" ] []\n\n    image [ src imageUrl, stretch \"aspectFill\", height \"200\" ] []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"label","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#label)\n\nlabel is a UI component that displays read-only text.\nThis <Label> is not the same as the HTML <label>.\n\n    label\n        [ text \"Elm\"\n        , textAlignment \"center\"\n        , color \"#610fc8\"\n        , fontSize \"40\"\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"listPicker","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#list-picker)\n\nListPicker is a UI component that lets the user select a value from a pre-configured list.\nWe have to encode as `List String` values and pass the encoded value into [items](Native-Attributes#items)\n\n    listPicker\n        [ E.list E.string\n            [ \"2022\", \"2021\", \"2020\" ]\n            |> items\n        , selectedIndex \"1\"\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"listViewWithMultipleTemplate","comment":" To build a ListView with multiple templates and choose one based on the item,\nWe need to build `templateSelectorExpression`. templateSelectorExpression has access to $value and $index variables.\nIn addition to that, we should set a `key` attribute for all the children which will act as template id when picking the right template.\n\n    import Attributes as N\n    ...\n\n    listViewWithMultipleTemplate\n        -- Use single quotes (') to create a JS string.\n        (dangerousEvalExpression \" ($value % 2 == 0) || ($index % 3 == 0) ? 'even' : 'odd' \" )\n        [ items model.items -- here items is ListViewModel Int\n        ]\n        -- Since $value is Int, we can use .toString() method on number to convert a number to string\n        [ Layout.stackLayout [ key \"odd\", color \"red\" ]\n            [ label [ text (bindingExpression \" $value.toString() \" ) ] []\n            ]\n        , Layout.stackLayout [ key \"even\", color \"green\" ]\n            [ label [ text (bindingExpression \" $value.toString() \" ) ] []\n            ]\n        ]\n\n","type":"String.String -> List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"listViewWithSingleTemplate","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#listview)\n\nListView is a UI component that shows items in a vertically scrolling list.\nUsing a ListView requires some special attention due to the complexity of the native implementations, with custom item templates, bindings and so on.\n\n    listViewWithSingleTemplate\n        [ height \"100%\"\n        , separatorColor \"transparent\"\n        , items listViewModel\n        , Event.onItemTap ToDetails\n        ]\n    <|\n        Layout.gridLayout\n            [ height \"280\"\n            , borderRadius \"10\"\n            , class \"bg-secondary\"\n            , rows \"*, auto, auto\"\n            , columns \"*\"\n            , margin \"5, 10\"\n            , padding \"0\"\n            ]\n            [ image\n                [ row \"0\"\n                , margin \"0\"\n                , stretch \"aspectFill\"\n                , bindAttributeWithExpression \"src\" \" $value.image \"\n                ]\n                []\n            , label\n                [ row \"1\"\n                , margin \"10, 10, 0, 10\"\n                , fontWeight \"700\"\n                , class \"text-primary\"\n                , fontSize \"18\"\n                , bindAttributeWithExpression \"title\" \" $value.title \"\n                ]\n                []\n            , label\n                [ row \"2\"\n                , margin \"0, 10, 10, 10\"\n                , class \"text-secondary\"\n                , fontSize \"14\"\n                , textWrap \"true\"\n                , bindAttributeWithExpression \"text\" \" $value.description \"\n                ]\n                []\n            ]\n\n","type":"List.List (Html.Attribute msg) -> Html.Html msg -> Html.Html msg"},{"name":"makeListViewModel","comment":" Builds list view model when given encoder function for the value\n","type":"(a -> Json.Encode.Value) -> List.List a -> Native.ListViewModel a"},{"name":"mapListViewModel","comment":" Maps the value. Similar to `List.map`\n","type":"(item2 -> Json.Encode.Value) -> (item1 -> item2) -> Native.ListViewModel item1 -> Native.ListViewModel item2"},{"name":"navigationButton","comment":" Left navigation button in action bar.\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"placeholderView","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#placeholder)\n\nPlaceholder allows you to add any native widget to your application. To do that, you need to put a Placeholder somewhere in the UI hierarchy and then create and configure the native widget that you want to appear there. Finally, pass your native widget to the event arguments of the creatingView event.\nUse ports to have access to the rendering element and its native object.\n\n    placeholderView\n        [ id \"placeholder\"\n        , on \"creatingView\" (Decode.succeed CreatingPlaceholder)\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"progress","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#progress)\n\nProgress is a UI component that shows a bar to indicate the progress of a task.\n\n    progress\n        [ value \"50\"\n        , maxValue \"100\"\n        , backgroundColor \"red\"\n        , color \"green\"\n        , scaleY \"2\"\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"scrollView","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#scrollview)\n\nScrollView is a UI component that shows a scrollable content area. Content can be scrolled vertically or horizontally.\n\nIt's important to note that `ScrollView` extends `ContentView`, so it can only have a single child element.\n\n    scrollView [ orientation \"horizontal\" ] <|\n        stackLayout []\n            [ label [ text \"this\" ] []\n            , label [ text \"text\" ] []\n            , label [ text \"scrolls\" ] []\n            , label [ text \"horizontally\" ] []\n            , label [ text \"if necessary\" ] []\n            ]\n\n","type":"List.List (Html.Attribute msg) -> Html.Html msg -> Html.Html msg"},{"name":"searchBar","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#searchbar)\n\nSearchBar is a UI component that provides a user interface for entering search queries and submitting requests to the search provider.\n\n    searchBar\n        [ hint \"Search hint\"\n        , text \"searchPhrase\"\n        , on \"submit\" (Decode.succeed Submitted)\n        , on \"clear\" (Decode.succeed Cleared)\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"segmentedBar","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#segmentedbar)\n\n`SegmentedBar` is a UI bar component that displays a set of buttons for discrete selection. Can show text or images.\n\n    segmentedBar []\n        [ segmentedBarItem [ title \"First\" ] []\n        , segmentedBarItem [ title \"Second\" ] []\n        , segmentedBarItem [ title \"Third\" ] []\n        ]\n\nAs opposed to `TabView`:\n\n  - The position of SegmentedBar is not fixed.\n  - You can place and style it as needed on the page or inside additional app elements such as hamburger menus.\n  - You need to handle the content shown after selection separately.\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"segmentedBarItem","comment":" Child for segmentedBar.\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"slider","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#slider)\n\nSlider is a UI component that provides a slider control for picking values within a specified numeric range.\nIt returns `Float` value. Don't try to truncate `Float` and set `Int` value for slider value. This will result in weird/janky UI experience.\nIf you want `Int`, then have 2 fields for slider like `sliderFloatValue` and `sliderIntValue` in `Model`\n\n    slider\n        [ row \"1\"\n        , colSpan \"2\"\n        , minValue \"0\"\n        , maxValue \"5\"\n        , value (someValue |> String.fromFloat)\n        , onValueChange Changed\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"span","comment":" Similar to Html span, we can use it in combination with [formattedString](Native#formattedString)\n\n    span [ text \"Hello\", fontStyle \"bold\", style \"color: red\" ] []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"switch","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#switch)\n\nSwitch is a UI component that lets users toggle between two states.\n\nThe default state is false or OFF.\n\n    switch [ checked True ] []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"tabViewItem","comment":" Should be the child of [tabView](Native-Layout#tabView)\n\n    tabView []\n        [ tabViewItem [ title \"Profile\" ]\n            [ label [ text \"Hello\" ] []\n            ]\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"textField","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#textfield)\n\nTextField is an input component that creates an editable single-line box.\n\nTextField extends `TextBase` and `EditableTextBase` which provide additional properties and events.\n\n    textField\n        [ hint \"Enter Text\"\n        , color \"orangered\"\n        , backgroundColor \"lightyellow\"\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"textView","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#textview)\n\nTextView is a UI component that shows an editable or a read-only multi-line text container. You can use it to let users type large text in your app or to show longer, multi-line text on the screen.\n\nTextView extends `TextBase` and `EditableTextBase` which provide additional properties and events.\n\n    textView\n        [ hint \"Enter Date\"\n        , text \"Hello World\"\n        , secure \"false\"\n        , keyboardType \"datetime\"\n        , returnKeyType \"done\"\n        , autocorrect \"false\"\n        , maxLength \"10\"\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"timePicker","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#timepicker)\n\nTimePicker is a UI component that lets users select time.\n\n    timePicker\n        [ hour \"10\"\n        , minute \"25\"\n        , row \"2\"\n        , col \"0\"\n        , colSpan \"2\"\n        , class \"m-15\"\n        , verticalAlignment \"center\"\n        , on \"timeChange\" (Decode.succeed TimeChanged)\n        ]\n        []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"webView","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#webview)\n\nWebView is a UI component that lets you show web content in your app. You can pull and show content from a URL or a local HTML file, or you can render static HTML content.\n\n    webView [ src \"<div><h1>Some static HTML</h1></div>\" ] []\n\n    webView [ src \"http://nativescript.org/\" ] []\n\n    webView [ src \"~/html/index.html\" ] []\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"}],"binops":[]},{"name":"Native.Attributes","comment":" Nativescript element attributes\n\n\n# Attributes\n\n@docs dangerousEvalExpression, bindAttributeWithExpression\n@docs ios, android\n@docs modalConfig, items\n\n@docs fontSize\n@docs fontWeight\n@docs fontStyle\n@docs formattedText\n@docs letterSpacing\n@docs lineHeight\n@docs nativeTextViewProtected\n@docs text\n@docs key\n@docs icon\n@docs style\n@docs textAlignment\n@docs textDecoration\n@docs textShadow\n@docs textTransform\n@docs whiteSpace\n@docs stretchLastChild\n@docs orientation\n@docs itemHeight\n@docs itemWidth\n@docs alignContent\n@docs alignItems\n@docs flexDirection\n@docs flexWrap\n@docs justifyContent\n@docs padding\n@docs paddingBottom\n@docs paddingLeft\n@docs paddingRight\n@docs paddingTop\n@docs accessibilityHidden\n@docs accessibilityHint\n@docs accessibilityIdentifier\n@docs accessibilityLabel\n@docs accessibilityLanguage\n@docs accessibilityLiveRegion\n@docs accessibilityMediaSession\n@docs accessibilityRole\n@docs accessibilityState\n@docs accessibilityValue\n@docs accessible\n@docs alignSelf\n@docs androidDynamicElevationOffset\n@docs androidElevation\n@docs automationText\n@docs background\n@docs backgroundColor\n@docs backgroundImage\n@docs borderBottomColor\n@docs borderBottomLeftRadius\n@docs borderBottomRightRadius\n@docs borderBottomWidth\n@docs borderColor\n@docs borderLeftColor\n@docs borderLeftWidth\n@docs borderRadius\n@docs borderRightColor\n@docs borderRightWidth\n@docs borderTopColor\n@docs borderTopLeftRadius\n@docs borderTopRightRadius\n@docs borderTopWidth\n@docs borderWidth\n@docs boxShadow\n@docs class\n@docs col\n@docs colSpan\n@docs color\n@docs column\n@docs columns\n@docs columnSpan\n@docs css\n@docs cssClasses\n@docs cssPseudoClasses\n@docs cssType\n@docs dock\n@docs domNode\n@docs effectiveBorderBottomWidth\n@docs effectiveBorderLeftWidth\n@docs effectiveBorderRightWidth\n@docs effectiveBorderTopWidth\n@docs effectiveHeight\n@docs effectiveLeft\n@docs effectiveMarginBottom\n@docs effectiveMarginLeft\n@docs effectiveMarginRight\n@docs effectiveMarginTop\n@docs effectiveMinHeight\n@docs effectiveMinWidth\n@docs effectivePaddingBottom\n@docs effectivePaddingLeft\n@docs effectivePaddingRight\n@docs effectivePaddingTop\n@docs effectiveTop\n@docs effectiveWidth\n@docs flexGrow\n@docs flexShrink\n@docs flexWrapBefore\n@docs height\n@docs horizontalAlignment\n@docs id\n@docs itemId\n@docs iosIgnoreSafeArea\n@docs iosOverflowSafeArea\n@docs iosOverflowSafeAreaEnabled\n@docs isCollapsed\n@docs isEnabled\n@docs isLayoutRequired\n@docs isLayoutValid\n@docs isUserInteractionEnabled\n@docs left\n@docs margin\n@docs marginBottom\n@docs marginLeft\n@docs marginRight\n@docs marginTop\n@docs minHeight\n@docs minWidth\n@docs nativeViewProtected\n@docs opacity\n@docs order\n@docs originX\n@docs originY\n@docs perspective\n@docs recycleNativeView\n@docs reusable\n@docs rotate\n@docs rotateX\n@docs rotateY\n@docs row\n@docs busy\n@docs rows\n@docs rowSpan\n@docs scaleX\n@docs scaleY\n@docs top\n@docs translateX\n@docs translateY\n@docs textWrap\n@docs verticalAlignment\n@docs viewController\n@docs visibility\n@docs width\n@docs actionBarVisibility\n@docs animated\n@docs transition\n@docs defaultAnimatedNavigation\n@docs defaultTransition\n@docs accessibilityAnnouncePageEnabled\n@docs actionBarHidden\n@docs androidStatusBarBackground\n@docs backgroundSpanUnderStatusBar\n@docs enableSwipeBackNavigation\n@docs statusBarStyle\n@docs date\n@docs iosPreferredDatePickerStyle\n@docs maxDate\n@docs minDate\n@docs day\n@docs month\n@docs year\n@docs html\n@docs decodeHeight\n@docs decodeWidth\n@docs isLoading\n@docs loadMode\n@docs src\n@docs stretch\n@docs tintColor\n@docs selectedIndex\n@docs maxValue\n@docs value\n@docs checked\n@docs minValue\n@docs horizontalOffset\n@docs isScrollEnabled\n@docs scrollBarIndicatorVisible\n@docs scrollableHeight\n@docs scrollableWidth\n@docs verticalOffset\n@docs hint\n@docs textFieldBackgroundColor\n@docs textFieldHintColor\n@docs title\n@docs flat\n@docs titleView\n@docs selectedBackgroundColor\n@docs androidOffscreenTabLimit\n@docs androidSelectedTabHighlightColor\n@docs androidSwipeEnabled\n@docs androidTabsPosition\n@docs iosIconRenderingMode\n@docs selectedTabTextColor\n@docs tabBackgroundColor\n@docs tabTextColor\n@docs tabTextFontSize\n@docs canBeLoaded\n@docs canGoBack\n@docs canGoForward\n@docs iconSource\n@docs autocapitalizationType\n@docs autocorrect\n@docs autofillType\n@docs closeOnReturn\n@docs editable\n@docs keyboardType\n@docs maxLength\n@docs returnKeyType\n@docs secure\n@docs secureWithoutAutofill\n@docs updateTextTrigger\n@docs maxLines\n@docs hour\n@docs maxHour\n@docs maxMinute\n@docs minHour\n@docs minMinute\n@docs minute\n@docs minuteInterval\n@docs time\n@docs iosPosition\n@docs androidPosition\n@docs iosSystemIcon\n@docs androidSystemIcon\n@docs iosEstimatedRowHeight\n@docs rowHeight\n@docs separatorColor\n@docs fontFamily\n\n","unions":[],"aliases":[],"values":[{"name":"accessibilityAnnouncePageEnabled","comment":" Sets accessibilityAnnouncePageEnabled\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityHidden","comment":" Sets accessibilityHidden\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityHint","comment":" Sets accessibilityHint\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityIdentifier","comment":" Sets accessibilityIdentifier\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityLabel","comment":" Sets accessibilityLabel\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityLanguage","comment":" Sets accessibilityLanguage\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityLiveRegion","comment":" Sets accessibilityLiveRegion\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityMediaSession","comment":" Sets accessibilityMediaSession\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityRole","comment":" Sets accessibilityRole\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityState","comment":" Sets accessibilityState\n","type":"String.String -> Html.Attribute msg"},{"name":"accessibilityValue","comment":" Sets accessibilityValue\n","type":"String.String -> Html.Attribute msg"},{"name":"accessible","comment":" Sets accessible\n","type":"String.String -> Html.Attribute msg"},{"name":"actionBarHidden","comment":" Sets actionBarHidden\n","type":"String.String -> Html.Attribute msg"},{"name":"actionBarVisibility","comment":" Sets actionBarVisibility\n","type":"String.String -> Html.Attribute msg"},{"name":"alignContent","comment":" Sets alignContent\n","type":"String.String -> Html.Attribute msg"},{"name":"alignItems","comment":" Sets alignItems\n","type":"String.String -> Html.Attribute msg"},{"name":"alignSelf","comment":" Sets alignSelf\n","type":"String.String -> Html.Attribute msg"},{"name":"android","comment":" Allows setting android only attributes. The attribute is set only when the mobile OS is android\n","type":"String.String -> String.String -> Html.Attribute msg"},{"name":"androidDynamicElevationOffset","comment":" Sets androidDynamicElevationOffset\n","type":"String.String -> Html.Attribute msg"},{"name":"androidElevation","comment":" Sets androidElevation\n","type":"String.String -> Html.Attribute msg"},{"name":"androidOffscreenTabLimit","comment":" Sets androidOffscreenTabLimit\n","type":"String.String -> Html.Attribute msg"},{"name":"androidPosition","comment":" Sets androidPosition\n","type":"String.String -> Html.Attribute msg"},{"name":"androidSelectedTabHighlightColor","comment":" Sets androidSelectedTabHighlightColor\n","type":"String.String -> Html.Attribute msg"},{"name":"androidStatusBarBackground","comment":" Sets androidStatusBarBackground\n","type":"String.String -> Html.Attribute msg"},{"name":"androidSwipeEnabled","comment":" Sets androidSwipeEnabled\n","type":"String.String -> Html.Attribute msg"},{"name":"androidSystemIcon","comment":" Sets androidSystemIcon\n","type":"String.String -> Html.Attribute msg"},{"name":"androidTabsPosition","comment":" Sets androidTabsPosition\n","type":"String.String -> Html.Attribute msg"},{"name":"animated","comment":" Sets animated\n","type":"String.String -> Html.Attribute msg"},{"name":"autocapitalizationType","comment":" Sets autocapitalizationType\n","type":"String.String -> Html.Attribute msg"},{"name":"autocorrect","comment":" Sets autocorrect\n","type":"String.String -> Html.Attribute msg"},{"name":"autofillType","comment":" Sets autofillType\n","type":"String.String -> Html.Attribute msg"},{"name":"automationText","comment":" Sets automationText\n","type":"String.String -> Html.Attribute msg"},{"name":"background","comment":" Sets background\n","type":"String.String -> Html.Attribute msg"},{"name":"backgroundColor","comment":" Sets backgroundColor\n","type":"String.String -> Html.Attribute msg"},{"name":"backgroundImage","comment":" Sets backgroundImage\n","type":"String.String -> Html.Attribute msg"},{"name":"backgroundSpanUnderStatusBar","comment":" Sets backgroundSpanUnderStatusBar\n","type":"String.String -> Html.Attribute msg"},{"name":"bindAttributeWithExpression","comment":" Binding expressions are supported only when ListView is their ancestor.\nIn any other case, there won't be any value to bind to. So it will be empty.\n\nUse hypens instead of camelcase like `font-family` and not `fontFamily`\n\n","type":"String.String -> String.String -> Html.Attribute msg"},{"name":"borderBottomColor","comment":" Sets borderBottomColor\n","type":"String.String -> Html.Attribute msg"},{"name":"borderBottomLeftRadius","comment":" Sets borderBottomLeftRadius\n","type":"String.String -> Html.Attribute msg"},{"name":"borderBottomRightRadius","comment":" Sets borderBottomRightRadius\n","type":"String.String -> Html.Attribute msg"},{"name":"borderBottomWidth","comment":" Sets borderBottomWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"borderColor","comment":" Sets borderColor\n","type":"String.String -> Html.Attribute msg"},{"name":"borderLeftColor","comment":" Sets borderLeftColor\n","type":"String.String -> Html.Attribute msg"},{"name":"borderLeftWidth","comment":" Sets borderLeftWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"borderRadius","comment":" Sets borderRadius\n","type":"String.String -> Html.Attribute msg"},{"name":"borderRightColor","comment":" Sets borderRightColor\n","type":"String.String -> Html.Attribute msg"},{"name":"borderRightWidth","comment":" Sets borderRightWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"borderTopColor","comment":" Sets borderTopColor\n","type":"String.String -> Html.Attribute msg"},{"name":"borderTopLeftRadius","comment":" Sets borderTopLeftRadius\n","type":"String.String -> Html.Attribute msg"},{"name":"borderTopRightRadius","comment":" Sets borderTopRightRadius\n","type":"String.String -> Html.Attribute msg"},{"name":"borderTopWidth","comment":" Sets borderTopWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"borderWidth","comment":" Sets borderWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"boxShadow","comment":" Sets boxShadow\n","type":"String.String -> Html.Attribute msg"},{"name":"busy","comment":" Sets busy\n","type":"String.String -> Html.Attribute msg"},{"name":"canBeLoaded","comment":" Sets canBeLoaded\n","type":"String.String -> Html.Attribute msg"},{"name":"canGoBack","comment":" Sets canGoBack\n","type":"String.String -> Html.Attribute msg"},{"name":"canGoForward","comment":" Sets canGoForward\n","type":"String.String -> Html.Attribute msg"},{"name":"checked","comment":" Sets checked\n","type":"String.String -> Html.Attribute msg"},{"name":"class","comment":" Sets class\n","type":"String.String -> Html.Attribute msg"},{"name":"closeOnReturn","comment":" Sets closeOnReturn\n","type":"String.String -> Html.Attribute msg"},{"name":"col","comment":" Sets col\n","type":"String.String -> Html.Attribute msg"},{"name":"colSpan","comment":" Sets colSpan\n","type":"String.String -> Html.Attribute msg"},{"name":"color","comment":" Sets color\n","type":"String.String -> Html.Attribute msg"},{"name":"column","comment":" Sets column\n","type":"String.String -> Html.Attribute msg"},{"name":"columnSpan","comment":" Sets columnSpan\n","type":"String.String -> Html.Attribute msg"},{"name":"columns","comment":" Sets columns\n","type":"String.String -> Html.Attribute msg"},{"name":"css","comment":" Sets css\n","type":"String.String -> Html.Attribute msg"},{"name":"cssClasses","comment":" Sets cssClasses\n","type":"String.String -> Html.Attribute msg"},{"name":"cssPseudoClasses","comment":" Sets cssPseudoClasses\n","type":"String.String -> Html.Attribute msg"},{"name":"cssType","comment":" Sets cssType\n","type":"String.String -> Html.Attribute msg"},{"name":"dangerousEvalExpression","comment":" Caution: This allows execution of JS.\nEnsure your string is generated at compile time and NOT dynamic\n\nGood usage:\n\n    itemTemplateSelector <|\n        dangerousEvalExpression \" $value % 2 == 0 ? 'template1' : 'template2'\"\n\n    dangerousEvalExpression \" isIOS ? UITableViewCellSelectionStyle.None : 0 \"\n\nBAD usage:\n\n    dangerousEvalExpression (\" $value % \" ++ user.input ++ \" == 0\")\n\n","type":"String.String -> String.String"},{"name":"date","comment":" Sets date\n","type":"String.String -> Html.Attribute msg"},{"name":"day","comment":" Sets day\n","type":"String.String -> Html.Attribute msg"},{"name":"decodeHeight","comment":" Sets decodeHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"decodeWidth","comment":" Sets decodeWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"defaultAnimatedNavigation","comment":" Sets defaultAnimatedNavigation\n","type":"String.String -> Html.Attribute msg"},{"name":"defaultTransition","comment":" Sets defaultTransition\n","type":"String.String -> Html.Attribute msg"},{"name":"dock","comment":" Sets dock\n","type":"String.String -> Html.Attribute msg"},{"name":"domNode","comment":" Sets domNode\n","type":"String.String -> Html.Attribute msg"},{"name":"editable","comment":" Sets editable\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveBorderBottomWidth","comment":" Sets effectiveBorderBottomWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveBorderLeftWidth","comment":" Sets effectiveBorderLeftWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveBorderRightWidth","comment":" Sets effectiveBorderRightWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveBorderTopWidth","comment":" Sets effectiveBorderTopWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveHeight","comment":" Sets effectiveHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveLeft","comment":" Sets effectiveLeft\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveMarginBottom","comment":" Sets effectiveMarginBottom\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveMarginLeft","comment":" Sets effectiveMarginLeft\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveMarginRight","comment":" Sets effectiveMarginRight\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveMarginTop","comment":" Sets effectiveMarginTop\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveMinHeight","comment":" Sets effectiveMinHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveMinWidth","comment":" Sets effectiveMinWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"effectivePaddingBottom","comment":" Sets effectivePaddingBottom\n","type":"String.String -> Html.Attribute msg"},{"name":"effectivePaddingLeft","comment":" Sets effectivePaddingLeft\n","type":"String.String -> Html.Attribute msg"},{"name":"effectivePaddingRight","comment":" Sets effectivePaddingRight\n","type":"String.String -> Html.Attribute msg"},{"name":"effectivePaddingTop","comment":" Sets effectivePaddingTop\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveTop","comment":" Sets effectiveTop\n","type":"String.String -> Html.Attribute msg"},{"name":"effectiveWidth","comment":" Sets effectiveWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"enableSwipeBackNavigation","comment":" Sets enableSwipeBackNavigation\n","type":"String.String -> Html.Attribute msg"},{"name":"flat","comment":" Sets flat\n","type":"String.String -> Html.Attribute msg"},{"name":"flexDirection","comment":" Sets flexDirection\n","type":"String.String -> Html.Attribute msg"},{"name":"flexGrow","comment":" Sets flexGrow\n","type":"String.String -> Html.Attribute msg"},{"name":"flexShrink","comment":" Sets flexShrink\n","type":"String.String -> Html.Attribute msg"},{"name":"flexWrap","comment":" Sets flexWrap\n","type":"String.String -> Html.Attribute msg"},{"name":"flexWrapBefore","comment":" Sets flexWrapBefore\n","type":"String.String -> Html.Attribute msg"},{"name":"fontFamily","comment":" Sets fontFamily to element\n","type":"String.String -> Html.Attribute msg"},{"name":"fontSize","comment":" Sets fontSize\n","type":"String.String -> Html.Attribute msg"},{"name":"fontStyle","comment":" Sets fontStyle\n","type":"String.String -> Html.Attribute msg"},{"name":"fontWeight","comment":" Sets fontWeight\n","type":"String.String -> Html.Attribute msg"},{"name":"formattedText","comment":" Sets formattedText\n","type":"String.String -> Html.Attribute msg"},{"name":"height","comment":" Sets height\n","type":"String.String -> Html.Attribute msg"},{"name":"hint","comment":" Sets hint\n","type":"String.String -> Html.Attribute msg"},{"name":"horizontalAlignment","comment":" Sets horizontalAlignment\n","type":"String.String -> Html.Attribute msg"},{"name":"horizontalOffset","comment":" Sets horizontalOffset\n","type":"String.String -> Html.Attribute msg"},{"name":"hour","comment":" Sets hour\n","type":"String.String -> Html.Attribute msg"},{"name":"html","comment":" Sets html\n","type":"String.String -> Html.Attribute msg"},{"name":"icon","comment":" Sets icon\n","type":"String.String -> Html.Attribute msg"},{"name":"iconSource","comment":" Sets iconSource\n","type":"String.String -> Html.Attribute msg"},{"name":"id","comment":" Sets id\n","type":"String.String -> Html.Attribute msg"},{"name":"ios","comment":" Allows setting iOS only attributes. The attribute is set only when the mobile OS is iOS\n","type":"String.String -> String.String -> Html.Attribute msg"},{"name":"iosEstimatedRowHeight","comment":" Sets iosEstimatedRowHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"iosIconRenderingMode","comment":" Sets iosIconRenderingMode\n","type":"String.String -> Html.Attribute msg"},{"name":"iosIgnoreSafeArea","comment":" Sets iosIgnoreSafeArea\n","type":"String.String -> Html.Attribute msg"},{"name":"iosOverflowSafeArea","comment":" Sets iosOverflowSafeArea\n","type":"String.String -> Html.Attribute msg"},{"name":"iosOverflowSafeAreaEnabled","comment":" Sets iosOverflowSafeAreaEnabled\n","type":"String.String -> Html.Attribute msg"},{"name":"iosPosition","comment":" Sets iosPosition\n","type":"String.String -> Html.Attribute msg"},{"name":"iosPreferredDatePickerStyle","comment":" Sets iosPreferredDatePickerStyle\n","type":"String.String -> Html.Attribute msg"},{"name":"iosSystemIcon","comment":" Sets iosSystemIcon\n","type":"String.String -> Html.Attribute msg"},{"name":"isCollapsed","comment":" Sets isCollapsed\n","type":"String.String -> Html.Attribute msg"},{"name":"isEnabled","comment":" Sets isEnabled\n","type":"String.String -> Html.Attribute msg"},{"name":"isLayoutRequired","comment":" Sets isLayoutRequired\n","type":"String.String -> Html.Attribute msg"},{"name":"isLayoutValid","comment":" Sets isLayoutValid\n","type":"String.String -> Html.Attribute msg"},{"name":"isLoading","comment":" Sets isLoading\n","type":"String.String -> Html.Attribute msg"},{"name":"isScrollEnabled","comment":" Sets isScrollEnabled\n","type":"String.String -> Html.Attribute msg"},{"name":"isUserInteractionEnabled","comment":" Sets isUserInteractionEnabled\n","type":"String.String -> Html.Attribute msg"},{"name":"itemHeight","comment":" Sets itemHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"itemId","comment":" Sets itemId\n","type":"String.String -> Html.Attribute msg"},{"name":"itemWidth","comment":" Sets itemWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"items","comment":" Sets encoded items to [listViewWithSingleTemplate](Native#listViewWithSingleTemplate) or [listViewWithMultipleTemplate](Native#listViewWithMultipleTemplate)\n","type":"Native.ListViewModel a -> Html.Attribute msg"},{"name":"justifyContent","comment":" Sets justifyContent\n","type":"String.String -> Html.Attribute msg"},{"name":"key","comment":" Sets key\n","type":"String.String -> Html.Attribute msg"},{"name":"keyboardType","comment":" Sets keyboardType\n","type":"String.String -> Html.Attribute msg"},{"name":"left","comment":" Sets left\n","type":"String.String -> Html.Attribute msg"},{"name":"letterSpacing","comment":" Sets letterSpacing\n","type":"String.String -> Html.Attribute msg"},{"name":"lineHeight","comment":" Sets lineHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"loadMode","comment":" Sets loadMode\n","type":"String.String -> Html.Attribute msg"},{"name":"margin","comment":" Sets margin\n","type":"String.String -> Html.Attribute msg"},{"name":"marginBottom","comment":" Sets marginBottom\n","type":"String.String -> Html.Attribute msg"},{"name":"marginLeft","comment":" Sets marginLeft\n","type":"String.String -> Html.Attribute msg"},{"name":"marginRight","comment":" Sets marginRight\n","type":"String.String -> Html.Attribute msg"},{"name":"marginTop","comment":" Sets marginTop\n","type":"String.String -> Html.Attribute msg"},{"name":"maxDate","comment":" Sets maxDate\n","type":"String.String -> Html.Attribute msg"},{"name":"maxHour","comment":" Sets maxHour\n","type":"String.String -> Html.Attribute msg"},{"name":"maxLength","comment":" Sets maxLength\n","type":"String.String -> Html.Attribute msg"},{"name":"maxLines","comment":" Sets maxLines\n","type":"String.String -> Html.Attribute msg"},{"name":"maxMinute","comment":" Sets maxMinute\n","type":"String.String -> Html.Attribute msg"},{"name":"maxValue","comment":" Sets maxValue\n","type":"String.String -> Html.Attribute msg"},{"name":"minDate","comment":" Sets minDate\n","type":"String.String -> Html.Attribute msg"},{"name":"minHeight","comment":" Sets minHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"minHour","comment":" Sets minHour\n","type":"String.String -> Html.Attribute msg"},{"name":"minMinute","comment":" Sets minMinute\n","type":"String.String -> Html.Attribute msg"},{"name":"minValue","comment":" Sets minValue\n","type":"String.String -> Html.Attribute msg"},{"name":"minWidth","comment":" Sets minWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"minute","comment":" Sets minute\n","type":"String.String -> Html.Attribute msg"},{"name":"minuteInterval","comment":" Sets minuteInterval\n","type":"String.String -> Html.Attribute msg"},{"name":"modalConfig","comment":" Used to show a page as modal and no backstack is added\n","type":"Basics.Bool -> Html.Attribute msg"},{"name":"month","comment":" Sets month\n","type":"String.String -> Html.Attribute msg"},{"name":"nativeTextViewProtected","comment":" Sets nativeTextViewProtected\n","type":"String.String -> Html.Attribute msg"},{"name":"nativeViewProtected","comment":" Sets nativeViewProtected\n","type":"String.String -> Html.Attribute msg"},{"name":"opacity","comment":" Sets opacity\n","type":"String.String -> Html.Attribute msg"},{"name":"order","comment":" Sets order\n","type":"String.String -> Html.Attribute msg"},{"name":"orientation","comment":" Sets orientation\n","type":"String.String -> Html.Attribute msg"},{"name":"originX","comment":" Sets originX\n","type":"String.String -> Html.Attribute msg"},{"name":"originY","comment":" Sets originY\n","type":"String.String -> Html.Attribute msg"},{"name":"padding","comment":" Sets padding\n","type":"String.String -> Html.Attribute msg"},{"name":"paddingBottom","comment":" Sets paddingBottom\n","type":"String.String -> Html.Attribute msg"},{"name":"paddingLeft","comment":" Sets paddingLeft\n","type":"String.String -> Html.Attribute msg"},{"name":"paddingRight","comment":" Sets paddingRight\n","type":"String.String -> Html.Attribute msg"},{"name":"paddingTop","comment":" Sets paddingTop\n","type":"String.String -> Html.Attribute msg"},{"name":"perspective","comment":" Sets perspective\n","type":"String.String -> Html.Attribute msg"},{"name":"recycleNativeView","comment":" Sets recycleNativeView\n","type":"String.String -> Html.Attribute msg"},{"name":"returnKeyType","comment":" Sets returnKeyType\n","type":"String.String -> Html.Attribute msg"},{"name":"reusable","comment":" Sets reusable\n","type":"String.String -> Html.Attribute msg"},{"name":"rotate","comment":" Sets rotate\n","type":"String.String -> Html.Attribute msg"},{"name":"rotateX","comment":" Sets rotateX\n","type":"String.String -> Html.Attribute msg"},{"name":"rotateY","comment":" Sets rotateY\n","type":"String.String -> Html.Attribute msg"},{"name":"row","comment":" Sets row\n","type":"String.String -> Html.Attribute msg"},{"name":"rowHeight","comment":" Sets rowHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"rowSpan","comment":" Sets rowSpan\n","type":"String.String -> Html.Attribute msg"},{"name":"rows","comment":" Sets rows\n","type":"String.String -> Html.Attribute msg"},{"name":"scaleX","comment":" Sets scaleX\n","type":"String.String -> Html.Attribute msg"},{"name":"scaleY","comment":" Sets scaleY\n","type":"String.String -> Html.Attribute msg"},{"name":"scrollBarIndicatorVisible","comment":" Sets scrollBarIndicatorVisible\n","type":"String.String -> Html.Attribute msg"},{"name":"scrollableHeight","comment":" Sets scrollableHeight\n","type":"String.String -> Html.Attribute msg"},{"name":"scrollableWidth","comment":" Sets scrollableWidth\n","type":"String.String -> Html.Attribute msg"},{"name":"secure","comment":" Sets secure\n","type":"String.String -> Html.Attribute msg"},{"name":"secureWithoutAutofill","comment":" Sets secureWithoutAutofill\n","type":"String.String -> Html.Attribute msg"},{"name":"selectedBackgroundColor","comment":" Sets selectedBackgroundColor\n","type":"String.String -> Html.Attribute msg"},{"name":"selectedIndex","comment":" Sets selectedIndex\n","type":"String.String -> Html.Attribute msg"},{"name":"selectedTabTextColor","comment":" Sets selectedTabTextColor\n","type":"String.String -> Html.Attribute msg"},{"name":"separatorColor","comment":" Sets separatorColor of listView\n","type":"String.String -> Html.Attribute msg"},{"name":"src","comment":" Sets src\n","type":"String.String -> Html.Attribute msg"},{"name":"statusBarStyle","comment":" Sets statusBarStyle\n","type":"String.String -> Html.Attribute msg"},{"name":"stretch","comment":" Sets stretch\n","type":"String.String -> Html.Attribute msg"},{"name":"stretchLastChild","comment":" Sets stretchLastChild\n","type":"String.String -> Html.Attribute msg"},{"name":"style","comment":" Sets style\n","type":"String.String -> Html.Attribute msg"},{"name":"tabBackgroundColor","comment":" Sets tabBackgroundColor\n","type":"String.String -> Html.Attribute msg"},{"name":"tabTextColor","comment":" Sets tabTextColor\n","type":"String.String -> Html.Attribute msg"},{"name":"tabTextFontSize","comment":" Sets tabTextFontSize\n","type":"String.String -> Html.Attribute msg"},{"name":"text","comment":" Sets text\n","type":"String.String -> Html.Attribute msg"},{"name":"textAlignment","comment":" Sets textAlignment\n","type":"String.String -> Html.Attribute msg"},{"name":"textDecoration","comment":" Sets textDecoration\n","type":"String.String -> Html.Attribute msg"},{"name":"textFieldBackgroundColor","comment":" Sets textFieldBackgroundColor\n","type":"String.String -> Html.Attribute msg"},{"name":"textFieldHintColor","comment":" Sets textFieldHintColor\n","type":"String.String -> Html.Attribute msg"},{"name":"textShadow","comment":" Sets textShadow\n","type":"String.String -> Html.Attribute msg"},{"name":"textTransform","comment":" Sets textTransform\n","type":"String.String -> Html.Attribute msg"},{"name":"textWrap","comment":" Sets textWrap\n","type":"String.String -> Html.Attribute msg"},{"name":"time","comment":" Sets time\n","type":"String.String -> Html.Attribute msg"},{"name":"tintColor","comment":" Sets tintColor\n","type":"String.String -> Html.Attribute msg"},{"name":"title","comment":" Sets title\n","type":"String.String -> Html.Attribute msg"},{"name":"titleView","comment":" Sets titleView\n","type":"String.String -> Html.Attribute msg"},{"name":"top","comment":" Sets top\n","type":"String.String -> Html.Attribute msg"},{"name":"transition","comment":" Sets transition\n","type":"String.String -> Html.Attribute msg"},{"name":"translateX","comment":" Sets translateX\n","type":"String.String -> Html.Attribute msg"},{"name":"translateY","comment":" Sets translateY\n","type":"String.String -> Html.Attribute msg"},{"name":"updateTextTrigger","comment":" Sets updateTextTrigger\n","type":"String.String -> Html.Attribute msg"},{"name":"value","comment":" Sets value\n","type":"String.String -> Html.Attribute msg"},{"name":"verticalAlignment","comment":" Sets verticalAlignment\n","type":"String.String -> Html.Attribute msg"},{"name":"verticalOffset","comment":" Sets verticalOffset\n","type":"String.String -> Html.Attribute msg"},{"name":"viewController","comment":" Sets viewController\n","type":"String.String -> Html.Attribute msg"},{"name":"visibility","comment":" Sets visibility\n","type":"String.String -> Html.Attribute msg"},{"name":"whiteSpace","comment":" Sets whiteSpace\n","type":"String.String -> Html.Attribute msg"},{"name":"width","comment":" Sets width\n","type":"String.String -> Html.Attribute msg"},{"name":"year","comment":" Sets year\n","type":"String.String -> Html.Attribute msg"}],"binops":[]},{"name":"Native.Dialogs","comment":" Used to show NativeScript dialogs\n\n\n# Types\n\n@docs Action, Alert, Confirm, Login, LoginResult, Prompt, PromptResult\n\n\n# Default Options\n\n@docs defaultActionOption, defaultAlertOption, defaultConfirmOption, defaultLoginOption, defaultPromptOption\n\n\n# Setters\n\n@docs setAndroidOnlyCancelable, setCancelButtonText, setCapitalizationType, setDefaultText, setInputType, setNeutralButtonText, setOkButtonText, setPassword, setPasswordHint, setTitle, setUserName, setUserNameHint\n\n\n# Dialogs\n\n@docs action, alert, confirm, login, prompt\n\n","unions":[],"aliases":[{"name":"Action","comment":" Action dialog options\n","args":[],"type":"{ title : Maybe.Maybe String.String, message : String.String, cancelButtonText : String.String, actions : List.List String.String, androidOnlyCancelable : Maybe.Maybe Basics.Bool }"},{"name":"Alert","comment":" Alert dialog options\n","args":[],"type":"{ title : Maybe.Maybe String.String, message : String.String, okButtonText : Maybe.Maybe String.String, androidOnlyCancelable : Maybe.Maybe Basics.Bool }"},{"name":"Confirm","comment":" Confirm dialog options\n","args":[],"type":"{ title : Maybe.Maybe String.String, message : String.String, androidOnlyCancelable : Maybe.Maybe Basics.Bool, okButtonText : Maybe.Maybe String.String, neutralButtonText : Maybe.Maybe String.String, cancelButtonText : Maybe.Maybe String.String }"},{"name":"Login","comment":" Login dialog options\n","args":[],"type":"{ title : Maybe.Maybe String.String, message : String.String, okButtonText : Maybe.Maybe String.String, cancelButtonText : Maybe.Maybe String.String, neutralButtonText : Maybe.Maybe String.String, userNameHint : Maybe.Maybe String.String, passwordHint : Maybe.Maybe String.String, userName : Maybe.Maybe String.String, password : Maybe.Maybe String.String }"},{"name":"LoginResult","comment":" Result of Login dialog\n","args":[],"type":"{ username : String.String, password : String.String, result : Basics.Bool }"},{"name":"Prompt","comment":" Prompt dialog options\n","args":[],"type":"{ title : Maybe.Maybe String.String, message : String.String, okButtonText : Maybe.Maybe String.String, cancelButtonText : Maybe.Maybe String.String, neutralButtonText : Maybe.Maybe String.String, defaultText : Maybe.Maybe String.String, capitalizationType : Maybe.Maybe Native.Types.CapitalizationType, inputType : Maybe.Maybe Native.Types.InputType }"},{"name":"PromptResult","comment":" Result of Prompt dialog\n","args":[],"type":"{ text : String.String, result : Basics.Bool }"}],"values":[{"name":"action","comment":" Creates Action Dialog Task\n","type":"Native.Dialogs.Action -> TaskPort.Task String.String"},{"name":"alert","comment":" Creates Alert Dialog Task\n","type":"Native.Dialogs.Alert -> TaskPort.Task ()"},{"name":"confirm","comment":" Creates Confirm Dialog Task\n","type":"Native.Dialogs.Confirm -> TaskPort.Task Basics.Bool"},{"name":"defaultActionOption","comment":" Default Action Option\n","type":"String.String -> List.List String.String -> String.String -> Native.Dialogs.Action"},{"name":"defaultAlertOption","comment":" Default Alert Option\n","type":"String.String -> Native.Dialogs.Alert"},{"name":"defaultConfirmOption","comment":" Default Confirm Option\n","type":"String.String -> Native.Dialogs.Confirm"},{"name":"defaultLoginOption","comment":" Default Login Option\n","type":"String.String -> Native.Dialogs.Login"},{"name":"defaultPromptOption","comment":" Default Prompt Option\n","type":"String.String -> Native.Dialogs.Prompt"},{"name":"login","comment":" Creates Login Dialog Task\n","type":"Native.Dialogs.Login -> TaskPort.Task Native.Dialogs.LoginResult"},{"name":"prompt","comment":" Creates Prompt Dialog Task\n","type":"Native.Dialogs.Prompt -> TaskPort.Task Native.Dialogs.PromptResult"},{"name":"setAndroidOnlyCancelable","comment":" Setter for androidOnlyCancelable\n","type":"Basics.Bool -> { a | androidOnlyCancelable : Maybe.Maybe Basics.Bool } -> { a | androidOnlyCancelable : Maybe.Maybe Basics.Bool }"},{"name":"setCancelButtonText","comment":" Setter for cancelButtonText\n","type":"String.String -> { a | cancelButtonText : Maybe.Maybe String.String } -> { a | cancelButtonText : Maybe.Maybe String.String }"},{"name":"setCapitalizationType","comment":" Setter for capitalizationType\n","type":"String.String -> { a | capitalizationType : Maybe.Maybe String.String } -> { a | capitalizationType : Maybe.Maybe String.String }"},{"name":"setDefaultText","comment":" Setter for defaultText\n","type":"String.String -> { a | defaultText : Maybe.Maybe String.String } -> { a | defaultText : Maybe.Maybe String.String }"},{"name":"setInputType","comment":" Setter for inputType\n","type":"String.String -> { a | inputType : Maybe.Maybe String.String } -> { a | inputType : Maybe.Maybe String.String }"},{"name":"setNeutralButtonText","comment":" Setter for neutralButtonText\n","type":"String.String -> { a | neutralButtonText : Maybe.Maybe String.String } -> { a | neutralButtonText : Maybe.Maybe String.String }"},{"name":"setOkButtonText","comment":" Setter for okButtonText\n","type":"String.String -> { a | okButtonText : Maybe.Maybe String.String } -> { a | okButtonText : Maybe.Maybe String.String }"},{"name":"setPassword","comment":" Setter for password\n","type":"String.String -> { a | password : Maybe.Maybe String.String } -> { a | password : Maybe.Maybe String.String }"},{"name":"setPasswordHint","comment":" Setter for passwordHint\n","type":"String.String -> { a | passwordHint : Maybe.Maybe String.String } -> { a | passwordHint : Maybe.Maybe String.String }"},{"name":"setTitle","comment":" Setter for title\n","type":"String.String -> { a | title : Maybe.Maybe String.String } -> { a | title : Maybe.Maybe String.String }"},{"name":"setUserName","comment":" Setter for userName\n","type":"String.String -> { a | userName : Maybe.Maybe String.String } -> { a | userName : Maybe.Maybe String.String }"},{"name":"setUserNameHint","comment":" Setter for userNameHint\n","type":"String.String -> { a | userNameHint : Maybe.Maybe String.String } -> { a | userNameHint : Maybe.Maybe String.String }"}],"binops":[]},{"name":"Native.Event","comment":" Events listeners for Nativescript UI Elements\n\n\n# Events\n\n@docs on\n@docs onBlur\n@docs onBusyChange\n@docs onDateChange\n@docs onEventWith\n@docs onFocus\n@docs onItemTap\n@docs onLoaded\n@docs onReturnPress\n@docs onSelectedIndexChange\n@docs onTap\n@docs onTextChange\n@docs onUnloaded\n@docs onValueChange\n\n\n# Decoder\n\n@docs decodeAttribute\n\n","unions":[],"aliases":[],"values":[{"name":"decodeAttribute","comment":" Allows you to decode attributes from nativescript object\n\nUsage:\n\n    listViewWithSingleTemplate\n        [ items listViewModel ]\n        [ button\n            [ bindAttributeWithExpression \"item-id\" \"$value.id\"\n            , on \"tap\" (Event.decodeAttribute \"itemId\" D.string |> D.map ItemTap)\n            ]\n            []\n        ]\n\n","type":"String.String -> Json.Decode.Decoder a -> Json.Decode.Decoder a"},{"name":"on","comment":" Allows you to build your own events and decoders\n","type":"String.String -> Json.Decode.Decoder msg -> Html.Attribute msg"},{"name":"onBlur","comment":" Listen for blur\n","type":"msg -> Html.Attribute msg"},{"name":"onBusyChange","comment":" Listen for busyChange\n","type":"msg -> Html.Attribute msg"},{"name":"onDateChange","comment":" Listen for dateChange\n","type":"({ day : Basics.Int, month : Basics.Int, year : Basics.Int } -> msg) -> Html.Attribute msg"},{"name":"onEventWith","comment":" Method values are kept under {custom: {[methodName]: value}}\nWe will improve this in future\n\nFor example:\n\n    Event.onEventWithMethodCalls \"touch\"\n        { methodCalls = [ \"getX\", \"getY\" ]\n        , setters = []\n        , getters = []\n        }\n        (D.map2 Tuple.pair\n            (D.at [ \"custom\", \"getX\" ] D.float)\n            (D.at [ \"custom\", \"getY\" ] D.float)\n            |> D.map Msg\n        )\n\n","type":"String.String -> Native.Event.EventOptions -> Json.Decode.Decoder msg -> Html.Attribute msg"},{"name":"onFocus","comment":" Listen for focus\n","type":"msg -> Html.Attribute msg"},{"name":"onItemTap","comment":" Listen for itemTap in listView\n","type":"(Basics.Int -> msg) -> Html.Attribute msg"},{"name":"onLoaded","comment":" Listen for loaded\n","type":"msg -> Html.Attribute msg"},{"name":"onReturnPress","comment":" Listen for returnPress\n","type":"msg -> Html.Attribute msg"},{"name":"onSelectedIndexChange","comment":" Listens for selectedIndexChange\n","type":"(Basics.Int -> msg) -> Html.Attribute msg"},{"name":"onTap","comment":" Listen for tap\n","type":"msg -> Html.Attribute msg"},{"name":"onTextChange","comment":" Listens for textChange event\n","type":"(String.String -> msg) -> Html.Attribute msg"},{"name":"onUnloaded","comment":" Listen for unloaded\n","type":"msg -> Html.Attribute msg"},{"name":"onValueChange","comment":" Listen for valueChange\n","type":"(Basics.Float -> msg) -> Html.Attribute msg"}],"binops":[]},{"name":"Native.Frame","comment":" Frame handles all the navigations between pages, tracks history and so on.\n\nRepresents the logical View unit that is responsible for navigation within an application. Nested frames are supported, enabling hierarchical navigation scenarios.\n\n\n# Types\n\n@docs Model\n@docs TransitionCurve\n@docs TransitionName\n\n\n# Functions\n\n@docs defaultNavigationOptions\n@docs goBack\n@docs goTo\n@docs handleBack\n@docs init\n@docs mapCurrentPage\n@docs view\n\n\n# Setter\n\n@docs setAnimated\n@docs setBackstackVisible\n@docs setClearHistory\n@docs setTransition\n@docs setTransitionAndroid\n@docs setTransitioniOS\n\n","unions":[{"name":"TransitionCurve","comment":" Animation for transition animation\n","args":[],"cases":[["Ease",[]],["EaseIn",[]],["EaseInOut",[]],["EaseOut",[]],["Linear",[]],["Spring",[]],["CubicBezier",["( Basics.Float, Basics.Float )","( Basics.Float, Basics.Float )"]]]},{"name":"TransitionName","comment":" Transistion animations supported by frame while navigating to/back page\n","args":[],"cases":[["IosOnlyCurlUp",[]],["IosOnlyCurlDown",[]],["AndroidOnlyExplode",[]],["Fade",[]],["FlipRight",[]],["FlipLeft",[]],["SlideRight",[]],["SlideLeft",[]],["SlideTop",[]],["SlideBottom",[]]]}],"aliases":[{"name":"Model","comment":" Model that holds the frame related data responsible for page rendering and clearing\n","args":["page"],"type":"{ current : page, history : List.List page, encodedNavigationOptions : Json.Encode.Value, popStack : Basics.Bool }"}],"values":[{"name":"defaultNavigationOptions","comment":" Default navigation options\n","type":"Native.Frame.NavigationOptions"},{"name":"goBack","comment":" Allows frame to go back to previous page\n","type":"Native.Frame.Model page -> Native.Frame.Model page"},{"name":"goTo","comment":" Allows frame to move to next page\n","type":"page -> Maybe.Maybe Native.Frame.NavigationOptions -> Native.Frame.Model page -> Native.Frame.Model page"},{"name":"handleBack","comment":" Used to sync pages and history when nativescript navigates to different page.\n","type":"Basics.Bool -> Native.Frame.Model page -> Native.Frame.Model page"},{"name":"init","comment":" init function to initalize frame model\n","type":"page -> Native.Frame.Model page"},{"name":"mapCurrentPage","comment":" Map function for mapping current page\n","type":"(page -> page) -> Native.Frame.Model page -> Native.Frame.Model page"},{"name":"setAnimated","comment":" Setters for animated\n","type":"b -> { a | animated : Maybe.Maybe b } -> { a | animated : Maybe.Maybe b }"},{"name":"setBackstackVisible","comment":" Setters for backstackVisible\n","type":"b -> { a | backstackVisible : Maybe.Maybe b } -> { a | backstackVisible : Maybe.Maybe b }"},{"name":"setClearHistory","comment":" Setters for clearHistory\n","type":"b -> { a | clearHistory : Maybe.Maybe b } -> { a | clearHistory : Maybe.Maybe b }"},{"name":"setTransition","comment":" Setters for transition\n","type":"b -> { a | transition : Maybe.Maybe b } -> { a | transition : Maybe.Maybe b }"},{"name":"setTransitionAndroid","comment":" Setters for transitionAndroid\n","type":"b -> { a | transitionAndroid : Maybe.Maybe b } -> { a | transitionAndroid : Maybe.Maybe b }"},{"name":"setTransitioniOS","comment":" Setters for transitioniOS\n","type":"b -> { a | transitioniOS : Maybe.Maybe b } -> { a | transitioniOS : Maybe.Maybe b }"},{"name":"view","comment":" Renders the page on to mobile screen\n","type":"List.List (Html.Attribute msg) -> (page -> Html.Html msg) -> Native.Frame.Model page -> Html.Html msg"}],"binops":[]},{"name":"Native.Layout","comment":" Layout is used to organize the UI elements in the mobile screen [refer.](https://docs.nativescript.org/ui-and-styling.html#layout-containers)\n\n\n# Layouts\n\n@docs absoluteLayout\n@docs dockLayout\n@docs flexboxLayout\n@docs gridLayout\n@docs rootLayout\n@docs stackLayout\n@docs wrapLayout\n@docs tabView\n\n","unions":[],"aliases":[],"values":[{"name":"absoluteLayout","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#absolutelayout)\n\nThe AbsoluteLayout container is the simplest layout container in NativeScript.\n\nAbsoluteLayout has the following behavior:\n\n  - Uses a pair of absolute left/top coordinates to position its children.\n  - Doesn't enforce any layout constraints on its children.\n  - Doesn't resize its children at runtime when its size changes.\n\nExample\n\n    absoluteLayout [ backgroundColor \"#3c495e\" ]\n        [ label\n            [ text \"10,10\"\n            , left \"10\"\n            , top \"10\"\n            , width \"100\"\n            , height \"100\"\n            , backgroundColor \"#43b883\"\n            ]\n            []\n        , label\n            [ text \"120,10\"\n            , left \"120\"\n            , top \"10\"\n            , width \"100\"\n            , height \"100\"\n            , backgroundColor \"#43b883\"\n            ]\n            []\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"dockLayout","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#docklayout)\n\nDockLayout is a layout container that lets you dock child elements to the sides or the center of the layout.\n\nDockLayout has the following behavior:\n\n  - Uses the dock property to dock its children to the left, right, top, bottom or center of the layout.\n  - To dock a child element to the center, it must be the last child of the container and you must set the stretchLastChild property of the parent to true.\n  - Enforces layout constraints to its children.\n  - Resizes its children at runtime when its size changes.\n\nExample\n\n    dockLayout\n        [ stretchLastChild \"false\", backgroundColor \"#3c495e\" ]\n        [ label [ text \"left\", dock \"left\", width \"40\", backgroundColor \"#43b883\" ] []\n        , label [ text \"top\", dock \"top\", width \"40\", backgroundColor \"#289062\" ] []\n        , label [ text \"right\", dock \"right\", width \"40\", backgroundColor \"#43b883\" ] []\n        , label [ text \"bottom\", dock \"bottom\", width \"40\", backgroundColor \"#289062\" ] []\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"flexboxLayout","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#flexboxlayout)\n\nFlexboxLayout is a layout container that provides a non-exact implementation of the CSS Flexbox layout. This layout lets you arrange child components both horizontally and vertically.\n\n    -- Default flex layout\n    flexboxLayout [ backgroundColor \"#3c495e\" ]\n        [ label [ text \"first\", width \"70\", backgroundColor \"#43b883\" ] []\n        , label [ text \"second\", width \"70\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"third\", width \"70\", backgroundColor \"#289062\" ] []\n        ]\n\n    -- Column flex layout\n    flexboxLayout [ flexDirection \"column\", backgroundColor \"#3c495e\" ]\n        [ label [ text \"first\", width \"70\", backgroundColor \"#43b883\" ] []\n        , label [ text \"second\", width \"70\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"third\", width \"70\", backgroundColor \"#289062\" ] []\n        ]\n\n    -- Row flex layout with items aligned to flex-start\n    flexboxLayout [ alignItems \"flex-start\", backgroundColor \"#3c495e\" ]\n        [ label [ text \"first\", width \"70\", backgroundColor \"#43b883\" ] []\n        , label [ text \"second\", width \"70\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"third\", width \"70\", backgroundColor \"#289062\" ] []\n        ]\n\n    -- Row flex layout with custom order\n    flexboxLayout [ alignItems \"flex-start\", backgroundColor \"#3c495e\" ]\n        [ label [ text \"first\", order \"2\", width \"70\", backgroundColor \"#43b883\" ] []\n        , label [ text \"second\", order \"3\", width \"70\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"third\", order \"1\", width \"70\", backgroundColor \"#289062\" ] []\n        ]\n\n    -- Row flex layout with wrapping\n    flexboxLayout [ flexWrap \"wrap\", backgroundColor \"#3c495e\" ]\n        [ label [ text \"first\", width \"30%\", backgroundColor \"#43b883\" ] []\n        , label [ text \"second\", width \"30%\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"third\", width \"30%\", backgroundColor \"#289062\" ] []\n        , label [ text \"fourth\", width \"30%\", backgroundColor \"#289062\" ] []\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"gridLayout","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#gridlayout)\n\nGridLayout is a layout container that lets you arrange its child elements in a table-like manner.\n\nThe grid consists of rows, columns, and cells. A cell can span one or more rows and one or more columns. It can contain multiple child elements which can span over multiple rows and columns, and even overlap each other.\n\nBy default, GridLayout has one column and one row. You can add columns and rows by configuring the columns and the rows properties. In these properties, you need to set the number of columns and rows and their width and height. You set the number of columns by listing their widths, separated by a comma. You set the number of rows by listing their heights, separated by a comma.\n\nYou can set a fixed size for column width and row height or you can create them in a responsive manner:\n\n  - An absolute number: Indicates a fixed size.\n  - auto: Makes the column as wide as its widest child or makes the row as tall as its tallest child.\n  - `*`: Takes as much space as available after filling all auto and fixed size columns or rows.\n\nExample\n\n    -- Grid layout with fixed sizing\n    gridLayout [ columns \"115, 115\", rows \"115, 115\" ]\n        [ label [ text \"0,0\", row \"0\", col \"0\", backgroundColor \"#43b883\" ] []\n        , label [ text \"0,1\", row \"0\", col \"1\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"1,0\", row \"1\", col \"0\", backgroundColor \"#289062\" ] []\n        , label [ text \"1,1\", row \"1\", col \"1\", backgroundColor \"#43b883\" ] []\n        ]\n\n    -- Grid layout with star sizing\n    gridLayout [ columns \"*, 2*\", rows \"2*, 3*\", backgroundColor \"#3c495e\" ]\n        [ label [ text \"0,0\", row \"0\", col \"0\", backgroundColor \"#43b883\" ] []\n        , label [ text \"0,1\", row \"0\", col \"1\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"1,0\", row \"1\", col \"0\", backgroundColor \"#289062\" ] []\n        , label [ text \"1,1\", row \"1\", col \"1\", backgroundColor \"#43b883\" ] []\n        ]\n\n    -- Grid layout with fixed and auto sizing\n    gridLayout [ columns \"80, auto\", rows \"80, 80\", backgroundColor \"#3c495e\" ]\n        [ label [ text \"0,0\", row \"0\", col \"0\", backgroundColor \"#43b883\" ] []\n        , label [ text \"0,1\", row \"0\", col \"1\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"1,0\", row \"1\", col \"0\", backgroundColor \"#289062\" ] []\n        , label [ text \"1,1\", row \"1\", col \"1\", backgroundColor \"#43b883\" ] []\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"rootLayout","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#rootlayout)\n\nRootLayout is a layout container designed to be used as the primary root layout container for your app with a built in api to easily control dynamic view layers. It extends a GridLayout so has all the features of a grid but enhanced with additional apis.\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"stackLayout","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#stacklayout)\n\nStackLayout is a layout container that lets you stack the child elements vertically (default) or horizontally.\n\nImportant:\n\nTry not to nest too many StackLayout in your markup. If you find yourself nesting a lot of StackLayout you will likely get better performance by switching to a GridLayout or FlexboxLayout.\nSee [Layout Nesting](https://docs.nativescript.org/common-pitfalls.html#layout-nesting) for more information.\n\nExample\n\n    stackLayout [ backgroundColor \"#3c495e\" ]\n        [ label [ text \"first\", height \"70\", backgroundColor \"#43b883\" ] []\n        , label [ text \"second\", height \"70\", backgroundColor \"#289062\" ] []\n        , label [ text \"third\", height \"70\", backgroundColor \"#1c6b48\" ] []\n        ]\n\n    -- Horizontal stacking\n    stackLayout [ orientation \"horizontal\", backgroundColor \"#3c495e\" ]\n        [ label [ text \"first\", height \"70\", backgroundColor \"#43b883\" ] []\n        , label [ text \"second\", height \"70\", backgroundColor \"#289062\" ] []\n        , label [ text \"third\", height \"70\", backgroundColor \"#1c6b48\" ] []\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"tabView","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#tabview)\n\nTabView is a navigation component that shows content grouped into tabs and lets users switch between tabs.\n\nCurrently, TabViewItem expects a single child element. In most cases, you might want to wrap your content in a layout.\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"},{"name":"wrapLayout","comment":" [Refer](https://docs.nativescript.org/ui-and-styling.html#wraplayout)\n\nWrapLayout is a layout container that lets you position items in rows or columns, based on the orientation property. When the space is filled, the container automatically wraps items onto a new row or column.\n\n    wrapLayout []\n        [ label [ text \"first\", width \"30%\", height \"30%\", backgroundColor \"#43b883\" ] []\n        , label [ text \"second\", width \"30%\", height \"30%\", backgroundColor \"#1c6b48\" ] []\n        , label [ text \"third\", width \"30%\", height \"30%\", backgroundColor \"#289062\" ] []\n        , label [ text \"fourth\", width \"30%\", height \"30%\", backgroundColor \"#289062\" ] []\n        ]\n\n","type":"List.List (Html.Attribute msg) -> List.List (Html.Html msg) -> Html.Html msg"}],"binops":[]},{"name":"Native.Page","comment":" Page is a UI component that represents an application screen. NativeScript apps typically consist of one or more <Page> that wrap content such as an <ActionBar> and other UI widgets.\n[refer](https://docs.nativescript.org/ui-and-styling.html#page)\n\n\n# Functions\n\n@docs modal\n@docs page\n@docs pageWithActionBar\n\n","unions":[],"aliases":[],"values":[{"name":"modal","comment":" Used to make modal page\n","type":"(Basics.Bool -> msg) -> Basics.Bool -> Html.Html msg -> Html.Html msg"},{"name":"page","comment":" Page takes onBackNavigation which should be used to SyncFrame\n\nExample\nSyncFrame bool ->\n( { model | rootFrame = Frame.handleBack bool model.rootFrame }, Cmd.none )\n\nPage takes only one child\n\n","type":"(Basics.Bool -> msg) -> List.List (Html.Attribute msg) -> Html.Html msg -> Html.Html msg"},{"name":"pageWithActionBar","comment":" Similar to page but actionBar support\n","type":"(Basics.Bool -> msg) -> List.List (Html.Attribute msg) -> Html.Html msg -> Html.Html msg -> Html.Html msg"}],"binops":[]},{"name":"Native.Types","comment":" Type variants used in nativescript.\n\n\n# Types\n\n@docs CapitalizationType, InputType\n\n\n# Functions\n\n@docs capitalizationToString, inputTypeToString\n\n","unions":[{"name":"CapitalizationType","comment":" Used to Capitalize Text\n","args":[],"cases":[["Sentences",[]],["None",[]],["All",[]],["Words",[]]]},{"name":"InputType","comment":" Used for InputType\n","args":[],"cases":[["Text",[]],["Password",[]],["Email",[]],["Number",[]],["Decimal",[]],["Phone",[]]]}],"aliases":[],"values":[{"name":"capitalizationToString","comment":" Converts CapitalizationType to string\n","type":"Native.Types.CapitalizationType -> String.String"},{"name":"inputTypeToString","comment":" Converts InputType to string\n","type":"Native.Types.InputType -> String.String"}],"binops":[]}]