The following is a curated list of changes in the Enact moonstone module, newest changes on the top.
No significant changes.
No significant changes.
No significant changes.
moonstone/UiGridListImageItemcomponent, transferred frommoonstone/internal/GridListImageItemmoonstone/UiIconButtoncomponent, transferred fromui/IconButtonmoonstone/UiRadioDecoratorcomponent, transferred fromui/RadioDecoratormoonstone/UiScroller.ScrollerBasecomponent, transferred fromui/Scroller.ScrollerBasemoonstone/UiSlotItemcomponent, transferred fromui/SlotItemmoonstone/UiToggleItemcomponent, transferred fromui/ToggleItemmoonstone/UiVirtualList.VirtualListBasecomponent, transferred fromui/VirtualList.VirtualListBase
No significant changes.
moonstone/Sliderto have proper padding
- Update dependencies including React 18.0.0
moonstone/internal/GridListImageItemcomponent, transferred fromui/GridListImageItemmoonstone/VirtualList.VirtualList,moonstone/VirtualList.VirtualGridListpropdata-webos-voice-focused,data-webos-voice-disabled, anddata-webos-voice-group-label
moonstone/Inputsize 'small' line-height to center text vertically
moonstone/TooltipDecoratorarrow position
samples/samplernot to fail in sampler build
moonstone/ContextualPopupDecoratorto reposition the popup when propshowCloseButtonis updated and propdirectionis left (right in RTL locales)
moonstone/Sliderto apply active style while dragging by touch
- The framework was updated to be compatible with Enact 4.0.0
- The framework was updated to support React 17.0.1
moonstone/MoonstoneDecoratorconfigrootIdto specify React DOM tree root for global event handlers
moonstone/ExpandableListto keep focus properly when selecting an item by touchmoonstone/PanelsBreadcrumb to get focus when touching
moonstone/VirtualListandmoonstone/VirtualList.VirtualGridListpropdata-webos-voice-disabledfor disable voice controlmoonstone/LabeledIconButtonprops to change voice control in IconButton
moonstone/Inputrun time error when usingdismissOnEntermoonstone/VirtualListto support navigation with spottable children inside an itemmoonstone/VirtualListto render properly without error whenitemSizesis given anddataSizeis 0moonstone/EditableIntegerPickerto fireonChangeevents, after changing the value via pointer and 5-way select button
No significant changes.
moonstone/Notificationto support 3 max-width buttons in a single line
moonstone/Notificationline height for non-latin localesmoonstone/Notificationto show all buttons in one line
moonstone/Panels.HeaderpropmarqueeOndefault value to'render'to improve usability on systems without a pointer
moonstone/Marqueetext shake when restarting
moonstone/VirtualListhorizontal scrolling in RTL localesmoonstone/EditableIntegerPickerto include theunitin the ARIA read out
moonstone/Iconicons
ilibpeer dependency to^14.4.0 || ^14.4.0-webostv1baseline to target support for caching improvements
moonstone/Iconicon sizesmoonstone/InputSpotlightDecoratorto not focus when Spotlight is paused
moonstone/Iconicons
moonstone/Buttoncolorbar heightmoonstone/Sliderto showtooltipwhen disabledmoonstone/TooltipDecoratorto keep showing when changing from pointer mode to 5-way modemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll correctly when clicking on paging controls during a scroll eventmoonstone/FormCheckboxandmoonstone/RadioItemhigh contrast colors
moonstonelanguage-specific (LG Smart UI AR HE TH) and Indian font assignment
moonstoneinternationalization resource loadingmoonstone/Dropdownto only callonOpenwhen closedmoonstone/Inputtext colormoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto correctly set focus to items scrolling into the viewportmoonstone/VirtualList.VirtualListto scroll properly when a different sized item gains focus
moonstone/ProgressBar.ProgressBarTooltipandmoonstone/Slider.SliderTooltippropside, will be replaced bypositionin 4.0.0
moonstone/Dropdownto add new sizex-largemoonstone/ProgressBar.ProgressBarTooltipandmoonstone/Slider.SliderTooltippropposition, replacingsidemoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListproproleto set the ARIArole
moonstone/Headerto fix font size oftitleBelowandsubTitleBelowmoonstone/Dropdownto applytinywidthmoonstone/Dropdownto include selecteddatain theonSelecthandlermoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListspotlight behavior to focus the last item when reaching the bounds after scroll by page up or downmoonstone/VirtualList.VirtualListto allow a dynamically resized item to scroll into view properlymoonstone/Dropdownaccessibility read out when an item is focusedmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll properly when page key is pressed on a horizontal list or scroller inside a vertical list or scroller
moonstone/Buttontext alignment whencoloris setmoonstone/FormCheckboxItemopacity ofitemIconvalue when focused and disabledmoonstone/Notificationto shrink to fit small contentmoonstone/Scrollerto restore focus properly when pressing page up after holding 5-way downmoonstone/Switchcolors to improve visibilitymoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto properly navigate from paging controls to items by 5-way key whenfocusableScrollbaris false
moonstone/ContextualPopupDecoratorlayout in large text mode in RTL localesmoonstone/Dropdownperformance when using many optionsmoonstone/ProgressBarfill color whenhighlightedis setmoonstone/Scrollerto correctly handle horizontally scrolling focused elements into view when using adirectionvalue of'both'moonstone/SkinnableTypeScript signaturemoonstone/Sliderprogress bar fill color when focused withnoFillsetmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto render the first item properly when thedataSizeprop is updated and the function as a parameter of thecbScrollToprop is called
moonstone/ContextualPopupDecoratorarrow rendering issue in Chromiummoonstone/EditableIntegerPickerto properly rerender when the edited value is invalidmoonstone/FormCheckboxItemto marquee its contentsmoonstone/VideoPlayerto have correct jump forward/backward icon- Language-specific fonts so they always use the correct typeface for their locale
moonstone/Headerinput highlight positioningmoonstone/MediaOverlayto not mute media playbackmoonstone/Panelsanimation performance issues on low powered hardwaremoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto correctly scroll to a selected component when focused via 5way
moonstone/Icon.iconsentries for new icons
moonstoneto support custom font for simplified Chinesemoonstonedisabled focus appearance to match the latest designsmoonstone/DatePicker,moonstone/DayPicker,moonstone/ExpandableList, andmoonstone/TimePickerdisabled opacity in high contrast modemoonstone/Pickerto avoid overlapping items on rendermoonstone/Scrollerand other scrolling components to properly scroll via remote page up/down buttons when nested within another scrolling componentmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll via a page up or down key when focus is on any vertical paging control while in pointer modemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto correctly set focus after scrolling by page up/down keysmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListnot to scroll via a page up or down key when focus is on any horizontal paging control
moonstone/LabeledIconButtonpropflipto flip the icon horizontally, vertically, or bothmoonstone/Popuppublic class namesbodyandcloseContainer
moonstone/Dialogappearance to match the latest designsmoonstone/Scrollerand other scrolling components to scroll via remote page up/down buttons when the scrollbar is hidden
moonstonefonts be consolidated under "Moonstone" font-family to properly display all localized fonts when representing glyphs from any localemoonstone/Inputtext color when focused and disabledmoonstone/Panelsto allow 5-way navigation to components withincontrolswhen used with aHeaderwithheaderInputmoonstone/Panelsto treat all components withincontrolsas part of the active panel for the purposes of accessibilitymoonstone/Scrollerto not jump to the top when right key is pressed in the right most item of a vertical scrollermoonstone/Scrollerto not scroll horizontally via 5-way down in horizontal scrollermoonstone/Tooltiparrow gapmoonstone/VideoPlayerfeedback tooltip to overlap in non-latin localemoonstone/VideoPlayermore button tooltip to not clip or reverse text in RTL localesmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto navigate items properly in RTL languagesmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto properly navigate from paging controls to controls out of the list
moonstone/Panels.HeaderprophideLineto hide the bottom separator linemoonstone/Panels.Headertype "dense" for "AlwaysViewing" Panels types
moonstone/Dropdownbutton to not animatemoonstone/FormCheckboxItemso it doesn't change size between normal and large text modemoonstone/Headingto have a bit more space between the text and the line, when the line is presentmoonstone/LabeledItemto passmarqueeOnprop to its contentsmoonstone/Panels.Headerto use the latest designs with better spacing between the titles belowmoonstone/Pickeraccessibility read out when a button becomes disabledmoonstone/ProgressBar,moonstone/Slider, andmoonstone/IncrementSliderto use the latest set of design colorsmoonstone/RadioItemto have a much prettier dot in dark and light skinsmoonstone/Spinnerto use the latest designsmoonstone/Tooltiplayer order so it doesn't interfere with other positioned elements, likeContextualPopupmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto properly respond to 5way directional key presses
smallprop inmoonstone/Input,moonstone/ToggleButton,moonstone/Button,moonstone/Icon,moonstone/IconButton, andmoonstone/LabeledIcon, replaced bysizeprop, which accepts"small"or"large"moonstone/Divider, replaced bymoonstone/Heading
ilib@^14.2.0as a package peer dependency, which apps will need to includemoonstone/Dropdownwidthstiny, andhuge
- Fonts to use the updated names of global fonts available in the system
moonstone/Popupto properly handle closing in mid-transitionmoonstone/Scrollerto properly move focus out of the containermoonstone/VirtualListto allow keydown events to bubble up when not handled by the componentmoonstone/IncrementSliderto support aria-label when disabledmoonstone/LabeledItemto not clip the bottom of descender glyphs in large text modemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListnot to scroll too far by page up/down keysmoonstone/VirtualList.VirtualGridListscrolling when navigating to an adjacent itemmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto focus an item properly after an update
moonstone/Dropdownto scroll to and focus the selected item when openedmoonstone/ExpandableItem.ExpandableItemBaseto not error ifonCloseoronOpenwas not suppliedmoonstone/GridListImageItemto support overriding theimageCSS class namemoonstone/Scrollerto scroll and to move focus to the paging control properly if the current item sticking to the top is only spottablemoonstone/VirtualListto scroll to the focused item when navigating out of the viewport via 5-way
moonstone/Divider,moonstone/Dialog, andmoonstone/Headingpropcasing
moonstone/Dropdownto support voice readoutmoonstone/Dropdownremaining open after it becomesdisabled
moonstone/Dropdownpropertywidthto support'small','medium', and'large'sizes
moonstone/Panels.Headerto center text whencenteredis used and additional controls are included bymoonstone/Panels- Fonts for non-Latin to not intermix font weights for bold when using a combination of Latin and non-Latin glyphs
moonstone/VirtualListto restore focus to an item when scrollbars are visible
moonstone/Dropdownto prevent spotlight moving out of the popupmoonstone/Dropdownto use radio selection which allows only changing the selection but not deselection
- Non-Latin locale font assignments to match the new font family support in
LG Smart UI moonstone/Checkbox,moonstone/FormCheckbox,moonstone/Panels.Header,moonstone/RadioItem,moonstone/Slider, andmoonstone/Switchto render correctly in high contrastmoonstone/VideoPlayerto hide scrim for high contrast if bottom controls are hidden
moonstone/Panelssupport for managing share state of contained componentsmoonstone/Scrollerandmoonstone/VirtualListsupport for restoring scroll position when within amoonstone/Panels.Panel
moonstone/Scrollerto scroll when no spottable child exists in the pressed 5-way key direction and, whenfocusableScrollbaris set, focus the scrollbar button
- Fonts to correctly use the new font files and updated the international font name from "Moonstone LG Display" to "Moonstone Global"
moonstone/DropdownchildrenpropType so it supports the same format asui/Group(an array of strings or an array of objects with props)moonstone/FormCheckbox,moonstone/Input,moonstone/ProgressBar,moonstone/RadioItem,moonstone/SwitchItem, andmoonstone/Tooltiplight skin colors.moonstone/VideoPlayerto have correct sized control buttons
moonstone/Headingpropspacingwith default value'small'
moonstone/Buttonbackground colors for translucent and lightTranslucentmoonstone/Checkboxby updating colors for both dark and light skinsmoonstone/DaySelectoritem text size in large-text modemoonstone/Dropdownpopup scroller arrows showing in non-latin locales and added large-text mode supportmoonstone/FormCheckboxItemto match the designsmoonstone/Panels.HeaderwithInputto not have a distracting white background colormoonstone/Inputcaret color to match the designs (black bar on white background, white bar on black background, standard inversion)moonstone/Itemheight in non-latin localesmoonstone/RadioItemandmoonstone/SelectableItemicon size in large-text mode
moonstone/Buttonandmoonstone/Panels.Headerpropcasingwhich is no longer supportedmoonstone/Input.InputBasepropfocusedwhich was used to indicate when the internal input field had focused but was replaced by the:focus-withinpseudo-selectormoonstone/VirtualListandmoonstone/VirtualList.VirtualGridListpropertyisItemDisabled
moonstone/BodyTextpropsizeto offer a new "small" sizemoonstone/ButtonpropiconPositionmoonstone/ContextualPopupconfignoArrowmoonstone/Dropdowncomponentmoonstone/Panels.Headerpropcenteredto support immersive apps with a completely centered designmoonstone/Headingcomponent, an improved version ofmoonstone/Dividerwith additional featuresmoonstone/Panelsslot<controls>to easily add custom controls next to the Panels' "close" buttonmoonstone/Spinnerpropsizeto support a new "small" size for use insideSlotItemcomponentsmoonstone/TooltipDecoratorproptooltipRelativeandmoonstone/TooltipDecorator.Tooltipproprelativeto support relative positioning. This is an advanced feature and requires a container with specific rules. See documentation for details.
moonstone/Button.ButtonDecoratorto removei18n/UppercaseHOCmoonstone/Button,moonstone/Checkbox,moonstone/CheckboxItem,moonstone/ContextualPopupDecorator,moonstone/FormCheckbox,moonstone/FormCheckboxItem,moonstone/Panels.Header,moonstone/Notification,moonstone/RadioItem, andmoonstone/Tooltipappearance to match the latest designsmoonstone/Button,moonstone/Dropdown,moonstone/Icon,moonstone/IconButton,moonstone/Input, andmoonstone/ToggleButtondefault size to "small", which unifies their initial heightsmoonstone/DaySelectorto have squared check boxes to match the rest of the checkmark componentsmoonstone/LabeledIconandmoonstone/LabeledIconButtontext size to be smallermoonstone/Panelandmoonstone/Panelsnow allocate slightly more screen edge space for a cleaner lookmoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListscrollbar button to gain focus when pressing a page up or down key iffocusableScrollbaris true- global styling rules affecting standard font-weight, disabled opacity, and LESS color variable definitions
moonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll by page up/down keys without focus in pointer mode
moonstone/Dividerwhich will be replaced bymoonstone/Headingmoonstone/Input.InputBasepropfocusedwhich will be handled by CSS in 3.0smallprop inmoonstone/Inputandmoonstone/ToggleButton, which will be replaced bysize="small"in 3.0
moonstone/Inputandmoonstone/ToggleButtonpropsizemoonstone/Button,moonstone/IconButton, andmoonstone/LabeledIconButtonpublic class namelargeto support customizing the style for the newsizeprop onui/Button
moonstone/EditableIntegerPicker,moonstone/Picker, andmoonstone/RangePickerto not error when theminprop exceeds themaxprop
moonstone/ContextualPopupDecoratorimperative methods to be correctly bound to the instancemoonstone/ExpandableInputto retain focus when touching within the input field on touch platformsmoonstone/ExpandableListto not error ifselectedis passed as an array to a non-multi-select listmoonstone/Scrollerto allow changing spotlight focus to opposite scroll button when switching to 5way modemoonstone/ExpandableInputto retain focus when touching within the input field on touch platformsmoonstone/Inputrefocusing on touch on iOSmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto change spotlight focus due to touch eventsmoonstone/Sliderto not scroll the viewport when dragging on touch platformsmoonstone/VideoPlayerto correctly handle touch events while moving slider knobsmoonstone/VirtualListandmoonstone/Scrollerto animate with 5-way navigation by default
moonstone/EditableIntegerPickertext alignment when not editing the valuemoonstone/Scrollerto scroll via dragging when the platform has touch supportmoonstone/VideoPlayerto continue to display the thumbnail image while the slider is focused
moonstone/ExpandableInputto close on touch platforms when tapping another component
moonstone/ContextualPopupDecoratormethodpositionContextualPopup()to correctly reposition the popup when invoked from app codemoonstone/Tooltipto better support long tooltipsmoonstone/Popupto resume spotlight pauses when closing with animationmoonstone/Panelsto correctly ignorenullchildren
moonstone/Pickerto display more of the selected value in wide instances
moonstone/Checkbox,moonstone/FormCheckbox,moonstone/RadioItem,moonstone/SelectableIcon, andmoonstone/Sliderspotlight muted colorsmoonstone/Spinneranimation synchronization after a rerendermoonstone/TooltipDecoratorto positionTooltipcorrectly when the wrapped component moves or resizesmoonstone/VideoPlayerto continue to show thumbnail when playback control keys are pressedmoonstone/VideoPlayerto stop seeking by remote key when it loses focusmoonstone/VirtualListto only resume spotlight pauses it initiatedmoonstone/ExpandableItemto be better optimized on mount
line-heightrule to base text CSS for both latin and non-latin locales- Support for high contrast colors in dark and light
moonstone moonstone/BodyTextpropnoWrapwhich automatically addsmoonstone/Marqueesupport as well as limits the content to only display one line of text
moonstone/Spinnervisuals from 3 spinning balls to an energetic flexing line
moonstone/Panelsto set child'sautoFocusprop todefault-elementwhenindexincreasesmoonstone/Sliderto prevent gaining focus when clicked when disabledmoonstone/Sliderto prevent default browser scroll behavior when 5-way directional key is pressed on an active knobmoonstone/DatePickerandmoonstone/TimePickerto close with back/ESCmoonstone/DatePickerandmoonstone/TimePickervalue handling when open on mountmoonstone/ContextualPopupDecoratorto correctly focus on popup content when opened
moonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListpropertychildPropsto support additional props included in the object passed to theitemsRenderercallbackmoonstone/Skinnablesupport forskinVariants, to enable features like high contrast mode and large text mode- Support for 8k (UHD2) displays
- All content-containing LESS stylesheets (not within a
stylesdirectory) extensions to be*.module.lessto retain modular context with CLI 2.x.
moonstone/VirtualListto focus an item properly byscrollToAPI immediately after a prior call to the same positionmoonstone/Popupto close floating layer when the popup closes without animation
moonstone/Scrollerscrolling to boundary behavior for short scrollers
moonstone/ExpandableInputto focus labeled item on closemoonstone/ExpandableItemto disable its spotlight container when the component is disabledmoonstone/Scrollerto correctly handle scrolling focused elements and containers into view
moonstone/Picker,moonstone/ExpandablePicker,moonstone/ExpandableList,moonstone/IncrementSliderto support disabling voice control
moonstone/VideoPlayerto blur slider when hiding media controlsmoonstone/VideoPlayerto disable pointer mode when hiding media controls via 5-waymoonstone/VirtualListandmoonstone/Scrollerto not to animate with 5-way navigation by default
moonstone/ExpandableItemto not steal focus after closing
moonstone/MoonstoneDecoratorto apply both Latin and non-Latin rules to the root element so all children inherit the correct default font rules.moonstone/Marquee,moonstone/MediaOverlayto display locale-based fontmoonstone/DayPickerseparator character used between selected days in the label in fa-IR localemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListscrolling by voice commands in RTL locales
moonstone/Scrollerto respect the disabled spotlight container status when handling pointer eventsmoonstone/Scrollerto scroll to the boundary when focusing the first or last element with a minimal margin in 5-way modemoonstone/VideoPlayerto position the slider knob correctly when beyond the left or right edge of the slider
moonstone/Scrollerstuttering when page up/down key is pressed
moonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto notify user when scrolling is not possible via voice commandmoonstone/TimePickerto not read out meridiem label when changing the value
moonstone/GridListImageItemvoice control feature support
moonstone/DayPickerto prevent closing when selecting days via voice controlmoonstone/VideoPlayerto unfocus media controls when hiddenmoonstone/Scrollerto set correct scroll position when an expandable child is closedmoonstone/Scrollerto prevent focusing children while scrolling
moonstone/Buttonandmoonstone/IconButtonto style image-based icons correctly when focused and disabledmoonstone/FormCheckboxItemstyling when focused and disabledmoonstone/Panelsto always blur breadcrumbs when transitioning to a new panelmoonstone/Scrollerto correctly set scroll position when nested item is focusedmoonstone/Scrollerto not adjustscrollTopwhen nested item is focusedmoonstone/VideoPlayerto show correct playback rate feedback on play or pausemoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto handle 5way navigation properly whenfocusableScrollbaris true
moonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto show overscroll effects properly on repeating wheel inputmoonstone/TooltipDecoratorto handle runtime error when settingtooltipTextto an empty stringmoonstone/VideoPlayertiming to read outinfoComponentsaccessibility value whenmoreButtonormoreButtonColoris pressed
moonstone/ExpandableItemto prevent default browser scroll behavior when 5-way key is pressed on the first item or the last itemmoonstone/Scrollerscrolling behavior for focused items in 5-way modemoonstone/Scrollerto scroll container elements into viewmoonstone/TooltipDecoratorto update position whentooltipTextis changedmoonstone/VideoPlayerto prevent default browser scroll behavior when navigating via 5-waymoonstone/VirtualListto allowonKeyDownevents to bubblemoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListscrolling via page up or down keys
moonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto show overscroll effects only by wheel input
moonstone/VideoPlayerso that activity is detected and theautoCloseTimeouttimer is reset when using 5-way to navigate from the media slider
moonstone/Pickerto fire onChange events, due to a hold, consistently across pointer and 5-way navigation
moonstone/VideoPlayerpropertynoMediaSliderFeedbackmoonstone/VideoPlayer.MediaControlspropertyplayPauseButtonDisabled
moonstone/Pickerkey down hold threshold to 800ms before firing theonChangeevent
moonstone/GridListImageItemto properly vertically align when the content varies in sizemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto not scroll by draggingmoonstone/Sliderto not emitonChangeevent whenvaluehas not changedmoonstone/VideoPlayerto focus on available media buttons if the default spotlight component is disabledmoonstone/VideoPlayerto keep media controls visible when interacting with popupsmoonstone/VideoPlayerto read outinfoComponentsaccessibility value whenmoreButtonColoris pressedmoonstone/VideoPlayerto round the time displayed down to the nearest secondmoonstone/VirtualListto restore last focused item correctly
moonstone/DatePickerto correctly change year whenminYearandmaxYeararen't providedmoonstone/EditableIntegerPickermanagement of spotlight pointer modemoonstone/LabeledIconandmoonstone/LabeledIconButtonto have proper spacing and label-alignment with all label positionsmoonstone/Popupto prevent duplicate 5-way navigation whenspotlightRestrict="self-first"moonstone/Scrollernot to scroll to wrong position via 5way navigation in RTL languagesmoonstone/Scrollernot to scroll when focusing in pointer modemoonstone/Sliderto forwardonActivateeventmoonstone/VideoPlayerto reset key down hold when media becomes unavailable
moonstone/Dialogread order of dialog contentsmoonstone/Scrollerto go to next page properly via page up/down keys
moonstone/LabeledIconandmoonstone/LabeledIconButtoncomponents for a lightweightIconorIconButtonwith a labelmoonstone/VideoPlayerpropertynoAutoShowMediaControls
moonstone/Scrollerto prevent scrolling via page up/down keys if there is no spottable component in that directionmoonstone/Dialogto hidetitleBelowwhentitleis not setmoonstone/Imageto suppress drag and drop support by defaultmoonstone/VideoPlayeraudio guidance behavior of More buttonmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto handle focus properly via page up/down keys when switching to 5-way modemoonstone/Popupto spot the content after it's mountedmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll properly via voice control in RTL locales
moonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListoverscroll effect color more recognizable on the focused element
moonstone/ContextualPopupto refocus its activator on close when the popup lacks spottable childrenmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll properly when holding down paging control buttonsmoonstone/ExpandableItemspotlight behavior when leaving the component via 5-waymoonstone/RadioItemcircle thickness to be 2px, matching the designmoonstone/Sliderto correctly prevent 5-way actions when activatedmoonstone/ExpandableItemand other expandable components to spotlight correctly when switching from pointer mode to 5-way withcloseOnSelect
moonstone/Inputto not focus by tab keymoonstone/Pickerto properly set focus when navigating between buttonsmoonstone/Popupto set correct open state while transitioningmoonstone/ProgressBar.ProgressBarTooltipunknown props warningmoonstone/Scrollableto disable spotlight container during flick events only when contents can scrollmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll properly whenanimateis false viascrollTomoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListpage controls to stop propagating an event when the event is handledmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto hide overscroll effect when focus is moved from a disabled paging control button to the opposite buttonmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto show overscroll effect when reaching the edge for the first time by wheelmoonstone/VideoPlayerto display feedback tooltip when pointer leaves slider while playingmoonstone/VirtualListandmoonstone/VirtualGridListto restore focus on items focused by pointer
moonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListsupportdata-webos-voice-focusedanddata-webos-voice-group-label
moonstone/Buttonbuilt-in support for tooltips
moonstone/Spinnerto blur Spotlight when the spinner is active
moonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto handle direction, page up, and page down keys properly on page controls them whenfocusableScrollbaris falsemoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto handle a page up or down key in pointer modemoonstone/VideoPlayer.MediaControlsto correctly handle more button color when the prop is not specifiedVirtualList.VirtualListto handle focus properly when switching to 5-way mode
moonstone/ContextualPopupDecoratorinstance methodpositionContextualPopup()moonstone/MoonstoneDecoratorconfig propertydisableFullscreento prevent the decorator from filling the entire screenmoonstone/ScrollerproponUpdate
moonstone/Scrollableto update scroll properly on pointer clickmoonstone/TooltipDecoratorto prevent unnecessary re-renders when losing focusmoonstone/TooltipDecoratorto not dismiss the tooltip on pointer click
moonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListsupport for scrolling via voice control on webOSmoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListoverscroll effect when the edges are reached
moonstone/DividerpropertymarqueeOndefault value torendermoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListscrollbar button to move a previous or next page when pressing a page up or down key instead of releasing it
moonstone/VideoPlayerto prevent updating state when the source is changed to the preload source, but the current preload source is the samemoonstone/MediaOverlayto marquee correctlymoonstone/MediaOverlayto match UX guidelines
moonstone/DialogpropertiespreserveCaseandshowDivider, replaced bycasingandnoDividerrespectivelymoonstone/DividerpropertypreserveCase, replaced bycasingmoonstone/ExpandableInputpropertyonInputChange, replaced byonChangemoonstone/MoonstoneDecorator.TextSizeDecorator, replaced bymoonstone/MoonstoneDecorator.AccessibilityDecoratormoonstone/Panels.HeaderpropertypreserveCase, replaced bycasingmoonstone/Panels.PanelpropertynoAutoFocus, replaced byautoFocusmoonstone/TooltipDecoratorpropertytooltipPreserveCase, replaced bytooltipCasing
moonstone/VideoPlayerto allow spotlight focus to move left and right fromMediaControlsmoonstone/VideoPlayerto disable bottom controls when loading until it's playable
moonstone/EditableIntegerPickerto disable itself when on a range consisting of a single static valuemoonstone/Pickerto disable itself when containing fewer than two itemsmoonstone/Popupto spot its content correctly whenopenby defaultmoonstone/RangePickerto disable itself when on a range consisting of a single static valuemoonstone/TooltipDecoratorto hide whenonDismisshas been invokedmoonstone/VideoPlayerto show media controls when pressing down in pointer modemoonstone/VideoPlayerto provide a more natural 5-way focus behaviormoonstone/VideoPlayer.MediaControlsto handle left and right key to jump whenmoonstone/VideoPlayeris focused
moonstone/IncrementSliderpropchildrenwhich was no longer supported for setting the tooltip (since 2.0.0-beta.1)
moonstone/ContextualPopupDecoratorto allow focusing components under a popup without any focusable componentsmoonstone/Scrollerordering of logic for Scroller focus to check focus possibilities first then go to fallback at the top of the containermoonstone/Scrollerto check focus possibilities first then go to fallback at the top of the container of focused itemmoonstone/Scrollerto scroll by page when focus was at the edge of the viewportmoonstone/ToggleButtonpadding and orientation for RTLmoonstone/VideoPlayerto not hide title and info section when showing more componentsmoonstone/VideoPlayerto select a position in slider to seek in 5-way modemoonstone/VideoPlayerto show thumbnail only when focused on slider
moonstone/Popup,moonstone/Dialogandmoonstone/NotificationpropertyspotlightRestrictoption'none'moonstone/VideoPlayerproppreloadSource, to be replaced bymoonstone/VideoPlayer.VideoproppreloadSourcemoonstone/Buttonandmoonstone/IconButtonallowed value'opaque'from propbackgroundOpacitywhich was the default and therefore has the same effect as omitting the prop
moonstone/VideoPlayerpropsselectionandonSeekOutsideRangeto support selecting a range and notification of interactions outside of that rangemoonstone/VideoPlayer.Videocomponent to support preloading video sources
moonstone/VideoPlayer.videoComponentprop to default toui/Media.Mediainstead of'video'. As a result, to use a custom video element, one must pass an instance ofui/Mediawith itsmediaComponentprop set to the desired element.
moonstone/ContextualPopupDecoratorto properly stop propagating keydown event if fired from the popup containermoonstone/Sliderto read when knob gains focus or for a change in valuemoonstone/Scrollerto not cut off Expandables when scrollbar appearsmoonstone/VideoPlayerto correctly read out when play button is pressedmoonstone/Dividerto always use a fixed height, regardless of locale
moonstone/Buttonandmoonstone/IconButtonclass namesmallto the list of allowedcssoverridesmoonstone/VideoPlayer.MediaControlspropertyonCloseto handle back keymoonstone/ProgressBarprophighlightedfor when the UX needs to call special attention to a progress bar
moonstone/VideoPlayerto disable media slider when source is unavailable
moonstone/ContextualPopupDecoratorto not set focus to activator when closing if focus was set elsewheremoonstone/IconButtonto allow external customization of vertical alignment of itsIconby settingline-heightmoonstone/Marquee.MarqueeControllerto not cancel valid animationsmoonstone/VideoPlayerfeedback and feedback icon to hide properly on play/pause/fast forward/rewindmoonstone/VideoPlayerto correctly focus to default media controls componentmoonstone/VideoPlayerto close opened popup components when media controls hidemoonstone/VideoPlayerto show controls on mount and when playing next preload video
moonstone/SelectableItem.SelectableItemDecorator
moonstone/ToggleItemto forward native events ononFocusandonBlurmoonstone/Inputandmoonstone/ExpandableInputto support forwarding valid<input>props to the contained<input>nodemoonstone/ToggleButtonto fireonTogglewhen toggled
moonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto scroll properly with all enabled items via a page up or down keymoonstone/VirtualList.VirtualList,moonstone/VirtualList.VirtualGridList, andmoonstone/Scroller.Scrollerto ignore any user key events in pointer modemoonstone/VirtualList.VirtualList,moonstone/VirtualList.VirtualGridList, andmoonstone/Scroller.Scrollerto passdata-spotlight-container-disabledprop to their outer DOM elementmoonstone/Imageso it automatically swaps thesrcto the appropriate resolution dynamically as the screen resizesmoonstone/Popupto support allspotlightRestrictoptionsmoonstonecomponentdisabledcolors to match the most recent design guidelines (from 30% to 60% opacity)moonstone/ExpandableInputspotlight behavior when leaving the component via 5-way
moonstone/IconButtonto allow theme-style customization, like it claimed was possiblemoonstone/ExpandableItemand related expandables to deal with disabled items and theautoClose,lockBottomandnoLockBottompropsmoonstone/Slidernot to fireonChangeevent when 5-ways out of boundarymoonstone/ToggleButtonlayout for RTL localesmoonstone/Item,moonstone/SlotItem,moonstone/ToggleItemto not apply duplicateclassNamevaluesmoonstone/VirtualList.VirtualList,moonstone/VirtualList.VirtualGridList, andmoonstone/Scroller.Scrollerscrollbar button's aria-label in RTLmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto scroll properly with all disabled itemsmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto not scroll on focus when jumping
moonstone/IncrementSliderandmoonstone/SliderpropstooltipAsPercent,tooltipSide, andtooltipForceSide, to be replaced bymoonstone/IncrementSlider.IncrementSliderTooltipandmoonstone/Slider.SliderTooltippropspercent, andsidemoonstone/IncrementSliderpropsdetachedKnob,onDecrement,onIncrement, andscrubbingmoonstone/ProgressBarpropstooltipSideandtooltipForceSide, to be replaced bymoonstone/ProgressBar.ProgressBarTooltippropsidemoonstone/SliderpropsdetachedKnob,onDecrement,onIncrement,scrubbing, andonKnobMovemoonstone/VideoPlayerpropertytooltipHideDelaymoonstone/VideoPlayerpropsbackwardIcon,forwardIcon,initialJumpDelay,jumpBackwardIcon,jumpButtonsDisabled,jumpDelay,jumpForwardIcon,leftComponents,moreButtonCloseLabel,moreButtonColor,moreButtonDisabled,moreButtonLabel,no5WayJump,noJumpButtons,noRateButtons,pauseIcon,playIcon,rateButtonsDisabled, andrightComponents, replaced by corresponding props onmoonstone/VideoPlayer.MediaControlsmoonstone/VideoPlayerpropsonBackwardButtonClick,onForwardButtonClick,onJumpBackwardButtonClick,onJumpForwardButtonClick, andonPlayButtonClick, replaced byonRewind,onFastForward,onJumpBackward,onJumpForward,onPause, andonPlay, respectively
moonstone/DatePickerpropsdayAriaLabel,dayLabel,monthAriaLabel,monthLabel,yearAriaLabelandyearLabelto configure the label set on date pickersmoonstone/DayPickerandmoonstone/DaySelectorpropsdayNameLength,everyDayText,everyWeekdayText, andeveryWeekendTextmoonstone/ExpandablePickerpropscheckButtonAriaLabel,decrementAriaLabel,incrementAriaLabel, andpickerAriaLabelto configure the label set on each button and pickermoonstone/MediaOverlaycomponentmoonstone/Pickerpropsaria-label,decrementAriaLabel, andincrementAriaLabelto configure the label set on each buttonmoonstone/PopuppropertycloseButtonAriaLabelto configure the label set on popup close buttonmoonstone/ProgressBar.ProgressBarTooltippropspercentto format the value as a percent andvisibleto control display of the tooltipmoonstone/TimePickerpropshourAriaLabel,hourLabel,meridiemAriaLabel,meridiemLabel,minuteAriaLabel, andminuteLabelto configure the label set on time pickersmoonstone/VideoPlayer.MediaControlscomponent to support additional customization of the playback controlsmoonstone/VideoPlayerpropsmediaControlsComponent,onRewind,onFastForward,onJumpBackward,onJumpForward,onPause,onPlay, andpreloadSourcemoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListrole="list"moonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListpropwrapto support wrap-around spotlight navigationmoonstone/VirtualList,moonstone/VirtualGridListandmoonstone/ScrollerpropsscrollRightAriaLabel,scrollLeftAriaLabel,scrollDownAriaLabel, andscrollUpAriaLabelto configure the aria-label set on scroll buttons in the scrollbars
moonstone/IncrementSliderandmoonstone/Sliderproptooltipto support either a boolean for the default tooltip or an element or component for a custom tooltipmoonstone/Inputto prevent pointer actions on other component when the input has focusmoonstone/ProgressBar.ProgressBarTooltippropsideto support either locale-aware or locale-independent positioningmoonstone/ProgressBar.ProgressBarTooltipproptooltipto support custom tooltip componentsmoonstone/Scroller,moonstone/Picker, andmoonstone/IncrementSliderto retain focus onmoonstone/IconButtonwhen it becomes disabled
moonstone/ExpandableItemand related expandable components to expand smoothly when used in a scrollermoonstone/GridListImageItemto show properplaceholderandselectionOverlaymoonstone/MoonstoneDecoratorto optimize localized font loading performancemoonstone/Scrollerandmoonstone/VirtualListnavigation via 5-way from paging controlsmoonstone/VideoPlayerto render bottom controls at idle after mountingmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto give initial focusmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto have the default value fordataSize,pageScroll, andspacingprops
moonstone/PanelspropertycloseButtonAriaLabelto configure the label set on application close button
moonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto set its ARIAroleto"list"moonstone/VideoPlayerpropertytitleto accept node type
moonstone/TimePickerto showmeridiemcorrectly in all localesmoonstone/Scrollablescroll buttons to read out out audio guidance when button pressed downmoonstone/ExpandableItemto show label properly when open and disabledmoonstone/Notificationto position properly in RTL localesmoonstone/VideoPlayerto show controls when pressing 5-way select
moonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListpropdatato eliminate the misunderstanding caused by the ambiguity ofdata
moonstone/VideoPlayerpropertynoSpinnerto allow apps to show/hide spinner while loading video
moonstone/VideoPlayerto disable play/pause button when media controls are disabledmoonstone/VideoPlayerpropertymoreButtonColorto allow setting underline colors for more buttonmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListpropisItemDisabled, which accepts a function that checks if the item at the supplied index is disabledmoonstone/Panels.Headersupport forheaderInputso the Header can be used as an Input. See documentation for usage examples.moonstone/ProgressBarpropertytooltipSideto configure tooltip position relative to the progress barmoonstone/ProgressBarcolors (affectingmoonstone/Slideras well) for light and dark theme to match the latest designs and make them more visible when drawn over arbitrary background colors
moonstone/VideoPlayerto correctly adjust spaces when the number of components changes inleftComponentsandrightComponentsmoonstone/VideoPlayerto read out audio guidance every timesourcechangesmoonstone/VideoPlayerto display custom thumbnail nodemoonstone/VideoPlayerto hide more icon when right components are removedmoonstone/Pickerto correctly update pressed state when dragging off buttonsmoonstone/Notificationto display when it's openedmoonstone/VirtualListandmoonstone/VirtualGridListto show Spotlight properly while navigating with page up and down keysmoonstone/Inputto allow navigating via left or right to other components when the input is active and the selection is at start or end of the text, respectivelymoonstone/Panels.ActivityPanelsto correctly lay out the existing panel after adding additional panels
moonstone/SliderexportsSliderFactoryandSliderBaseFactorymoonstone/IncrementSliderexportsIncrementSliderFactoryandIncrementSliderBaseFactorymoonstone/ProgressBar,moonstone/Slider,moonstone/Slider.SliderTooltip,moonstone/IncrementSlidercomponents'verticalproperty and replaced it withorientation
moonstone/VideoPlayerpropertycomponentto handle custom video elementmoonstone/IncrementSliderpropertiesincrementAriaLabelanddecrementAriaLabelto configure the label set on each buttonmoonstone/Inputsupport forsmallpropmoonstone/ProgressBarsupport fortooltipandtooltipForceSidemoonstone/ProgressBar,moonstone/Slider,moonstone/Slider.SliderTooltip,moonstone/IncrementSliderpropertyorientationto accept orientation strings like "vertical" and "horizontal" (replaced oldverticalprop)
moonstone/Inputinputheight,vertical-align, andmargins. Please verify your layouts to ensure everything lines up correctly; this change may require removal of old sizing and positioning CSS which is no longer necessary.moonstone/FormCheckboxto have a small border around the circle, according to new GUI designsmoonstone/RadioItemdot size and added an inner-dot to selected-focused state, according to new GUI designsmoonstone/ContextualPopupproppopupContainerIdtopopupSpotlightIdmoonstone/PopuppropcontainerIdtospotlightIdmoonstone/VideoPlayerpropcontainerIdtospotlightIdmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListpropcomponentto be replaced byitemRenderer
moonstone/ExpandableItemto be more performant when animatingmoonstone/GridListImageItemto hide overlay checkmark icon on focus when unselectedmoonstone/GridListImageItemto useui/GridListImageItemmoonstone/VirtualList,moonstone/VirtualGridListandmoonstone/Scrollercomponents to use their base UI componentsmoonstone/VirtualListto show the selected state on hovered paging controls properlymoonstone/Sliderto highlight knob when selectedmoonstone/Sliderto handle updates to itsvalueprop correctlymoonstone/ToggleItemto accept HTML DOM node tag names as strings for itscomponentpropertymoonstone/Popupto properly pause and resume spotlight when animating
moonstone/Marquee.MarqueeText, replaced bymoonstone/Marquee.Marqueemoonstone/VirtualGridList.GridListImageItem, replaced bymoonstone/GridListImageItem
moonstone/Marquee.Marqueeto bemoonstone/Marquee.MarqueeBasemoonstone/ContextualPopupDecoratorto not restore last-focused childmoonstone/ExpandableListto restore focus to the first selected item after opening
moonstone/Sliderto correctly show localized percentage value in tooltip whentooltipAsPercentis truemoonstone/VirtualGridListto show or hide its scrollbars properlymoonstone/Buttontext to be properly centeredmoonstone/Inputto not clip some glyphs at the start of the value
moonstone/SlotItemreplacingmoonstone/Item.ItemOverlay
moonstone/VirtualFlexListto be replaced byui/VirtualFlexListmoonstone/Buttonandmoonstone/IconButtonpropnoAnimationmoonstone/Item.OverlayDecorator,moonstone/Item.Overlay, andmoonstone/Item.ItemOverlayto be replaced bymoonstone/SlotItem
moonstone/Marqueeto do less-costly calculations during measurement and optimized the applied stylesmoonstone/ExpandableListto require a unique key for each object type data
moonstone/VirtualListto render properly with fiber reconcilermoonstone/VirtualListfocus option in scrollTo apimoonstone/ExpandableSpotlightDecoratorto not spot the title upon collapse when inpointerModemoonstone/Spinnerto not unpause Spotlight unless it was the one to pause itmoonstone/Marqueeto stop when becoming disabledmoonstone/Input,moonstone/MarqueeDecorator, andmoonstone/Sliderto prevent unnecessary focus-based updates
moonstone/Scrollerandmoonstone/VirtualListoptionindexToFocusinscrollTomethod which is deprecated from 1.2.0moonstone/Scrollerpropshorizontalandverticalwhich are deprecated from 1.3.0 and replaced withdirectionpropmoonstone/ButtonexportsButtonFactoryandButtonBaseFactorymoonstone/IconButtonexportsIconButtonFactoryandIconButtonBaseFactory
moonstone/MoonstoneDecoratorroot node to fill the entire space available, which simplifies positioning and sizing for child elements (previously always measured 0 in height)moonstone/VirtualListto prevent infinite function call when a size of contents is slightly longer than a client size without a scrollbarmoonstone/VirtualListto sync scroll position when clientSize changed
No significant changes.
moonstone/Button,moonstone/Checkbox,moonstone/FormCheckbox,moonstone/IconButton,moonstone/IncrementSlider,moonstone/Item,moonstone/Picker, andmoonstone/RangePicker,moonstone/Switchandmoonstone/VideoPlayerto useui/Touchable
moonstone/Marquee.Marquee, to be moved tomoonstone/Marquee.MarqueeBasein 2.0.0moonstone/Marquee.MarqueeText, to be moved tomoonstone/Marquee.Marqueein 2.0.0
moonstone/GridListImageItemto display correctly
moonstone/VirtualFlexList, to be replaced byui/VirtualFlexListin 2.0.0moonstone/VirtualGridList.GridListImageItem, to be replaced bymoonstone/GridListImageItemin 2.0.0moonstone/Buttonandmoonstone/IconButtonpropnoAnimation, to be removed in 2.0.0moonstone/Button.ButtonFactory,moonstone/Button.ButtonBaseFactory,moonstone/IconButton.IconButtonFactory,moonstone/IconButton.IconButtonBaseFactory,moonstone/IncrementSlider.IncrementSliderFactory,moonstone/IncrementSlider.IncrementSliderBaseFactory,moonstone/Slider.SliderFactory, andmoonstone/Slider.SliderBaseFactory, to be removed in 2.0.0moonstone/Item.ItemOverlay, to be replaced byui/SlotItemin 2.0.0moonstone/Item.Overlayandmoonstone/Item.OverlayDecorator, to be removed in 2.0.0
moonstone/DaySelectorcomponentmoonstone/EditableIntegerPickercomponentmoonstone/GridListImageItemcomponent
moonstone/DatePickerto calculate min and max year in the current calender
moonstone/TimePickerto not read out meridiem label when meridiem picker gets a focusmoonstone/Scrollerto correctly update scrollbars when the scroller's contents change
moonstone/Panelsto maintain spotlight focus whennoAnimationis setmoonstone/Panelsto not accept back key presses during transitionmoonstone/Panelsto revert 1.13.0 fix that blurred Spotlight when transitioning panelsmoonstone/Scrollerand other scrolling components to not show scroll thumb when only child item is updatedmoonstone/Scrollerand other scrolling components to not hide scroll thumb immediately after scroll position reaches the top or the bottommoonstone/Scrollerand other scrolling components to show scroll thumb properly when scroll position reaches the top or the bottom by paging controls
moonstone/Sliderto not unnecessarily fireonChangeif the initial value has not changed
moonstone/VideoPlayerpropsdisabled,loading,miniFeedbackHideDelay, andthumbnailComponentas well as new APIs:areControlsVisible,getVideoNode,showFeedback, andtoggleControls
moonstone/VirtualListto render items from a correct index on edge cases at the top of a listmoonstone/VirtualListto handle focus properly via page up at the first page and via page down at the last pagemoonstone/Expandableand derivatives to use the newease-out-quartanimation timing function to better match the aesthetic of Enyo's Expandablesmoonstone/TooltipDecoratorto correctly display tooltip direction when locale changesmoonstone/Marqueeto restart animation on every resize updatemoonstone/LabeledItemto start marquee when hovering while disabledmoonstone/Marqueeto correctly start when hovering on disabled spottable componentsmoonstone/Marquee.MarqueeControllerto not abort marquee when moving among componentsmoonstone/Pickermarquee issues with disabled buttons or Pickermoonstone/Panelsto prevent loss of spotlight issue when moving between panelsmoonstone/VideoPlayerto bring it in line with real-world use-casesmoonstone/Sliderby removing unnecessary repaints to the screenmoonstone/Sliderto fireonChangeevents when the knob is pressed near the boundariesmoonstone/VideoPlayerto correctly position knob when interacting with media slidermoonstone/VideoPlayerto not read out the focused button when the media controls hidemoonstone/MarqueeDecoratorto stop when unhovering a disabled component usingmarqueeOn'focus'moonstone/Sliderto not forwardonChangewhendisabledonmouseUp/clickmoonstone/VideoPlayerto defer rendering playback controls until needed
moonstone/VirtualListto scroll and focus properly by pageUp and pageDown when disabled items are in itmoonstone/Buttonto correctly specify minimum width when in large text modemoonstone/Scrollerand other scrolling components to restore last focused index when panel is changedmoonstone/VideoPlayerto display time correctly in RTL localemoonstone/VirtualListto scroll correctly using page down key with disabled itemsmoonstone/Scrollerand other scrolling components to not cause a script error when scrollbar is not renderedmoonstone/Pickerincrementer and decrementer to not change size when focusedmoonstone/Panels.Headerto use a slightly smaller font size fortitlein non-latin locales and a line-height fortitleBelowandsubTitleBelowthat better meets the needs of tall-glyph languages like Tamil and Thai, as well as latin localesmoonstone/Scrollerandmoonstone/VirtualListto keep spotlight when pressing a 5-way control while scrollingmoonstone/Panelsto prevent user interaction with panel contents during transitionmoonstone/Sliderand related components to correctly position knob fordetachedKnobon mouse down and fire value where mouse was positioned on mouse upmoonstone/DayPickerto update day names when changing localemoonstone/ExpandableItemand all otherExpandablecomponents to revert 1.12.1 change to pull down from the top
moonstone/ExpandableItemand all otherExpandablecomponents to now pull down from the top instead of being revealed from the bottom, matching Enyo's designmoonstone/VirtualListNativeto scroll properly with page up/down keys if there is a disabled itemmoonstone/RangePickerto display negative values correctly in RTLmoonstone/Scrollerand other scrolling components to not blur scroll buttons when wheelingmoonstone/Scrollbarto hide scroll thumb immediately without delay after scroll position reaches min or maxmoonstone/Dividerto passmarqueeOnpropmoonstone/Sliderto fireonChangeon mouse up and key upmoonstone/VideoPlayerto show knob when pressedmoonstone/Panels.Headerto layouttitleBelowandsubTitleBelowcorrectlymoonstone/Panels.Headerto use correct font-weight forsubTitleBelowmoonstone/VirtualListto restore focus correctly for lists only slightly larger than the viewport
moonstone/Scrollerand other scrolling components to prevent focusing outside the viewport when pressing a 5-way key during wheelingmoonstone/Scrollerto called scrollToBoundary once when focus is moved using holding child itemmoonstone/VideoPlayerto apply skin correctlymoonstone/Popupfromlast-focusedtodefault-elementinSpotlightContainerDecoratorconfigmoonstone/Panelsto retain focus when back key is pressed on breadcrumbmoonstone/Inputto correctly hide VKB when dismissing
moonstone/VideoPlayerpropertiesseekDisabledandonSeekFailedto disable seek function
moonstone/ExpandableListto becomedisabledif there are no children
moonstone/Pickerto read out customized accessibility value when picker prop hasjoinedandaria-valuetextmoonstone/Scrollerto apply scroll position on vertical or horizontal Scroller when child gets a focusmoonstone/Scrollerand other scrolling components to scroll without animation when panel is changedmoonstone/ContextualPopuppadding to not overlap close buttonmoonstone/Scrollerand other scrolling components to change focus via page up/down only when the scrollbar is visiblemoonstone/Pickerto only increment one value on holdmoonstone/ItemOverlayto remeasure when focused
moonstone/Scrollerand other scrolling components to scroll via page up/down when focus is inside a Spotlight containermoonstone/VirtualListandmoonstone/VirtualGridListto scroll by 5-way keys right after wheelingmoonstone/VirtualListnot to move focus when a current item and the last item are located at the same line and pressing a page down keymoonstone/Sliderknob to follow while dragging for detached knobmoonstone/Panels.Headerto layout header row correctly instandardtypemoonstone/Inputto not dismiss on-screen keyboard when dragging cursor out of input boxmoonstone/Panels.HeaderRTLline-heightissuemoonstone/Panelsto render children on idlemoonstone/Scrollerand other scrolling components to limit muted spotlight container scrims to their boundsmoonstone/Inputto always forwardonKeyUpevent
moonstone/VideoPlayersupport for designating components with.spottable-defaultas the default focus target when pressing 5-way down from the slidermoonstone/SliderpropertyactivateOnFocuswhich when enabled, allows 5-way directional key interaction with theSlidervalue without pressing [Enter] firstmoonstone/VideoPlayerpropertynoMiniFeedbackto support controlling the visibility of mini feedbackui/Layout, which provides a technique for laying-out components on the screen usingCells, in rows or columns
moonstone/Popupto focus on mount if it’s initially opened and non-animating and to always pass an object toonHideandonShowmoonstone/VideoPlayerto emitonScrubevent and provide audio guidance when setting focus to slider
moonstone/ExpandableItemand derivatives to restore focus to the Item if the contents were last focused when closedmoonstone/Slidertoggling activated state when holding enter/select keymoonstone/TimePickerpicker icons shifting slightly when focusing an adjacent pickermoonstone/Iconso it handles color the same way generic text does, by inheriting from the parent's color. This applies to all instances ofIcon,IconButton, andIconinsideButton.moonstone/fontsMuseo Sans font to correct "Ti" kerningmoonstone/VideoPlayerto correctly position knob on mouse clickmoonstone/Panels.Headerto show an ellipsis for long titles with RTL textmoonstone/Marqueeto restart when invalidated by a prop change and managed by amoonstone/Marquee.MarqueeControllerspotlight.Spotlightmethodfocus()to verify that the target element matches its container's selector rules prior to setting focusmoonstone/Pickerto only change picker valuesonWheelwhen spottedmoonstone/VideoPlayerto hide descendant floating components (tooltips, contextual popups) when the media controls hide
moonstone/Buttonproperty value tobackgroundOpacitycalled "lightTranslucent" to better serve colorful image backgrounds behind Buttons. This also affectsmoonstone/IconButtonandmoonstone/Panels/ApplicationCloseButton.moonstone/PanelspropertycloseButtonBackgroundOpacityto supportmoonstone/Panels/ApplicationCloseButton'sbackgroundOpacityprop
Moonstone Iconsfont file to include the latest designs for several iconsmoonstone/Panels/ApplicationCloseButtonto expose itsbackgroundOpacityprop
moonstone/VirtualListto apply "position: absolute" inline style to itemsmoonstone/Pickerto increment and decrement normally at the edges of joined pickermoonstone/Iconnot to read out image charactersmoonstone/Scrollerand other scrolling components to not accumulate paging scroll by pressing page up/down in scrollbarmoonstone/Iconto correctly display focused state when using external imagemoonstone/Buttonandmoonstone/IconButtonto be properly visually muted when in a muted container
moonstone/ExpandableListpreventing updates when its children had changed
moonstone/ExpandableListrun-time error when using an array of objects as childrenmoonstone/VideoPlayerblocking pointer events when the controls were hidden
moonstone/styles/mixins.lessmixins:.moon-spotlight-margin()and.moon-spotlight-padding()moonstone/ButtonpropertynoAnimationto support non-animating pressed visual
moonstone/TimePickerto use "AM/PM" instead of "meridiem" for label under meridiem pickermoonstone/IconButtondefault style to not animate on press. NOTE: This behavior will change back to its previous setting in release 2.0.0.moonstone/Popupto warn when usingscrimType'none'andspotlightRestrict'self-only'moonstone/Scrollerto block spotlight during scrollmoonstone/ExpandableItemand derivatives to always pause spotlight before animation
moonstone/VirtualGridListto not move focus to wrong column when scrolled from the bottom by holding the "up" keymoonstone/VirtualListto focus an item properly when moving to a next or previous pagemoonstone/Scrollerand other scrolling components to move focus toward first or last child when page up or down key is pressed if the number of children is smallmoonstone/VirtualListto scroll to preserved index when it exists within dataSize for preserving focusmoonstone/Pickerbuttons to not change sizemoonstone/Panelto move key navigation to application close button on holding the "up" key.moonstone/Pickerto show numbers when changing values rapidlymoonstone/Popuplayout in large text mode to show close button correctlymoonstone/Pickerfrom moving scroller when pressing 5-way keys injoinedPickermoonstone/Inputso it displays all locales the same way, without cutting off the edges of charactersmoonstone/TooltipDecoratorto hide tooltip when 5-way keys are pressed for disabled componentsmoonstone/Pickerto not tremble in width when changing values while using a numeric width prop valuemoonstone/Pickerto not overlap values when changing values inverticalmoonstone/ContextualPopuppointer mode focus behavior forspotlightRestrict='self-only'moonstone/VideoPlayerto prevent interacting with more components in pointer mode when hiddenmoonstone/Scrollerto not repaint its entire contents whenever partial content is updatedmoonstone/Sliderknob positioning after its container is resizedmoonstone/VideoPlayerto maintain focus when media controls are hiddenmoonstone/Scrollerto scroll expandable components into view when opening when pointer has moved elsewhere
moonstone/DialogpropertyshowDivider, will be replaced bynoDividerproperty in 2.0.0
moonstone/Popupcallback propertyonShowwhich fires after popup appears for both animating and non-animating popups
moonstone/Popupcallback propertyonHideto run on both animating and non-animating popupsmoonstone/VideoPlayerstateplaybackRateto media eventsmoonstone/VideoPlayersupport forspotlightDisabledmoonstone/VideoPlayerthumbnail positioning and stylemoonstone/VirtualListto render when dataSize increased or decreasedmoonstone/Dialogstylemoonstone/Popup,moonstone/Dialog, andmoonstone/Notificationto supportnodetype for childrenmoonstone/Scrollerto forwardonKeyDownevents
moonstone/Scrollerand other scrolling components to enable focus when wheel scroll is stoppedmoonstone/VirtualListto show scroll thumb when a preserved item is focused in a Panelmoonstone/Scrollerto navigate properly with 5-way when expandable child is openedmoonstone/VirtualListto stop scrolling when focus is moved on an item from paging controls or outsidemoonstone/VirtualListto move out with 5-way navigation when the first or the last item is disabledmoonstone/IconButtonTooltip position when disabledmoonstone/VideoPlayerTooltip time after unhoveringmoonstone/VirtualListto not show invisible itemsmoonstone/IconButtonTooltip position when disabledmoonstone/VideoPlayerto display feedback tooltip correctly when navigating in 5-waymoonstone/MarqueeDecoratorto work with synchronizedmarqueeOn'render'and hovering as well asmarqueOn'hover'when moving rapidly among synchronized marqueesmoonstone/Inputaria-label for translationmoonstone/Marqueeto recalculate insidemoonstone/Scrollerandmoonstone/SelectableItemby bypassingshouldComponentUpdatemoonstone/Pickerto marquee when incrementing and decrementing values with the propnoAnimation
moonstone/TextSizeDecoratorand it will be replaced bymoonstone/AccessibilityDecoratormoonstone/MarqueeDecoratorpropertymarqueeCenteredandmoonstone/Marqueepropertycenteredwill be replaced byalignmentproperty in 2.0.0
moonstone/TooltipDecoratorconfig property to direct tooltip into a property instead of adding tochildrenmoonstone/VideoPlayerpropthumbnailUnavailableto fade thumbnailmoonstone/AccessibilityDecoratorwithhighContrastandtextSizemoonstone/VideoPlayerhigh contrast scrimmoonstone/MarqueeDecoratorandmoonstone/Marqueepropertyalignmentto allow setting alignment of marquee content
moonstone/Scrollbarto disable paging control down button properly at the bottom when a scroller size is a non-integer valuemoonstone/VirtualList,moonstone/VirtualGridList, andmoonstone/Scrollerto scroll onkeydownevent instead ofkeyupevent of page up and page down keysmoonstone/VirtualGridListto scroll by item via 5 way keymoonstone/VideoPlayerto read target time when jump by left/right keymoonstone/IconButtonto not useMarqueeDecoratorandUppercase
moonstone/VirtualListandmoonstone/VirtualGridListto focus the correct item when page up and page down keys are pressedmoonstone/VirtualListto not lose focus when moving out from the first item via 5way when it has disabled itemsmoonstone/Sliderto align tooltip with detached knobmoonstone/FormCheckboxto display correct colors in light skinmoonstone/Pickerandmoonstone/RangePickerto forwardonKeyDownevents when notjoinedmoonstone/SelectableItemto display correct icon width and alignmentmoonstone/LabeledItemto always match alignment with the localemoonstone/Scrollerto properly 5-way navigate from scroll buttonsmoonstone/ExpandableListto display correct font weight and size for list itemsmoonstone/Dividerto not italicize in non-italic localesmoonstone/VideoPlayerslider knob to follow progress after being selected when seekingmoonstone/LabeledItemto correctly position its icon. This affects all of theExpandables,moonstone/DatePickerandmoonstone/TimePicker.moonstone/Panels.Headerandmoonstone/Itemto prevent them from allowing their contents to overflow unexpectedlymoonstone/Marqueeto recalculate when vertical scrollbar appearsmoonstone/SelectableItemto recalculate marquee when toggled
moonstone/Inputlarge-text mode
moonstone/Iconandmoonstone/IconButtonto no longer fit image source to the icon's boundary
moonstone/VideoPlayerability to seek when holding down the right and left keys. Sensitivity can be adjusted using throttling optionsjumpDelayandinitialJumpDelay.moonstone/VideoPlayerpropertyno5WayJumpto disable jumping done by 5-waymoonstone/VideoPlayersupport for the "More" button to use tooltipsmoonstone/VideoPlayerpropertiesmoreButtonLabelandmoreButtonCloseLabelto allow customization of the "More" button's tooltip and Aria labelsmoonstone/VideoPlayerpropertymoreButtonDisabledto disable the "More" buttonmoonstone/Pickerandmoonstone/RangePickerproparia-valuetextto support reading custom text instead of valuemoonstone/VideoPlayermethodsshowControlsandhideControlsto allow external interaction with the playermoonstone/Scrollersupport for Page Up/Page Down keys in pointer mode when no item has focus
moonstone/VideoPlayerto handle play, pause, stop, fast forward and rewind on remote controllermoonstone/Marqueeto also start when hovered ifmarqueeOnRenderis set
moonstone/IconButtonto fit image source withinIconButtonmoonstoneicon font sizes for wide iconsmoonstone/ContextualPopupDecoratorto prefer setting focus to the appropriate popup instead of other underlying controls when using 5-way from the activating controlmoonstone/Scrollernot scrolled via 5 way whenmoonstone/ExpandableListis openedmoonstone/VirtualListto not let the focus move outside of container even if there are children left when navigating with 5waymoonstone/Scrollerand other scrolling components to update disability of paging controls when the scrollbar is set tovisibleand the content becomes shortermoonstone/VideoPlayerto focus on hover over play/pause button when video is loadingmoonstone/VideoPlayerto update and display proper time while moving knob when video is pausedmoonstone/VideoPlayerlong title overlap issuesmoonstone/Panels.Headerto applymarqueeOnprop tosubTitleBelowandtitleBelowmoonstone/Pickerwheeling inmoonstone/Scrollermoonstone/IncrementSliderandmoonstone/Pickerto read value changes when selecting buttons
moonstone/Sliderandmoonstone/IncrementSliderproparia-valuetextto support reading custom text instead of valuemoonstone/TooltipDecoratorpropertytooltipPropsto attach props to tooltip componentmoonstone/Scrollerandmoonstone/VirtualListability to scroll via page up and page down keysmoonstone/VideoPlayertooltip-thumbnail support with thethumbnailSrcprop and theonScrubcallback to fire when the knob moves and a new thumbnail is neededmoonstone/VirtualListability to navigate via 5way when there are disabled itemsmoonstone/ContextualPopupDecoratorpropertypopupContainerIdto support configuration of the popup's spotlight containermoonstone/ContextualPopupDecoratorpropertyonOpento notify containers when the popup has been openedmoonstone/ContextualPopupDecoratorconfig optionopenPropto support mapping the value ofopenproperty to the chosen property of wrapped component
moonstone/ExpandableListto use 'radio' as the default, and adapt 'single' mode to render as amoonstone/RadioIteminstead of amoonstone/CheckboxItemmoonstone/VideoPlayerto not hide pause icon when it appearsmoonstone/ContextualPopupDecoratorto set accessibility-related props onto the container node rather than the popup nodemoonstone/ExpandableItem,moonstone/ExpandableList,moonstone/ExpandablePicker,moonstone/DatePicker, andmoonstone/TimePickerto pause spotlight when animating in 5-way modemoonstone/Spinnerto position the text content under the spinner, rather than to the right sidemoonstone/VideoPlayerto include hour when announcing the time while scrubbingmoonstone/GridListImageItemto require asourceprop and not have a default value
moonstone/Inputellipsis to show if placeholder is changed dynamically and is too longmoonstone/Marqueeto re-evaluate RTL orientation when its content changesmoonstone/VirtualListto restore focus on short listsmoonstone/ExpandableInputto expand the width of its containedmoonstone/Inputmoonstone/Inputsupport fordismissOnEntermoonstone/Inputfocus management to prevent stealing focus when programmatically moved elsewheremoonstone/Input5-way spot behaviormoonstoneinternational fonts to always be used, even when unsupported font-weights or font-styles are requestedmoonstone/Panels.Panelsupport for selecting components with.spottable-defaultas the default focus targetmoonstone/Panelslayout in RTL localesmoonstonespottable components to supportonSpotlightDown,onSpotlightLeft,onSpotlightRight, andonSpotlightUpevent propertymoonstone/VirtualListlosing spotlight when the list is emptymoonstone/FormCheckboxin focused state to have the correct "check" colormoonstone/Scrollerand other scrolling components' bug innavigableFilterwhen passed a container id
moonstone/Popupto only callonKeyDownwhen there is a focused item in thePopupmoonstone/Scroller,moonstone/Picker, andmoonstone/IncrementSliderto automatically move focus when the currently focusedmoonstone/IconButtonbecomes disabled
moonstone/ContextualPopupDecoratorclose button to account for large text sizemoonstone/ContextualPopupDecoratorto not spot controls other than its activator when navigating out via 5-waymoonstone/Panels.Headerto set the value ofmarqueeOnfor all types of headers
moonstone/InputpropnoDecoratoris being replaced byautoFocusin 2.0.0
moonstone/Scrollbarpropertycornerto add the corner between vertical and horizontal scrollbarsmoonstone/ScrollThumbfor a thumb ofmoonstone/Scrollbarmoonstone/styles/text.lessmixin.locale-japanese-line-break()to apply the correct Japanese language line-break rules for the following multi-line components:moonstone/BodyText,moonstone/Dialog,moonstone/Notification,moonstone/Popup, andmoonstone/Tooltipmoonstone/ContextualPopupDecoratorpropertypopupPropsto attach props to popup componentmoonstone/VideoPlayerpropertypauseAtEndto control forward/backward seekingmoonstone/Panels/HeaderpropmarqueeOnto control marquee of header
moonstone/Panels/Headerto expose itsmarqueeOnpropmoonstone/VideoPlayerto automatically adjust the width of the allocated space for the side components so the media controls have more space to appear on smaller screensmoonstone/VideoPlayerpropertiesautoCloseTimeoutandtitleHideDelaydefault value to5000moonstone/VirtualListto support restoring focus to the last focused itemmoonstone/Scrollerand other scrolling components to callonScrollStopbefore unmounting if a scroll is in progressmoonstone/Scrollerto reveal non-spottable content when navigating out of a scroller
moonstone/Dialogto properly focus via pointer on child componentsmoonstone/VirtualList,moonstone/VirtualGridList, andmoonstone/Scrollernot to be slower when scrolled to the first or the last position by wheelingmoonstonecomponent hold delay timemoonstone/VideoPlayerto show its controls when pressing down the first timemoonstone/PanelautoFocus logic to only focus on initial rendermoonstone/Inputtext colorsmoonstone/ExpandableInputto focus its decorator when leaving by 5-way left/right
moonstone/Pickersupport for large textmoonstone/Scrollersupport for focusing paging controls with the pointermoonstoneCSS rules for unskinned spottable components
moonstone/Scrollerpropshorizontalandvertical. Deprecated props are replaced withdirectionprop.horizontalandverticalwill be removed in 2.0.0.moonstone/PanelpropnoAutoFocusin favor ofautoFocus="none"
moonstone/Imagesupport forchildrenprop inside imagesmoonstone/Scrollerpropdirectionwhich replaceshorizontalandverticalpropsmoonstone/VideoPlayerpropertytooltipHideDelayto hide tooltip with a given amount of timemoonstone/VideoPlayerpropertypauseAtEndto pause when it reaches either the start or the end of the videomoonstone/VideoPlayermethodsfastForward,getMediaState,jump,pause,play,rewind, andseekto allow external interaction with the player. See docs for example usage.
moonstone/Skinnableto support context and allow it to be added to any component to be individually skinned. This includes a further optimization in skinning which consolidates all color assignments into a single block, so non-color rules aren't unnecessarily duplicated.moonstone/Skinnablelight and dark skin names ("moonstone-light" and "moonstone") to "light" and "dark", respectivelymoonstone/VideoPlayerto set play/pause icon to display "play" when rewinding or fast forwardingmoonstone/VideoPlayerto rewind or fast forward when previous command is slow-forward or slow-rewind respectivelymoonstone/VideoPlayerto fast forward when previous command is slow-forward and it reaches the last of its play ratemoonstone/VideoPlayerto not play video on reload whennoAutoPlayistruemoonstone/VideoPlayerpropertyfeedbackHideDelay's default value to3000moonstone/Notificationto break line in characters in ja and zh localemoonstone/Notificationto align texts left in LTR locale and right in RTL localemoonstone/VideoPlayerto simulate rewind functionality on non-webOS platforms only
moonstone/ExpandableItemto correct thetitleIconwhen usingopenanddisabledmoonstone/GridListImageItemto center its selection icon on the image instead of the itemmoonstone/Inputto have correctTooltipposition inRTLmoonstone/SwitchItemto not unintentionally overflowScrollercontainers, causing them to jump to the side when focusingmoonstone/VideoPlayerto fast forward properly when video is at paused statemoonstone/VideoPlayerto correctly change sourcesmoonstone/VideoPlayerto show or hide feedback tooltip properlymoonstone/DateTimeDecoratorto work properly withRadioControllerDecoratormoonstone/Pickerin joined, large text mode so the arrows are properly aligned and sizedmoonstone/Iconto reflect the same proportion in relation to its size in large-text mode
moonstone/Scrollerand other scrolling components optionindexToFocusinscrollTomethod to be removed in 2.0.0
moonstone/Sliderandmoonstone/IncrementSliderpropnoFillto support a style without the fillmoonstone/Marqueepropertyrtlto set directionality to right-to-leftmoonstone/VirtualList.GridListImageItempropertyselectionOverlayto add custom component for selection overlaymoonstone/MoonstoneDecoratorpropertyskinto let an app choose its skin: "moonstone" and "moonstone-light" are now availablemoonstone/FormCheckboxItemmoonstone/FormCheckbox, a standalone checkbox, to supportmoonstone/FormCheckboxItemmoonstone/InputpropsinvalidandinvalidMessageto display a tooltip when input value is invalidmoonstone/Scrollerand other scrolling components optionfocusinscrollTo()methodmoonstone/Scrollerand other scrolling components propertyspottableScrollbarmoonstone/Icon.IconListicons:arrowshrinkleftandarrowshrinkright
moonstone/Pickerarrow icon forjoinedpicker: small when not spotted, hidden when it reaches the end of the pickermoonstone/Checkboxandmoonstone/CheckboxItemto reflect the latest designmoonstone/MoonstoneDecorator/fontGeneratorwas refactored to use the browser's FontFace API to dynamically load locale fontsmoonstone/VideoPlayerspace allotment on both sides of the playback controls to support 4 buttons; consequently the "more" controls area has shrunk by the same amountmoonstone/VideoPlayerto not disable media button (play/pause)moonstone/Scrollerand other scrolling components so that paging controls are not spottable by default with 5-waymoonstone/VideoPlayer's more/less button to use updated arrow icon
moonstone/MarqueeDecoratorto properly stop marquee on items with'marqueeOnHover'moonstone/ExpandableListto work properly with object-based childrenmoonstone/styles/fonts.lessto restore the Moonstone Icon font to request the local system font by default. Remember to update your webOS build to get the latest version of the font so you don't see empty boxes for your icons.moonstone/Pickerandmoonstone/RangePickerto now use the correct size from Enyo (60px v.s. 84px) for icon buttonsmoonstone/Scrollerand other scrolling components to apply ri.scale properlymoonstone/Panelto not cover aPanels'sApplicationCloseButtonwhen not using aHeadermoonstone/IncrementSliderto show tooltip when buttons focused
moonstone/ExpandableInputpropertyonInputChange
moonstone/Panels.Panelprop andmoonstone/MoonstoneDecoratorconfig option:noAutoFocusto support prevention of setting automatic focus after rendermoonstone/VideoPlayerprops:backwardIcon,forwardIcon,jumpBackwardIcon,jumpForwardIcon,pauseIcon, andplayIconto support icon customization of the playermoonstone/VideoPlayerpropsjumpButtonsDisabledandrateButtonsDisabledfor disabling the pairs of buttons when it's inappropriate for the playing mediamoonstone/VideoPlayerpropertyplaybackRateHashto support custom playback ratesmoonstone/VideoPlayercallback proponControlsAvailablewhich fires when the players controls show or hidemoonstone/Imagesupport foronLoadandonErroreventsmoonstone/VirtualList.GridListImageItempropplaceholdermoonstone/DividerpropertypreserveCaseto display text without capitalizing it
moonstone/Slidercolors and sizing to match the latest designsmoonstone/ProgressBarto position correctly with other components nearbymoonstone/Panelsbreadcrumb to no longer have a horizontal line above itmoonstone/Transitionto measure itself when the CPU is idle- style for disabled opacity from 0.4 to 0.3
moonstone/Buttoncolors for transparent and translucent background opacity when disabledmoonstone/ExpandableInputpropertyonInputChangeto fire along withonChange.onInputChangeis deprecated and will be removed in a future update.Moonstone.ttffont to include new iconsmoonstone/Iconto reference additional icons
moonstone/Popupandmoonstone/ContextualPopupDecorator5-way navigation behaviormoonstone/Inputto not spot its own input decorator on 5-way outmoonstone/VideoPlayerto no longer render itschildrenin multiple placesmoonstone/Buttontext color when used on a neutral (light) background in some casesmoonstone/Popupbackground opacitymoonstone/Marqueeto recalculate properly when its contents changemoonstone/TimePickerto display time in correct ordermoonstone/Scrollerto prefer spotlight navigation to its internal components
NOTE: We have also modified most form components to be usable in a controlled (app manages component state) or uncontrolled (Enact manages component state) manner. To put a component into a controlled state, pass in
value(or other appropriate state property such asselectedoropen) at component creation and then respond to events and update the value as needed. To put a component into an uncontrolled state, do not setvalue(or equivalent), at creation. From this point on, Enact will manage the state and events will be sent when the state is updated. To specify an initial value, use thedefaultValue(or,defaultSelected,defaultOpen, etc.) property. See the documentation for individual components for more information.
moonstone/Buttonpropertyiconto support a built-in icon next to the text content. The Icon supports everything thatmoonstone/Iconsupports, as well as a custom icon.moonstone/MoonstoneDecoratorpropertytextSizeto resize several components to requested CMR sizes. Simply addtextSize="large"to yourAppand the new sizes will automatically take effect.
moonstone/Sliderto use the propertytooltipinstead ofnoTooltip, so the built-in tooltip is not enabled by defaultmoonstone/IncrementSliderto include tooltip documentationmoonstone/ExpandableListto accept an array of objects as children which are spread onto the generated componentsmoonstone/CheckboxItemstyle to match the latest designs, with support for themoonstone/Checkboxto be on either the left or the right side by using theiconPositionpropertymoonstone/VideoPlayerto supply every event callback-method with an object representing the VideoPlayer's current state, including:currentTime,duration,paused,proportionLoaded, andproportionPlayed
moonstone/Panels.Panelbehavior for remembering focus on unmount and setting focus after rendermoonstone/VirtualList.VirtualGridListshowing empty items when items are continuously added dynamicallymoonstone/Pickerto marquee on focus once again
moonstone/VirtualListindexToFocusoption toscrollTomethod to focus on item with specified indexmoonstone/IconButtonandmoonstone/Buttoncolorproperty to add a remote control key color to the buttonmoonstone/Scrollbarpropertydisabledto disable both paging controls when it is truemoonstone/VirtualListparametermoreInfoto passfirstVisibleIndexandlastVisibleIndexwhen scroll events are firing- Accessibility support to UI components
moonstone/VideoPlayerpropertyonUMSMediaInfoto support the custom webOS “umsmediainfo” eventmoonstone/Regioncomponent which encourages wrapping components for improved accessibility rather than only preceding the components with amoonstone/Dividermoonstone/Slidertooltip. It's enabled by default and comes with options likenoTooltip,tooltipAsPercent, andtooltipSide. See the component docs for more details.moonstone/Panels.PanelpropertyhideChildrento defer rendering childrenmoonstone/SpinnerpropertiesblockClickOnandscrimto block click events behind spinnermoonstone/VirtualListpropertyclientSizeto specify item dimensions instead of measuring them
moonstone/VirtualGridImageItemstyles to reduce redundant style code app sidemoonstone/VirtualListandmoonstone/VirtualGridListto add essential CSS for list items automaticallymoonstone/VirtualListandmoonstone/VirtualGridListto not adddata-indexto their item DOM elements directly, but to passdata-indexas the parameter of theircomponentprop like thekeyparameter of theircomponentpropmoonstone/ExpandableItemand derivatives to defer focusing the contents until animation completesmoonstone/LabeledItem,moonstone/ExpandableItem,moonstone/ExpandableListto each support thenodetype in theirlabelproperty. Best used withui/Slottable.
moonstone/VirtualList.GridListImageItemto have proper padding size according to the existence of caption/subcaptionmoonstone/Scrollerand other scrolling components to display scrollbars with proper sizemoonstone/VirtualGridListto not be truncated
moonstone/Scrollerand other scrolling components propertyhideScrollbarsand replaced it withhorizontalScrollbarandverticalScrollbar
moonstone/VideoPlayersupport for 5-way show/hide of media playback controlsmoonstone/VideoPlayerpropertyfeedbackHideDelaymoonstone/SliderpropertyonKnobMoveto fire when the knob position changes, independently from themoonstone/Slidervaluemoonstone/Sliderpropertiesactive,disabled,knobStep,onActivate,onDecrement, andonIncrementas part of enabling 5-way support tomoonstone/Slider,moonstone/IncrementSliderand the media slider formoonstone/VideoPlayermoonstone/Slidernow supportschildrenwhich are added to theSlider's knob, and follow it as it movesmoonstone/ExpandableInputpropertiesiconAfterandiconBeforeto display icons after and before the input, respectivelymoonstone/DialogpropertypreserveCase, which affectstitletext
moonstone/IncrementSliderto change when the buttons are held downmoonstone/Marqueeto allow disabled marquees to animatemoonstone/Dialogto marqueetitleandtitleBelowmoonstone/Marquee.MarqueeControllerconfig optionstartOnFocustomarqueeOnFocus.startOnFocusis deprecated and will be removed in a future update.moonstone/Button,moonstone/IconButton,moonstone/Itemto not forwardonClickwhendisabled
moonstone/Marquee.MarqueeControllerto start marquee on newly registered components when controller has focus and to restart synced marquees after completionmoonstone/Scrollerto recalculate when an expandable child opensspotlightDisabledproperty support for spottable moonstone componentsmoonstone/Popupandmoonstone/ContextualPopupDecoratorso that when the popup is closed, spotlight focus returns to the control that had focus prior to the popup openingmoonstone/Inputto not get focus when disabled
moonstone/Panels.PanelpropertyshowChildrento support deferring rendering the panel body until animation completesmoonstone/MarqueeDecoratorpropertyinvalidatePropsthat specifies which props cause the marquee distance to be invalidated- developer-mode warnings to several components to warn when values are out-of-range
moonstone/Dividerpropertyspacingwhich adjusts the amount of empty space above and below theDivider.'normal','small','medium','large', and'none'are available.moonstone/Pickerwhenjoinedthe ability to be incremented and decremented by arrow keysonSpotlightDisappearevent property support for spottable moonstone componentsmoonstone/VideoPlayerpropertytitleHideDelay
moonstone/Panels.Panelsand variations to defer rendering the children of containedPanelinstances until animation completesmoonstone/ProgressBarpropertiesprogressandbackgroundProgressto accept a number between 0 and 1moonstone/Sliderandmoonstone/IncrementSliderpropertybackgroundPercenttobackgroundProgresswhich now accepts a number between 0 and 1moonstone/Sliderto not ignorevalueprop when it is the same as the previous valuemoonstone/Pickercomponent's buttons to reverse their operation such that 'up' selects the previous item and 'down' the nextmoonstone/Pickerand derivatives may now use numeric width, which represents the amount of characters to use for sizing.width={4}represents four characters,2for two characters, etc.widthstill accepts the size-name strings.moonstone/Dividerto now behave as a simple horizontal line when no text content is providedmoonstone/Scrollerand other scrolling components to not display scrollbar controls by defaultmoonstone/DatePickerandmoonstone/TimePickerto emitonChangeevent whenever the value is changed, not just when the component is closed
moonstone/ProgressBarpropertiesminandmax
moonstone/IncrementSliderso that the knob is spottable via pointer, and 5-way navigation between the knob and the increment/decrement buttons is functionalmoonstone/Sliderandmoonstone/IncrementSliderto not fireonChangefor value changes from props
moonstone/VideoPlayerandmoonstone/TooltipDecoratorcomponents and samplesmoonstone/Panels.PanelspropertyonBackto supportui/Cancelablemoonstone/VirtualFlexListWork-In-Progress component to support variably sized rows or columnsmoonstone/ExpandableItempropertiesautoCloseandlockBottommoonstone/ExpandableListpropertiesnoAutoCloseandnoLockBottommoonstone/Pickerpropertyreversemoonstone/ContextualPopuppropertynoAutoDismissmoonstone/DialogpropertyscrimTypemoonstone/PopuppropertyspotlightRestrict
moonstone/Panels.Routableto require anavigateconfiguration property indicating the event callback for back or cancel actionsmoonstone/MarqueeControllerfocus/blur handling to start and stop synchronizedmoonstone/Marqueecomponentsmoonstone/ExpandableListpropertyautoClosetocloseOnSelectto disambiguate it from the addedautoCloseon 5-way upmoonstone/ContextualPopupDecorator.ContextualPopupDecoratorcomponent'sonCloseButtonClickproperty toonClosemoonstone/Dialogcomponent'sonCloseButtonClickedproperty toonClosemoonstone/Spinnercomponent'scenterandmiddleproperties to a singlecenteredproperty that applies both horizontal and vertical centeringmoonstone/Popup.PopupBasecomponent'sonCloseButtonClickedproperty toonCloseButtonClickmoonstone/Item.ItemOverlaycomponent'sautoHideproperty to remove the'no'option. The same effect can be achieved by omitting the property or passingnull.moonstone/VirtualGridListto be scrolled by page when navigating with a 5-way direction keymoonstone/Scroller,moonstone/VirtualList,moonstone/VirtualGridListto no longer respond to mouse down/move/up events- all Expandables to include a state arrow UI element
moonstone/LabeledItemto support atitleIconproperty which positions just after the title textmoonstone/Buttonto includemoonstone/TooltipDecoratormoonstone/Expandableto support being managed, radio group-style, by a component wrapped withRadioControllerDecoratorfromui/RadioDecoratormoonstone/Pickerto animatemoonstone/Marqueechildren when any part of themoonstone/Pickeris focusedmoonstone/VirtualListto mute its container instead of disabling it during scroll eventsmoonstone/VirtualList,moonstone/VirtualGridList, andmoonstone/Scrollerto continue scrolling when holding down the paging controlsmoonstone/VirtualListto require acomponentprop and not have a default valuemoonstone/Pickerto continuously change when a button is held down by addingui/Holdable.
moonstone/Popupandmoonstone/ContextualPopup5-way navigation behavior using spotlight.- Bug where a synchronized marquee whose content fit the available space would prevent restarting of the marquees
moonstone/Inputto show an ellipsis on the correct side based on the text directionality of thevalueorplaceholdercontent.moonstone/VirtualListandmoonstone/VirtualGridListto prevent unwanted scrolling when focused with the pointermoonstone/Pickerto remove fingernail when a the pointer is held down, but the pointer is moved off thejoinedpicker.moonstone/LabeledItemto include marquee on bothtitleandlabel, and be synchronized
No changes.
moonstone/Popup,moonstone/ContextualPopupDecorator,moonstone/Notification,moonstone/Dialogandmoonstone/ExpandableInputcomponentsItemOverlaycomponent tomoonstone/ItemmodulemarqueeCenteredprop tomoonstone/MarqueeDecoratorandmoonstone/MarqueeTextplaceholderprop tomoonstone/Imagemoonstone/MarqueeControllercomponent to synchronize multiplemoonstone/Marqueecomponents- Non-latin locale support to all existing Moonstone components
- Language-specific font support
moonstone/IncrementSlidernow accepts customizable increment and decrement icons, as well asmoonstone/Sliderbeing more responsive to external styling
moonstone/Inputcomponent'siconStartandiconEndproperties to beiconBeforeandiconAfter, respectively, for consistency withmoonstone/Item.ItemOverlaynamingmoonstone/Iconandmoonstone/IconButtonso thechildrenproperty supports both font-based icons and images- the
checkedproperty toselectedfor consistency across the whole framework. This allows better interoperability when switching between various components. Affects the following:CheckboxItem,RadioItem,SelectableItem,Switch,SwitchItem, andToggleItem. Additionally, these now usemoonstone/Item.ItemOverlayto position and handle their Icons. moonstone/Sliderandmoonstone/IncrementSliderto be more performant. No changes were made to the public API.moonstone/GridListImageItemso that a placeholder image displays while loading the image, and the caption and subcaption support marqueeingmoonstone/MoonstoneDecoratorto addFloatingLayerDecoratormoonstone/IncrementSliderin vertical mode looks and works as expected.
- LESS mixins that belong in
@enact/ui, so that only moonstone-specific mixins are contained in this module. When authoring components and importing mixins, only the local mixins need to be imported, as they already import the general mixins. - the
srcproperty frommoonstone/Iconandmoonstone/IconButton. Use the support for URLs in thechildrenproperty as noted above. - the
heightproperty frommoonstone/IncrementSliderandmoonstone/Slider
- Joined picker so that it now has correct animation when using the mouse wheel
- Bug in DatePicker/TimePicker that prevented setting of value earlier than 1969
moonstone/BodyText,moonstone/DatePicker,moonstone/DayPicker,moonstone/ExpandableItem,moonstone/Image, andmoonstone/TimePickercomponentsfullBleedprop tomoonstone/Panels/Header. Whentrue, the header content is indented and the header lines are removed.- Application close button to
moonstone/Panels. FiresonApplicationClosewhen clicked. Can be omitted with thenoCloseButtonprop. marqueeDisabledprop tomoonstone/Pickerpaddedprop tomoonstone/RangePickerforceDirectionprop tomoonstone/Marquee. Forces the direction ofmoonstone/Marquee. Useful for whenRTLcontent cannot be auto detected.
dataparameter passed tocomponentprop ofVirtualList.moonstone/Expandableinto a submodule ofmoonstone/ExpandableItemExpandableListto properly support selectionmoonstone/Divider'schildrenproperty to be optionalmoonstone/ToggleItem'sinlineversion to have amax-widthof240pxmoonstone/Inputto use<div>instead of<label>for wrapping components. No change to functionality, only markup.
moonstone/ExpandableCheckboxItemGroupin favor ofExpandableList
This version includes a lot of refactoring from the previous release. Developers need to switch to the new enact-dev command-line tool.
- New components and HOCs:
moonstone/Scroller,moonstone/VirtualList,moonstone/VirtualGridList,moonstone/MarqueeText,moonstone/Spinner,moonstone/ExpandableCheckboxItemGroup,moonstone/MarqueeDecorator - New options for
ui/ToggleableHOC - Marquee support to many components
- Image support to
moonstone/Iconandmoonstone/IconButton dismissOnEnterprop formoonstone/Input- Many more unit tests
- Some props for UI state were renamed to have
defaultprefix where state was managed by the component. (e.g.defaultOpen)
- Many components were fixed, polished, updated and documented
- Inline docs updated to be more consistent and comprehensive