Material

Flow Wiki

Material

• MText
  
  

   MText("MText", [])
  

  Text
  

  • text : string
    
  • style : [ MTextStyle ]
    

• MIcon
  
  

   MIcon("home", [])
  

  Exhaustive list here:
  Icon Font
  

  • name : string
    Name of the icon from Material Icons
    
  • style : [ MIconStyle ]
    

• MLetterIcon
  
  

   MLetterIcon("M", [], [])
  

  shows "99+" for value > 99
  Best with single-letter text
  

  • text : string
    
  • iconStyle : [ MIconStyle ]
    
  • textStyle : [ MTextStyle ]
    

• MTextButton
  
  

   MBaselineCols([
   	MTextButton("MTEXTBUTTON", nop, [], []),
   	MFixedX(8.0),
   	MTextButton("MTEXTBUTTON", nop, [], [THovering(make(true))]),
   	MFixedX(8.0),
   	MTextButton("MTEXTBUTTON", nop, [MButtonRaised()], []),
   	MFixedX(8.0),
   	MTextButton("MTEXTBUTTON", nop, [MButtonRaised()], [THovering(make(true))])
   ])
  

  Buttons (see also under Icons)
  Material Guidelines | Buttons
  

  • text : string
    
  • onClick : () -> void
    
  • style : [ MTextButtonStyle ]
    
  • state : [ MButtonState ]
    

• MTextClickable
  
  

   MBaselineCols([
   	MTextClickable("MTextClickable", nop, [], []),
   	MFixedX(8.0),
   	MTextClickable("MTextClickable", nop, [], [THovering(make(true))])
   ])
  

  • text : string
    
  • onClick : () -> void
    
  • style : [ MClickableTextStyle ]
    
  • state : [ MButtonState ]
    

• MIconButton
  
  

   MBaselineCols([
   	MTextClickable("MTextClickable", nop, [], []),
   	MFixedX(8.0),
   	MTextClickable("MTextClickable", nop, [], [THovering(make(true))])
   ])
  

  MIconButton by default has borders that are half of its size, to override this use MIconButtonBorder.
  

  • name : string
    Name of the icon from Material Icons
    
  • onClick : () -> void
    
  • style : [ MIconButtonStyle ]
    
  • state : [ MButtonState ]
    

• MFloatingButton
  
  

   MBaselineCols([
   	MFloatingButton("home", [], []),
   	MFixedX(8.0),
   	MFloatingButton("home", [], [TPressed(make(true))]),
   ])
  

  Material Guidelines | Floating Action Button
  

  • icon : string
    
  • style : [ MFabStyle ]
    
  • state : [ MButtonState ]
    

• MBackground
  
  

   MBackground(8, contentMaterial)
  

  MGrey(300) by default
  Low-level, Tropic-like
  Draws a white or dark background for the content with a margin, with a shadow according to the depth
  

  • depth : int
    
  • m : Material
    

• MList
  
  

   MList(
   	[
   		MSingleLine("MSingleLine", []),
   		MDoubleLine("MDoubleLine", "MDoubleLine", [THovering(make(true))]),
   		MTripleLine("MTripleLine", "MTripleLine\nMTripleLine", []),
   	],
   	[],
   	[]
   )
  

  Lists, dropdown, tables
  Material Guidelines | Lists
  

  • lines : [ MListLine ]
    
  • style : [ MListStyle ]
    
  • state : [ MListState ]
    

• MDropDown
  
  

   MDropDown(
   	make(0),
   	"nonSpecified",
   	[
   		"First item",
   		"Second item"
   		"Third item"
   	],
   	[]
   )
  

  The non-specified string is used when the current item is outside the range of items
  Link is deprecated. TODO: add appropriate doc link here.
  Material Guidelines | Dropdown Buttons
  

  • current : DynamicBehaviour<int>
    
  • nonSpecified : string
    
  • items : [ string ]
    
  • style : [ MDropDownStyle ]
    

• MMultiSelectDropDown
  
  

   MMultiSelectDropDown(
   	make([0, 1]),
   	[
   		"First item",
   		"Second item"
   		"Third item"
   	],
   	[]
   )
  

  • selected : DynamicBehaviour<[ int ]>
    
  • items : [ string ]
    
  • style : [ MMultiSelectDropDownStyle ]
    

• MDatePicker
  
  

   MDatePicker(make(stamp2date(timestamp())), [])
  

  Time and date picker
  Material Guidelines | Pickers
  

  • date : DynamicBehaviour<Date>
    
  • style : [ MDatePickerStyle ]
    

• MTimePicker
  
  

   MTimePicker(make(stamp2time(timestamp())), [])
  

  Material Guidelines | Pickers
  Only handles the time part of the time, on update sets seconds to 0
  

  • time : DynamicBehaviour<Time>
    
  • style : [ MTimePickerStyle ]
    

• MColorPicker
  
  

   MColorPicker(make(MPurpleA(700)), [])
  

  • color : DynamicBehaviour<MColor>
    
  • style : [ MColorPickerStyle ]
    

• MColorPickerMultiSelect
  
  

   MColorPickerMultiSelect(make(buildSet([MPurpleA(700), MRed(500)])), [])
  

  • colors : DynamicBehaviour<Set<MColor>>
    
  • style : [ MColorPickerMultiSelectStyle ]
    

• MAvatar
  
  

   MAvatar("images/avatar.png", [])
  

  Picture centered and resized to fit circle (18 dp radius by default)
  

  • imageurl : string
    
  • style : [ MAvatarStyle ]
    

• MProgressBar
  
  

   MProgressBar([])
  

  Material Guidelines | Linear Progress Indicators
  indeterminate
  

  • style : [ MProgressBarStyle ]
    

• MProgressCircle
  
  

   MProgressCircle([])
  

  Material Guidelines | Circular Progress Indicators
  

  • style : [ MProgressCircleStyle ]
    

• MProgressBarDeterm
  
  

   MProgressBarDeterm(make(0.5), [])
  

  determinate, percent should grow from 0.0 to 1.0
  If size.width < 0, fill x. If size.height < 0, use default height.
  

  • percent : Transform<double>
    
  • style : [ MProgressBarStyle ]
    

• MProgressCircleDeterm
  
  

   MProgressCircleDeterm(make(0.5), [])
  

  • percent : Transform<double>
    
  • style : [ MProgressCircleStyle ]
    

• MRipple
  TODO: Describe what this is
  

  • m : Material
    

• MRippleCircle
  

  • m : Material
    

• MSeparator
  
  

   MSeparator(true)
  

  1dp separator
  Material Guidelines | Dividers
  

  • horizontal : bool
    

• MSeparatorSize
  
  

   MSeparatorSize(true, 4.0)
  

  • horizontal : bool
    
  • minSize : double
    

• MBaselineCols
  
  

   MBaselineCols([contentMaterial, contentMaterial2])
  

  • m : [ Material ]
    

• MBaselineLines
  
  

   MGrid([[contentMaterial, contentMaterial2], [contentMaterial2, contentMaterial]])
  

  • m : [ Material ]
    

• MGrid
  

  • m : [[ Material ]]
    

• MLines
  
  

   MLines([contentMaterial, contentMaterial2])
  

  • m : [ Material ]
    

• MCols
  
  

   MCols([contentMaterial, contentMaterial2])
  

  • m : [ Material ]
    

• MGroup
  
  

   MGroup([contentMaterial2, contentMaterial])
  

  • m : [ Material ]
    

• MLines2
  

  • m1 : Material
    
  • m2 : Material
    

• MCols2
  

  • m1 : Material
    
  • m2 : Material
    

• MGroup2
  

  • m1 : Material
    
  • m2 : Material
    

• MBaselineCols2
  

  • m1 : Material
    
  • m2 : Material
    

• MBaselineLines2
  

  • m1 : Material
    
  • m2 : Material
    

• MMinimumGroup2
  

  • m1 : Material
    
  • m2 : Material
    

• MSubtractGroup2
  

  • m1 : Material
    
  • m2 : Material
    

• MBaselineOffset
  

  • offset : Transform<double>
    
  • m : Material
    

• MBorder
  

  • left : double
    
  • top : double
    
  • right : double
    
  • bottom : double
    
  • m : Material
    

• MLet
  

  • name : string
    
  • value : Material
    
  • scope : Material
    

• MLetMany
  

  • items : [ Pair<string, Material> ]
    
  • scope : Material
    

• MLetAvailable
  

  • name : string
    
  • scope : Material
    

• MAvailable
  

  • box : Material
    
  • avail : Material
    

• MAlpha
  See also MAvailable* helpers into material_gui.flow
  

  • alpha : Transform<double>
    
  • m : Material
    

• MCrop
  

  • topleft : Transform<Point>
    
  • widthHeight : Transform<WidthHeight>
    
  • m : Material
    

• MCropSize
  

  • s : Material
    
  • m : Material
    

• MVisible
  Preserves the size when invisible
  

  • value : Transform<bool>
    
  • m : Material
    

• MShow
  Destroys and reconstructs, and is 0 size when invisible
  

  • show : Transform<bool>
    
  • m : Material
    

• MIf
  

  • condition : Transform<bool>
    
  • then : Material
    
  • elset : Material
    

• MIfPreRender
  Workaround for MIf to prerender inner stuff, use only in special cases
  

  • condition : Transform<bool>
    
  • then : Material
    
  • elset : Material
    
  • sameSize : bool
    

• MIfLazy
  Be careful, f is called 2 times as a maximum, results of these calls are cached.
  Check out tests/test_mif_lazy.flow for illustration.
  

  • condition : Transform<bool>
    
  • f : (bool) -> Material
    

• MInteractive
  

  • interactivity : [ TInteractivity ]
    
  • form : Material
    

• MCursor
  

  • kind : CursorShape2
    
  • m : Material
    

• MConstruct
  

  • constructors : [ () -> () -> void ]
    
  • m : Material
    

• MCreate2
  

  • current : ref Material
    
  • fn : () -> Material
    

• MDispose
  

  • disposers : [ () -> void ]
    
  • m : Material
    

• MTranslate
  

  • point : Transform<Point>
    
  • form : Material
    

• MRotate
  

  • degree : Transform<double>
    
  • mat : Material
    

• MAttach
  

  • ghost : Material
    
  • fn : (TFormMetrics) -> Material
    

• MFixSize
  Overrides logical size (doesn't effect display!). Use only in specific cases
  

  • m : Material
    
  • size : Material
    

• MCenter
  

  • m : Material
    

• MCenterIn
  

  • m : Material
    
  • box : Material
    

• MCenterX
  

  • m : Material
    

• MCenterY
  

  • m : Material
    

• MCenterXIn
  

  • m : Material
    
  • box : Material
    

• MCenterYIn
  

  • m : Material
    
  • box : Material
    

• MCase
  Render content which depends on available area.
  Not very convenient in this signature, only use if you know what you're doing.
  

  • sizes : [ Material ]
    
  • m : [ Material ]
    

• MScroll
  

  • content : Material
    
  • box : Material
    
  • style : [ MScrollStyle ]
    

• MChart
  Line Chart
  Google Charts | Line Chart
  Heigth of the chart is calculated without title and subtitle height
  Width of the chart is calculated with width of the legend which is 1/4 of the chart width
  

  • data : MChartData
    
  • style : [ MChartStyle ]
    

• MDynamicChart
  

  • columns : Transform<[ MChartColumn ]>
    
  • rows : Transform<[ MChartRow ]>
    
  • style : [ MDynamicChartStyle ]
    

• MCheckBox
  Switches, check boxes, sliders, text input
  Use MText with MBody style for normal text
  Material Guidelines | Checkboxes
  

  • caption : Material
    
  • value : DynamicBehaviour<bool>
    
  • style : [ MCheckableStyle ]
    

• MRadio
  Material Guidelines | Radio Buttons
  use MRadios to create a group of MRadio at once
  

  • caption : Material
    
  • thisValue : int
    
  • activeValue : DynamicBehaviour<int>
    
  • style : [ MCheckableStyle ]
    

• MSlider
  Material Guidelines | Sliders
  Value is within 0.0 - 1.0 by default
  MWidth defines width of the slider itself, regardless of borders or icons. To define width of whole MSlider, wrap it into MAvailableWidth.
  

  • value : DynamicBehaviour<double>
    
  • style : [ MSliderStyle ]
    

• MSwitchControl
  Material Guidelines | Switches
  

  • value : DynamicBehaviour<bool>
    
  • style : [ MSwitchControlStyle ]
    

• MIconToggle
  Material Guidelines | Toggle Button
  

  • icon : string
    
  • style : [ MToggleStyle ]
    
  • state : [ MToggleState ]
    

• MMutable
  

  • m : Transform<Material>
    

• MTooltip
  Tooltip, progress, misc
  Material Guidelines | Tooltips
  

  • box : Material
    
  • tooltip : Material
    Content of the popup
    
  • style : [ MTooltipStyle ]
    

• MToolbar
  Material Guidelines | App Bars: Top
  You can add FAB to toolbar just passing it to style. Size of the toolbar stays same.
  You can extend size of the toolbar or change its content by passing your Material to MToolbarContent.
  

  • expander : DynamicBehaviour<bool>
    
  • title : Material
    
  • right : [ Material ]
    
  • style : [ MToolbarStyle ]
    

• MAppStructure
  Inspects animation progress
  Application structure
  Material Guidelines | UI Regions
  

  • parts : [ MLayoutPart ]
    
  • style : [ MAppStyle ]
    

• MSideNav
  Helper for a common kind of left-hand side nav bar
  

  • head : MSNHead
    
  • list : Material
    
  • expander : Transform<bool>
    
  • style : [ MSideNavStyle ]
    

• MCard
  Cards
  Material Guidelines | Cards
  

  • blocks : [ MCardBlock ]
    
  • style : [ MCardStyle ]
    
  • state : [ MButtonState ]
    

• MExpander
  Displays the header. When expanded, displays the details
  Link is deprecated. TODO: add appropriate doc link here.
  Material Guidelines | Expansion Panels
  

  • header : Material
    
  • details : () -> Material
    
  • expander : DynamicBehaviour<bool>
    
  • style : [ MExpanderStyle ]
    

• MAnimatedExpander
  

  • content : Material
    
  • expanded : Transform<bool>
    
  • style : [ MAnimatedExpanderStyle ]
    

• MMenu
  Menu
  Material Guidelines | Menus
  When button is MTextButton or MIconButton MOpenMenu is created automatically, in other cases
  you should handle menu opening yourself.
  You can handle onClick actions from whole menu with item id as parameter using MOnListClick or
  separately for each menu item using MOnClick. Same goes for MSubMenu.
  

  • button : Material
    
  • items : [ MMenuLine ]
    
  • style : [ MMenuStyle ]
    

• MDynamicMenu
  

  • button : Material
    
  • items : Transform<[ MMenuLine ]>
    
  • style : [ MMenuStyle ]
    

• MDropDownMenu
  Helper for dropdown like MMenu
  Material Guidelines | Dropdown Menu
  

  • items : [ MDropDownMenuLine ]
    
  • current : DynamicBehaviour<int>
    
  • style : [ MDropDownMenuStyle ]
    

• MMenuPanel
  Menu panel that takes full width.
  

  • items : [ Material ]
    
  • style : [ MMenuPanelStyle ]
    

• MGridList
  Grid List
  Material Guidelines | Image Lists
  A grid list consists of a repeated pattern of cells arrayed in a vertical and horizontal layout.
  Grid lists are best used on similar data types. They help improve the visual comprehension of the content they contain.
  

  • cells : Transform<[ MGridListCell ]>
    
  • style : [ MGridListStyle ]
    

• MFlexibleGrid
  

  • items : Transform<[ Material ]>
    
  • style : [ MFlexibleGridStyle ]
    

• MDynamicGrid
  

  • items : Transform<[ Material ]>
    
  • style : [ MDynamicGridStyle ]
    

• MRecyclerGrid
  Arranges items as grid inside scroll view while rendering only elements visible inside view box
  Scroll view takes up whole available space
  

  • items : Transform<[[ Material ]]>
    
  • style : [ MRecyclerGridStyle ]
    

• MTree
  Replaces 'fn' with function that allows to scroll to an item on the specific row and column
  

  • children : Transform<[ MTreeNode<?> ]>
    
  • style : [ MTreeStyle ]
    

• MEllipsis
  

  • full : Material
    
  • size : Material
    
  • style : [ MEllipsisStyle ]
    

• MEllipsisText
  Displays the given text in the available area
  

  • text : string
    
  • style : [ MEllipsisTextStyle ]
    

• MSplitter
  StartAlign() by default
  Splitter
  Material Guidelines | Android Split-screen
  

  • m1 : Material
    
  • m2 : Material
    
  • size : Material
    
  • style : [ MSplitterStyle ]
    

• MShadow
  Please provide these in ascending of width order, and all shorter than MEllipsisText.text.
  Adds a shadow to reflect the z-order as specified in
  Material Guidelines | Elevation
  z is between 0.0 (no shade) to 24.0
  

  • z : Transform<double>
    
  • m : Material
    

• MShadowShape
  

  • z : Transform<double>
    
  • m : Material
    
  • shape : ShadowShape
    

• MZoom
  

  • content : Material
    
  • container : Material
    
  • keepAspect : bool
    

• MZoomToFill
  

  • content : Material
    
  • container : Material
    
  • crop : bool
    

• MScale
  

  • factor : Transform<Factor>
    
  • m : Material
    

• MDebug
  Draws rectangles : actual size - given color, minimum size - blue, maximum size - green, available space from parent - red, baseline - black line
  For special cases see MDebug* into material_gui.flow
  

  • c : int
    
  • box : Material
    

• MSize
  Deprecated. Use MFixSize instead of MSize.
  

  • size : Material
    
  • m : Material
    

• MSizeOf
  

  • m : Material
    

• MMovable
  

  • target : Material
    
  • movableArea : Material
    
  • style : [ MMovableStyle ]
    

• MResizable
  Scales to available area for WidthHeight(-1., -1.)
  

  • content : Material
    
  • style : [ MResizableStyle ]
    

• MDraggable
  Use MDragDrop instead of MDraggable and MDropSpot
  MDraggable and MDropSpot are left here for backward compatibility
  

  • id : int
    
  • stationary : Material
    
  • style : [ MDragStyle ]
    

• MDropSpot
  

  • onHover : DynamicBehaviour<int>
    
  • onDrop : DynamicBehaviour<int>
    
  • dropTropic : Material
    

• MDropSpot2
  

  • onHover : DynamicBehaviour<int>
    
  • onDrop : DynamicBehaviour<int>
    
  • dropTropic : Material
    
  • handle : bool
    

• MNavigation
  

  • list : [ MNavigationM ]
    
  • style : [ MNavigationStyle ]
    

• MImageMap
  Similar to HTML imagemap: Polygons defining areas. Click to change to the current one
  

  • picture : Tropic
    
  • areas : [ MArea ]
    
  • current : DynamicBehaviour<int>
    
  • style : [ MImageMapStyle ]
    

• MMask
  

  • content : Material
    
  • mask : Material
    

• MPicture
  

  • picURL : string
    
  • style : [ MPictureStyle ]
    

• MExplicitTheme
  Set a specific theme for the target
  

  • target : Material
    
  • light : Transform<bool>
    
  • state : [ MComponentGroupState ]
    

• MChip
  Chips
  Material Guidelines | Chips
  

  • title : string
    
  • style : [ MChipStyle ]
    

• MScaleAvailable
  Scales available space
  

  • factor : Transform<Factor>
    
  • m : Material
    

• MShift
  

  • m : Material
    
  • distance : Material
    

• MComponentGroup
  

  • content : Material
    
  • state : [ MComponentGroupState ]
    

• MComponentGroupMutable
  

  • content : Transform<Material>
    
  • state : [ MComponentGroupState ]
    

• MDynamicList
  

  • items : Transform<[ MListLine ]>
    
  • style : [ MDynamicListStyle ]
    
  • state : [ MDynamicListState ]
    

• MDynamicTabs
  Tabs
  Material Guidelines | Tabs
  Tabs enable content organization at a high level, such as switching between views, data sets, or functional aspects of an app.
  Present tabs as a single row above their associated content. Tab labels should succinctly describe the content within.
  Because swipe gestures are used for navigating between tabs, don't pair tabs with content that also supports swiping.
  

  • tabs : Transform<[ MTab ]>
    
  • selected : DynamicBehaviour<int>
    Id of the currently selected tab
    
  • style : [ MTabsStyle ]
    

• MFullWindow
  

  • fw : DynamicBehaviour<bool>
    
  • m : Material
    

• MFullScreen
  

  • fs : DynamicBehaviour<bool>
    
  • m : Material
    

• MSwipe
  

  • content : Material
    
  • state : [ MSwipeState ]
    

• MGetManager
  

  • fn : (MaterialManager) -> Material
    

• MGetFocusGroup
  

  • fn : (MFocusGroup) -> Material
    

• MGetMaterial2Tropic
  

  • fn : ((Material, MFocusGroup) -> Tropic) -> Material
    

• MAccess
  

  • prop : [ FAccessProperty ]
    
  • m : Material
    

• MPositionScale
  

  • positionScale : DynamicBehaviour<PositionScale>
    
  • m : Material
    

• MRealHTML
  

  • url : string
    
  • wh : Transform<WidthHeight>
    
  • style : [ RealHTMLStyle ]
    

• MVideoPlayer
  Supports YouTube and Vimeo links (creates iframe instead of video)
  

  • filename : string
    
  • wh : Transform<WidthHeight>
    
  • style : [ MVideoPlayerStyle ]
    

• MFilter
  

  • filters : [ Filters ]
    
  • m : Material
    

• MGraphics
  

  • shape : Transform<GShape>
    
  • style : Transform<[ TGraphicsStyle ]>
    

• MBottomNav
  Bottom Navigation
  Material Guidelines | Bottom Navigation
  

  • actions : [ MBottomNavAction ]
    
  • style : [ MBottomNavStyle ]
    
  • selected : DynamicBehaviour<int>
    
  • expander : DynamicBehaviour<bool>
    

• MDragDrop
  3px by default
  Draggable and DropSpot in one
  

  • id : Transform<int>
    
  • content : Material
    
  • style : [ MDragDropStyle ]
    

• MTransformTAcc
  

  • fn : (tropic2acc : (mat : Material, parentInfo : TParentInfo, sheet : Stylesheet, metricsOnly : bool) -> TAcc, parentInfo : TParentInfo, sheet : Stylesheet, metricsOnly : bool) -> TAcc
    

• MStepper
  A wizard-like stepper
  Material Guidelines | Steppers
  

  • steps : [ MStep ]
    
  • selectedId : DynamicBehaviour<int>
    
  • type : MStepperType
    
  • style : [ MStepperStyle ]
    

• MCarousel
  Carousel
  

  • contents : [ MCarouselContent ]
    
  • activeIdx : DynamicBehaviour<int>
    
  • style : [ MCarouselStyle ]
    

• MFrame
  

  • margin : double
    
  • radius : double
    
  • style : [ TGraphicsStyle ]
    
  • box : Material
    

• MRawButton
  Use MComponent instead of MRawButton
  MRawButton is left here for backward compatibility
  

  • normal : Material
    
  • hover : Material
    
  • pressed : Material
    
  • disabled : Material
    
  • shortcut : string
    
  • style : [ TButtonStyle ]
    
  • state : [ MRawButtonState ]
    

• MDynamicParagraph
  Overrides MColor
  MDynamicParagraph with CenterAlign()/RightAlign() has unlimited width and behaves like filler.
  Use FullWidth() to fill all available width by default
  

  • text : Transform<string>
    
  • style : [ MParagraphStyle ]
    

• MTextInput
  Be sure to make the width a multiple of 8
  If width < 0, takes all available width
  Material Guidelines | Text Fields
  

  • content : DynamicBehaviour<string>
    
  • style : [ MTextInputStyle ]
    
  • state : [ MTextInputState ]
    

• MSmallEditDialog
  Link is deprecated. TODO: add appropriate doc link here.
  Material Guidelines | Data Table Interactions
  Text input with edit popup. Intended for usage inside MDataTable.
  

  • content : DynamicBehaviour<string>
    
  • style : [ MTextInputStyle ]
    
  • state : [ MTextInputState ]
    

• MDynamicDataTable
  A table of information
  Material Guidelines | Data Tables
  

  • columns : [ MColumnDynamic ]
    
  • rows : Transform<[[ Material ]]>
    
  • style : [ MDataTableStyle ]
    

• MAutoComplete
  

  • content : DynamicBehaviour<string>
    
  • dictionaries : [ string ]
    
  • style : [ MAutoCompleteStyle ]
    
  • state : [ MTextInputState ]
    

• MTweak
  

  • style : [ TTweakStyle ]
    
  • content : Material
    
  • size : Material
    

• MMouseDownAround
  

  • point : Maybe<DynamicBehaviour<Point>>
    
  • down : DynamicBehaviour<bool>
    
  • hover : DynamicBehaviour<bool>
    
  • onClick : () -> void
    
  • m : Material
    

• MClickable
  Click helpers
  Sends down events to lower z-order elements.
  

  • m : Material
    
  • onClick : () -> void
    

• MComponent
  

  • state : [ MButtonState ]
    
  • fn : (focus : MFocus) -> Material
    

• MReorderGrids
  

  • items : MReorderItem
    
  • order : DynamicBehaviour<int>
    
  • style : [[ MReorderGridStyle ]]
    
  • fn : ([ Material ]) -> Material
    

• MReorderGrid
  Drop spot is always above the hovered line. Intended for using into MList to prevent "gluing" of lines
  

  • items : [ MReorderItem ]
    
  • order : DynamicBehaviour<[ int ]>
    
  • style : [ MReorderGridStyle ]
    

• MDynamicGroup2
  

  • stackChanges : DynamicBehaviour<[ MGroupChange ]>
    
  • currentStack : ref [ Material ]
    
  • combiner : TCombiner
    

• MInspect
  Inspects metrics of m. See MAttach* helpers into material_gui also.
  

  • inspectors : [ TInspector ]
    
  • m : Material
    

• MBackdrop
  Material Guidelines | Backdrop
  

  • header : Material
    
  • content : Material
    
  • style : [ MBackdropStyle ]
    

• MAnimator
  Helpers for implementing custom elements
  Helper to create simple animations. Try MMEasingAnimation for complicated ones.
  

  • m : Material
    
  • trigger : Transform<bool>
    
  • style : [ MAnimatorStyle ]
    

• Tropic
  Tropic types
  

  • TPositionScale
    

    • positionScale : DynamicBehaviour<PositionScale>
      
    • t : Tropic
      

  • TEmpty
    Practically exact copies of Form
    

  • TText
    

    • text : string
      
    • style : [ TCharacterStyle ]
      

  • TParagraph
    

    • text : Transform<string>
      
    • style : [ TParagraphStyle ]
      

  • TGraphics
    

    • path : [ StaticGraphicOp ]
      
    • style : [ TGraphicsStyle ]
      

  • TDynamicGraphics
    

    • path : Transform<[ StaticGraphicOp ]>
      
    • style : Transform<[ TGraphicsStyle ]>
      

  • TPicture
    

    • url : string
      
    • style : [ TPictureStyle ]
      

  • TRealHTML
    Keep aspect ratio while scaling to TPictureSize
    

    • url : string
      
    • wh : Transform<WidthHeight>
      
    • style : [ RealHTMLStyle ]
      

  • TVideo
    

    • filename : string
      
    • wh : DynamicBehaviour<WidthHeight>
      
    • style : [ FVideoStyle ]
      

  • TBorder
    Recursive Forms, modelled after Form with small adjustments
    

    • left : double
      
    • top : double
      
    • right : double
      
    • bottom : double
      
    • form : Tropic
      

  • TTranslate
    

    • point : Transform<Point>
      
    • form : Tropic
      

  • TScale
    

    • factor : Transform<Factor>
      
    • form : Tropic
      

  • TRotate
    

    • degree : Transform<double>
      
    • form : Tropic
      

  • TAlpha
    

    • alpha : Transform<double>
      
    • form : Tropic
      

  • TVisible
    The tropic is NOT destroyed/reconstructed when 'visible' becomes false/true for performance, only hidden.
    See TShow in tropic_gui.flow if you want it to be destroyed and reconstructed.
    

    • visible : Transform<bool>
      
    • tropic : Tropic
      

  • TMask
    

    • main : Tropic
      
    • mask : Tropic
      

  • TFilter
    

    • filters : [ Filters ]
      
    • form : Tropic
      

  • TCursor
    

    • kind : CursorShape2
      
    • form : Tropic
      

  • TCrop
    

    • topleft : Transform<Point>
      
    • widthHeight : Transform<WidthHeight>
      
    • form : Tropic
      

  • TAccess
    

    • properties : [ FAccessProperty ]
      
    • form : Tropic
      

  • TInteractive
    

    • interactivity : [ TInteractivity ]
      
    • form : Tropic
      

  • TBaselineOffset
    TODO: Introduce more events here
    MouseWheel, FineGrainMouseWheel - join these to one
    PinchGesture - We have some wrappers for these gestures to make them more robust. See ui/gestures.flow
    SwipeGesture,
    Add the offset to the baseline
    

    • offset : Transform<double>
      
    • tropic : Tropic
      

  • TFullWindow
    Provides a way to get a Tropic as full window
    You cannot start with fullscreen on
    

    • fullwindow : DynamicBehaviour<bool>
      
    • tropic : Tropic
      

  • TFullScreen
    Provides a way to get a Tropic as full screen
    You cannot start with fullscreen on
    

    • fullscreen : DynamicBehaviour<bool>
      
    • tropic : Tropic
      

  • TForm
    An escape hatch to include a Form in Tropic, which gets 0 available. The size is defined by Form.
    

    • form : Form
      

  • TFormIn
    An escape hatch to include a Form in Tropic. Will get available as defined by the box. Size is defined by the box.
    

    • form : Form
      
    • box : Tropic
      

  • TFormAvailable
    An escape hatch to include a Form in Tropic. Will get available as defined by the box. Size is defined by the form.
    

    • form : Form
      
    • box : Tropic
      

  • TFForm
    

    • fform : FForm
      
    • metrics : TFormMetrics
      

  • TSFForm
    

    • fform : SFForm
      
    • metrics : TFormMetrics
      

  • TMutable
    

    • tropic : Transform<Tropic>
      

  • TIf
    

    • condition : Transform<bool>
      
    • then : Tropic
      
    • elset : Tropic
      

  • TCase
    Picks the best case based on how much space is available.
    The sizes define the ideal size range for the correspond case.
    The length of the sizes has to match the cases.
    The sizes should reflect the minimum and maximum box that is useful the corresponding case.
    Example: If we have a small version of a UI that does not require more than 100x100 pixels,
    and then a bigger one, we can do this to automatically choose the best one based on the
    available space:
    TCase( [ TFixed(100.0, 100.), TGroup2(TFixed(100.0, 100.0), TFillXY())], [ small, big ] )
    

    • sizes : [ Tropic ]
      
    • cases : [ Tropic ]
      

  • TConstruct
    

    • constructors : [ () -> () -> void ]
      
    • tropic : Tropic
      

  • TCreate2
    

    • current : ref Tropic
      
    • fn : () -> Tropic
      

  • TDispose
    

    • disposers : [ () -> void ]
      
    • tropic : Tropic
      

  • TGroup2
    Place boxes on top of each other at the top, left corner
    

    • box1 : Tropic
      
    • box2 : Tropic
      

  • TCols2
    Place boxes next to each other such that they are top aligned
    

    • box1 : Tropic
      
    • box2 : Tropic
      

  • TBaselineCols2
    Place boxes next to each other, aligning their baselines
    

    • box1 : Tropic
      
    • baseline : Tropic
      

  • TLines2
    Place boxes on top of each others such that they are left aligned
    

    • box1 : Tropic
      
    • box2 : Tropic
      

  • TBaselineLines2
    Place boxes on top of each others such that they are left aligned and keeps baseline of the first box
    

    • box1 : Tropic
      
    • box2 : Tropic
      

  • TAvailable
    Define how much space fillers have to work with in this box. If the box is physically larger than maxsize, the box will win.
    

    • content : Tropic
      
    • maxsize : Tropic
      

  • TTweak
    Powerful manipulation with resizing, cropping, alignment.
    Pass TEmpty to size if you want to align content to its metrics (useful for content snapping without any other form).
    

    • style : [ TTweakStyle ]
      
    • content : Tropic
      
    • size : Tropic
      

  • TZoomFill
    Do not use directly - this part is handled by trender.
    

    • box : Tropic
      

  • TFillX
    Grow maximally in the width
    

  • TFillY
    Grow maximally in the height
    

  • TRounded
    A rounded rectangle that is as big as the size metrics
    

    • nw : double
      
    • ne : double
      
    • lw : double
      
    • le : double
      
    • style : [ TGraphicsStyle ]
      
    • size : Tropic
      

  • TAttach
    Given a ghost, that defines resizing behaviour, construct a tropic with access to the metrics of the ghost.
    The size is given by the maximum of the ghost and the result.
    

    • ghost : Tropic
      
    • fn : (TFormMetrics) -> Tropic
      

  • TSize
    Overrides the size
    

    • size : Tropic
      
    • form : Tropic
      

  • TSizeOf
    Retrieves size of trpoic
    

    • content : Tropic
      

  • TCropSize
    Like Crop, except it only crops the size, and not any position
    

    • size : Tropic
      
    • form : Tropic
      

  • TShift
    Moves a tropic the distance, so that the size of the distance is placed at 0,0 in the form.
    The size comes from the form. Size is taken from form as is.
    

    • form : Tropic
      
    • distance : Tropic
      

  • TMinimumGroup2
    The smallest of two tropics
    

    • t1 : Tropic
      
    • t2 : Tropic
      

  • TSubtractGroup2
    Size is t1 - t2
    

    • t1 : Tropic
      
    • t2 : Tropic
      

  • TDebug
    Debug a tropic - size is the given color, minimum size is blue rectangle, maximum size is green rectangle
    how much space do we get from the parent - red
    

    • color : int
      
    • b : Tropic
      

  • TLet
    Define a named value in the given scope. This can be used with TDisplay and TGhost.
    Notice TGhost only works if the named thing is displayed.
    

    • name : string
      
    • value : Tropic
      
    • scope : Tropic
      

  • TLetAvailable
    Works the same as TLet, only takes available as its value.
    

    • name : string
      
    • scope : Tropic
      

  • TNamespace
    Use clean namespace. Inner TLet names won't override any outer TLet and vice versa.
    Inner TDisplay, TGhost, TGhostMin won't see any outer TLet and vice versa.
    

    • tropic : Tropic
      

  • TDisplay
    Displays the named value as defined by TLet.
    

    • name : string
      

  • TGhost
    Constructs an empty box with the same metrics as the named value. Notice this only works if the named value is TDisplayed
    

    • name : string
      

  • TGhostMin
    Constructs an empty box with the same minimum metrics as the named value. Notice this only works if the named value is TDisplayed
    

    • name : string
      

  • TTag
    Tag this Tropic so that we can find the position with trenderManager later
    

    • tag : int
      
    • t : Tropic
      

  • TTag2
    

    • setfn : (fn : () -> TransformMatrix) -> void
      
    • t : Tropic
      

  • TInspect
    Inspects metrics of t. See TAttach* helpers into tropic_gui also.
    

    • inspectors : [ TInspector ]
      
    • t : Tropic
      

  • TOverride
    Overrides metrics of t.
    

    • overriders : [ TOverrider ]
      
    • t : Tropic
      

  • TCssBlock
    

    • style : [ TCssStyle ]
      
    • tropic : Tropic
      

  • TNative
    

    • fn : (maxX : Transform<double>, maxY : Transform<double>) -> TAcc
      

  • TransformTAcc
    

    • fn : (tropic2acc : (t : Tropic, parentInfo : TParentInfo, sheet : Stylesheet, metricsOnly : bool) -> TAcc, parentInfo : TParentInfo, sheet : Stylesheet, metricsOnly : bool) -> TAcc
      

  • TDynamicGroup2
    

    • stackChanges : DynamicBehaviour<[ TGroupChange ]>
      
    • currentStack : ref [ Tropic ]
      
    • combiner : TCombiner
      

• MParagraph -> Material
  Restricts available width for paragraph.
  

  • text : string
    
  • style : [ MParagraphStyle ]
    

• MFocusClickable -> Material
  Use MComponent instead of MFocusClickable directly
  

  • state : [ MButtonState ]
    
  • fn : (focus : MFocus) -> Material
    

• MVideo -> Material
  

  • filename : string
    
  • wh : DynamicBehaviour<WidthHeight>
    
  • style : [ FVideoStyle ]
    

• MEmpty -> Material
  

• MPad -> Material
  See also MBorder* helpers into material_gui.flow
  

  • x : double
    
  • y : double
    
  • content : Material
    

• MOffset -> Material
  

  • dx : double
    
  • dy : double
    
  • content : Material
    

• MScrollBox -> Material
  

  • content : Material
    

• MActivate -> Material
  

  • content : Material
    
  • state : [ MComponentGroupState ]
    

• MActivateMutable -> Material
  

  • content : Transform<Material>
    
  • state : [ MComponentGroupState ]
    

• MActivateSelect -> Material
  

  • value : Transform<?>
    
  • fn : (?) -> Material
    
  • state : [ MComponentGroupState ]
    

• MSelect -> Material
  

  • value : Transform<?>
    
  • fn : (?) -> Material
    

• MComponentGroupSelect -> Material
  

  • value : Transform<?>
    
  • fn : (?) -> Material
    
  • state : [ MComponentGroupState ]
    

• MGhost -> Material
  

  • name : string
    

• MDisplay -> Material
  

  • name : string
    

• MWidthOf -> Material
  

  • m : Material
    

• MHeightOf -> Material
  

  • m : Material
    

• MLinesA -> Material
  

  • arr : [ Material ]
    

• MLines2A -> Material
  

  • m1 : Material
    
  • m2 : Material
    

• MBaselineLinesA -> Material
  

  • arr : [ Material ]
    

• MBaselineLines2A -> Material
  

  • m1 : Material
    
  • m2 : Material
    

• MColsA -> Material
  

  • m : [ Material ]
    

• MCols2A -> Material
  

  • m1 : Material
    
  • m2 : Material
    

• MBaselineColsA -> Material
  

  • m : [ Material ]
    

• MBaselineCols2A -> Material
  

  • m1 : Material
    
  • m2 : Material
    

• MGridA -> Material
  

  • arr : [[ Material ]]
    

• MBorderA -> Material
  

  • start : double
    
  • top : double
    
  • end : double
    
  • bottom : double
    
  • m : Material
    

• MPadA -> Material
  

  • x : double
    
  • y : double
    
  • content : Material
    

• MOnTop -> Material
  Help to create common patterns, when you need to place smth at the top
  of another material
  

  • base : Material
    
  • material : Material
    

• MRightShift -> Material
  

  • m : Material
    

• MLazyOnCondition -> Material
  Construct material only once when condition is or becomes true.
  

  • condition : Transform<bool>
    
  • fn : () -> Material
    

• MShowLazy -> Material
  Lazy sibling of MShow.
  

  • condition : Transform<bool>
    
  • fn : () -> Material
    

• MLazyList -> Material
  Construct lines in list only when they are in visible space of scroll
  

  • lines : [ () -> Material ]
    
  • scrollInspect : TScrollInspectVisible
    

• MLazyListExtended -> Material
  MLazyList with forceLoad - backdoor for loading specific item and items above it without scrolling
  

  • lines : [ Pair<() -> Material, Transform<bool>> ]
    
  • scrollInspect : TScrollInspectVisible
    

• MPopupMenu -> Material
  Helper for standard popup menu
  topLeft is catched only when isVisible becomes true
  

  • topleft : DynamicBehaviour<Point>
    
  • isVisible : DynamicBehaviour<bool>
    
  • items : [ MMenuLine ]
    

• MTopMost -> Material
  Helper for lifting element up, above popups and dialogs
  

  • content : Material
    
  • style : [ MTopMostStyle ]
    

• MDashedCircle -> Material
  Helper for creating dashed or dotted circle
  

  • radius : double
    
  • dashNumber : int
    
  • color : MColor
    

• MEditGrid -> Material
  

  • items : MEGItem
    
  • style : [ MEGItemStyle ]
    

• MEGItem2M -> Material
  

  • item : MEGItem
    
  • gstyle : [ MEGItemStyle ]
    

• makeMRealHTML -> Material
  

  • key : string
    
  • html : MRealHTML
    

• MRealHTMLCrossDomain -> Material
  

  • url : string
    
  • domain : string
    
  • wh : Transform<WidthHeight>
    
  • sendChannel : DynamicBehaviour<string>
    
  • receiveChannel : DynamicBehaviour<string>
    
  • targetOrigin : string
    
  • key : string
    
  • onLoaded : () -> void
    
  • zoomEnabled : Transform<bool>
    

• MRealHTMLCrossDomain2 -> Material
  

  • url : string
    
  • domain : string
    
  • wh : Transform<WidthHeight>
    
  • sendChannel : DynamicBehaviour<string>
    
  • receiveChannel : DynamicBehaviour<string>
    
  • targetOrigin : string
    
  • key : string
    
  • onLoaded : () -> void
    
  • onError : (string) -> void
    
  • zoomEnabled : Transform<bool>
    

• MReorderCols -> Material
  Changes items on every dragging ends
  

  • items : DynamicBehaviour<[ ? ]>
    
  • materialize : (?) -> Material
    
  • style : [ MReorderStyle ]
    

• MReorderLines -> Material
  

  • items : DynamicBehaviour<[ ? ]>
    
  • materialize : (?) -> Material
    
  • style : [ MReorderStyle ]
    

• SelectMLines -> Material
  index - position in array, id - unique identifier
  

  • values : Transform<[ ? ]>
    
  • makeMaterialFn : (index : Transform<int>, id : int, ?) -> Material
    

• SelectMLinesA -> Material
  

  • values : Transform<[ ? ]>
    
  • makeMaterialFn : (index : Transform<int>, id : int, ?) -> Material
    

• SelectMCols -> Material
  

  • values : Transform<[ ? ]>
    
  • makeMaterialFn : (index : Transform<int>, id : int, ?) -> Material
    

• SelectMColsA -> Material
  

  • values : Transform<[ ? ]>
    
  • makeMaterialFn : (index : Transform<int>, id : int, ?) -> Material
    

• SelectMGroup -> Material
  

  • values : Transform<[ ? ]>
    
  • makeMaterialFn : (index : Transform<int>, id : int, ?) -> Material
    

• MAudioPlayer -> Material
  

  • filename : string
    
  • style : [ MAudioPlayerStyle ]
    

• MMultiAudioPlayer -> Material
  FVideoTimeRange style disabled
  

  • filenames : [ string ]
    
  • mstyle : [ MMultiAudioPlayerStyle ]
    

• MInlinePopup -> Material
  use to place material on top of placeholder over other elements
  

  • manager : MaterialManager
    
  • placeholder : Material
    
  • positionScale : Transform<PositionScale>
    
  • popup : Material
    

• MInlinePopupPosition -> Material
  

  • manager : MaterialManager
    
  • placeholder : Material
    
  • position : Transform<Point>
    
  • popup : Material
    

• MDropDownOrAutoComplete -> Material
  

  • items : [ string ]
    
  • selected : DynamicBehaviour<int>
    
  • style : [ MDropDownOrAutoCompleteStyle ]
    

• MCollapsingBox -> Material
  Intended for MAutoComplete case.
  

  • content : Material
    
  • yTrans : Transform<double>
    
  • expand : Transform<bool>
    
  • absoluteOffsetMode : bool
    
  • fade : bool
    

• MHTMLStage -> Material
  Construct an HTML stage with the given metrics
  

  • wh : Transform<WidthHeight>
    
  • constructor : (stage : native) -> () -> void
    

• MLinesSeparated -> Material
  

  • values : [ Material ]
    

• MColsSeparated -> Material
  

  • values : [ Material ]
    

• MPictureFill -> Material
  

  • picURL : string
    
  • style : [ MPictureStyle ]
    

• MPictureFit -> Material
  

  • picURL : string
    
  • style : [ MPictureStyle ]
    

• MTabs -> Material
  

  • tabs : [ MTab ]
    
  • selected : DynamicBehaviour<int>
    
  • style : [ MTabsStyle ]
    

• MDataTable -> Material
  

  • columns : [ MColumnDynamic ]
    
  • rows : [[ Material ]]
    
  • style : [ MDataTableStyle ]
    

• MAttachBox -> Material
  Bunch of helpers to inspect sizes. Consider using MInspect also.
  

  • m : Material
    
  • box : DynamicBehaviour<WidthHeight>
    

• MAttachWidth -> Material
  

  • m : Material
    
  • width : DynamicBehaviour<double>
    

• MAttachHeight -> Material
  

  • m : Material
    
  • height : DynamicBehaviour<double>
    

• MAttachWidthHeight -> Material
  

  • m : Material
    
  • width : DynamicBehaviour<double>
    
  • height : DynamicBehaviour<double>
    

• MAttachAvailable -> Material
  

  • m : Material
    
  • box : DynamicBehaviour<WidthHeight>
    

• MAttachAvailableWidth -> Material
  

  • m : Material
    
  • width : DynamicBehaviour<double>
    

• MAttachAvailableHeight -> Material
  

  • m : Material
    
  • height : DynamicBehaviour<double>
    

• MAttachAvailableWidthHeight -> Material
  

  • m : Material
    
  • width : DynamicBehaviour<double>
    
  • height : DynamicBehaviour<double>
    

• MAttachBox2 -> Material
  Inspects m, draws content
  

  • m : Material
    
  • box : DynamicBehaviour<WidthHeight>
    
  • content : Material
    

• MAttachWidth2 -> Material
  

  • m : Material
    
  • width : DynamicBehaviour<double>
    
  • content : Material
    

• MAttachHeight2 -> Material
  

  • m : Material
    
  • height : DynamicBehaviour<double>
    
  • content : Material
    

• MAttachBoxThrottle -> Material
  Special cases to inspect
  

  • m : Material
    
  • box : DynamicBehaviour<WidthHeight>
    
  • maxDelta : int
    

• MThrottleMetrics -> Material
  

  • m : Material
    
  • maxDelta : int
    

• MAvailableWidth -> Material
  Helpers to set available for only width, only height, or both
  

  • m : Material
    
  • available : Transform<double>
    

• MAvailableHeight -> Material
  

  • m : Material
    
  • available : Transform<double>
    

• MAvailableWidthHeight -> Material
  

  • m : Material
    
  • width : Transform<double>
    
  • height : Transform<double>
    

• MAlignStart -> Material
  MAlign helpers
  

  • m : Material
    

• MAlignEnd -> Material
  Align left if LTR, align right if RTL
  

  • m : Material
    

• MAlignStartFill -> Material
  Align right if LTR, align left if RTL
  

  • m : Material
    

• MAlignEndFill -> Material
  

  • m : Material
    

• MAlignLeft -> Material
  

  • m : Material
    

• MAlignTop -> Material
  

  • m : Material
    

• MAlignRight -> Material
  

  • m : Material
    

• MAlignBottom -> Material
  

  • m : Material
    

• MAlignTopLeft -> Material
  

  • m : Material
    

• MAlignTopCenter -> Material
  

  • m : Material
    

• MAlignTopRight -> Material
  

  • m : Material
    

• MAlignCenterRight -> Material
  

  • m : Material
    

• MAlignBottomRight -> Material
  

  • m : Material
    

• MAlignBottomCenter -> Material
  

  • m : Material
    

• MAlignBottomLeft -> Material
  

  • m : Material
    

• MAlignCenterLeft -> Material
  

  • m : Material
    

• MBorder4 -> Material
  MBorder helpers
  MBorder with equal borders on all 4 sides
  

  • border : double
    
  • m : Material
    

• MBorderT -> Material
  Dynamic version of MBorder
  

  • left : Transform<double>
    
  • top : Transform<double>
    
  • right : Transform<double>
    
  • bottom : Transform<double>
    
  • m : Material
    

• MDebugMetrics -> Material
  MDebug helpers
  MDebug that shows metrics on top of the material
  

  • c : int
    
  • m : Material
    

• MDebugPositionScale -> Material
  

  • c : int
    
  • m : Material
    

• MDebugConstruct -> Material
  

  • tag : string
    
  • m : Material
    

• MDebugRed -> Material
  

  • m : Material
    

• MDebugGreen -> Material
  

  • m : Material
    

• MDebugBlue -> Material
  

  • m : Material
    

• MDebugPurple -> Material
  

  • m : Material
    

• MDebugMetricsRed -> Material
  

  • m : Material
    

• MDebugMetricsGreen -> Material
  

  • m : Material
    

• MDebugMetricsBlue -> Material
  

  • m : Material
    

• MDebugMetricsPurple -> Material
  

  • m : Material
    

• MDebugInteractive -> Material
  

  • m : Material
    

• MGroupWithoutMetrics -> Material
  MGroup with zero metrics
  Useful inside complicated components with lots of layers, metrics of which aren't used
  

  • g : [ Material ]
    

• MGroup2WithoutMetrics -> Material
  

  • g1 : Material
    
  • g2 : Material
    

• MGroupSameMetrics -> Material
  

  • g : [ Material ]
    

• MGroup2SameMetrics -> Material
  

  • g1 : Material
    
  • g2 : Material
    

• MFixed -> Material
  

  • x : double
    
  • y : double
    

• MFixedX -> Material
  

  • x : double
    

• MFixedY -> Material
  

  • y : double
    

• MFillXY -> Material
  

• MFillX -> Material
  

• MFillY -> Material
  

• MFillXH -> Material
  

  • h : double
    

• MFillWY -> Material
  

  • w : double
    

• MSelect2 -> Material
  

  • v1 : Transform<?>
    
  • v2 : Transform<??>
    
  • fn : (?, ??) -> Material
    

• MSelect3 -> Material
  

  • v1 : Transform<?>
    
  • v2 : Transform<??>
    
  • v3 : Transform<???>
    
  • fn : (?, ??, ???) -> Material
    

• MSelect4 -> Material
  

  • v1 : Transform<?>
    
  • v2 : Transform<??>
    
  • v3 : Transform<???>
    
  • v4 : Transform<????>
    
  • fn : (?, ??, ???, ????) -> Material
    

• MSelect5 -> Material
  

  • v1 : Transform<?>
    
  • v2 : Transform<??>
    
  • v3 : Transform<???>
    
  • v4 : Transform<????>
    
  • v5 : Transform<?????>
    
  • fn : (?, ??, ???, ????, ?????) -> Material
    

• MSelectConstantMetrics -> Material
  

  • value : Transform<?>
    
  • fn : (?) -> Material
    

• MCopySize -> Material
  Copies size of content to copyFn, copyFn result has no effect on overall metrics
  If above is true result of copyFn is placed on top of content
  Useful when you need to place TInteractive above or below another one
  

  • content : Material
    
  • copyFn : (Tropic) -> Material
    
  • above : bool
    

• MCopySize2 -> Material
  Similar to MCopySize, only resulting material has metrics of copyFn
  copyFn has two parameters: size of the content, and content itself
  

  • content : Material
    
  • copyFn : (Tropic, Material) -> Material
    

• MProportionGrid -> Material
  

  • c : [[ Pair<Transform<Factor>, Material> ]]
    

• MProportionLines -> Material
  

  • c : [ Pair<Transform<double>, Material> ]
    

• MProportionCols -> Material
  

  • c : [ Pair<Transform<double>, Material> ]
    

• MProportionBaselineCols -> Material
  

  • c : [ Pair<Transform<double>, Material> ]
    

• MProportionColsA -> Material
  

  • c : [ Pair<Transform<double>, Material> ]
    

• MSizedWidth -> Material
  

  • width : Transform<double>
    
  • height : double
    

• MSizedHeight -> Material
  

  • width : double
    
  • height : Transform<double>
    

• MColsXCenter -> Material
  Common helpers of centering a number of tropics
  

  • cols : [ Material ]
    

• MColsYCenter -> Material
  

  • cols : [ Material ]
    

• MBaselineColsXCenter -> Material
  

  • cols : [ Material ]
    

• MBaselineColsYCenter -> Material
  

  • cols : [ Material ]
    

• MColsYCenterA -> Material
  

  • cols : [ Material ]
    

• MLinesXCenter -> Material
  

  • lines : [ Material ]
    

• MLinesYCenter -> Material
  

  • lines : [ Material ]
    

• MBaselineLinesXCenter -> Material
  

  • lines : [ Material ]
    

• MBaselineLinesYCenter -> Material
  

  • lines : [ Material ]
    

• MColsCenterY -> Material
  Deprecated. Use MColsYCenter instead.
  

  • items : [ Material ]
    

• MColsSameWidth -> Material
  

  • cols : [ Material ]
    

• MColsSameHeight -> Material
  

  • cols : [ Material ]
    

• MLinesSameWidth -> Material
  

  • lines : [ Material ]
    

• MLinesSameHeight -> Material
  

  • lines : [ Material ]
    

• MLines2InvertZorder -> Material
  Same as MLines2, only m1 is above m2 in zorder
  Useful if you have for example a toolbar with shadow that has to overlap content below
  

  • m1 : Material
    
  • m2 : Material
    

• MZoomToFit -> Material
  if the content fits in the box then it returns the content
  if the content does not fit then it returns a zoomed out content
  the final metrics is a metrics of the final content
  

  • content : Material
    
  • box : Material
    

• MRotate90 -> Material
  Helpers for turning Material
  

  • m : Material
    

• MRotate90Left -> Material
  

  • m : Material
    

• MCropWidth -> Material
  

  • content : Material
    
  • width : Material
    

• MCropHeight -> Material
  

  • content : Material
    
  • height : Material
    

• MEvenGrid -> Material
  

  • content : [[ Material ]]
    

• MFixSizeKeepBaseline -> Material
  

  • m : Material
    
  • size : Material
    

• MBaseline -> Material
  

  • baseline : Transform<double>
    
  • m : Material
    

• MFrameT -> Material
  Dynamic version of MFrame
  

  • margin : Transform<double>
    
  • radius : Transform<double>
    
  • style : [ TGraphicsStyle ]
    
  • box : Material
    

• MFrameCustom -> Material
  

  • l : double
    
  • tl : double
    
  • tlRounded : bool
    
  • t : double
    
  • tr : double
    
  • trRounded : bool
    
  • r : double
    
  • br : double
    
  • brRounded : bool
    
  • b : double
    
  • bl : double
    
  • blRounded : bool
    
  • style : [ TGraphicsStyle ]
    
  • box : Material
    

• MDynamicText -> Material
  Helper for dynamic text
  

  • text : Transform<string>
    
  • style : [ MParagraphStyle ]
    

• MHTMLText -> Material
  Allows to write html-string like "this is italic and bold text".
  It works only in JS
  

  • text : string
    
  • style : [ MTextStyle ]
    

• MHTMLDynamicText -> Material
  

  • text : Transform<string>
    
  • style : [ MParagraphStyle ]
    

• MLoading -> Material
  Show text and progressbar below
  

  • text : string
    

• MTransformTAcc2 -> Material
  Simplified version of MTransformTAcc
  

  • fn : ((Material) -> TAcc) -> TAcc
    

• MConstructRenderable -> Material
  

  • constructors : [ () -> () -> void ]
    
  • m : Material
    

• MZoomMax -> Material
  Zoom material if its metrics are bigger than maxWH
  

  • m : Material
    
  • maxWH : Transform<WidthHeight>
    

• MZoomMaxWidth -> Material
  Zoom material if its width is bigger than maxWidth
  

  • m : Material
    
  • maxWidth : Transform<double>
    

• MZoomMaxHeight -> Material
  Zoom material if its height is bigger than maxHeight
  

  • m : Material
    
  • maxHeight : Transform<double>
    

• disableMMouseWheelBelow -> Material
  Helpers to make Material not transparent for events
  

  • content : Material
    

• disableMInteractivesBelow -> Material
  

  • content : Material
    

• blockMInteractives -> Material
  Helper to create event blocker layer above element
  

  • content : Material
    

• MMouseWheelInteractive -> Material
  

  • m : Material
    
  • deltaX : (double) -> bool
    
  • deltaY : (double) -> bool
    

• M3DStage -> Material
  

  • scene : F3DObject
    
  • camera : F3DObject
    
  • size : Material
    
  • style : [ F3DStageStyle ]
    

• MCanvas -> Material
  Draws content with 'canvas' renderer
  Works only in js with 'html' renderer, for other targets identical to regular clip
  WARNING: Doesn't support native widgets making it applicable only to groups of graphical objects
  

  • content : Material
    

• MDecorator -> Material
  

  • m : Material
    
  • decorators : [ Pair<Transform<bool>, (Transform<WidthHeight>) -> Material> ]
    
  • above : bool
    

• MSafeArea -> Material
  Area with borders equal to device notch or other screen inbounds
  

  • m : Material
    

• MSafeAreaLeft -> Material
  

  • m : Material
    

• MSafeAreaTop -> Material
  

  • m : Material
    

• MSafeAreaRight -> Material
  

  • m : Material
    

• MSafeAreaBottom -> Material
  

  • m : Material
    

• MMoveClip -> Material
  

  • m : Material
    
  • fn : (Tropic) -> void
    

• MIfFits -> Material
  Shows fullSizeContent only if available space is greater than minimum size required to show it
  Otherwise shows reducedSizeContent
  

  • fullSizeContent : Material
    
  • reducedSizeContent : Material
    

• MIfFitsWidth -> Material
  

  • fullSizeContent : Material
    
  • reducedSizeContent : Material
    

• MIfFitsHeight -> Material
  

  • fullSizeContent : Material
    
  • reducedSizeContent : Material
    

• MShowIfFits -> Material
  Shows content only if available space is greater than minimum size required to show it
  

  • content : Material
    

• MShowIfFitsWidth -> Material
  

  • content : Material
    

• MShowIfFitsHeight -> Material
  

  • content : Material
    

• M3DEditorProperties2MTabs -> Material
  

  • editor : M3DEditor