Metro 4.2.40

4.2.40

• Chat: new component
• Boxes: add new boxes skill-box, social-box, more-info-box
• NavView: add behavior for show submenu on left from main menu for compacted mode
• Cards: add default background color white
• Cards: fix flex model for image header
• Colors: change op-* alpha value from 0.7 to 0.1
• Dropdown: if element has class open, it will be open after initialization
• Show metro4 about in console: added meta parameter metro4:about. Thanks to Ken Kitay
• Metro4 Events: added constants Metro.events.startAll, Metro.events.stopAll, Metro.events.moveAll. Constants contains both mouse and touch.
• Clock: upd component, PR #1341, Thanks to Ken Kitay
• Sidenav simple: optimize css
• Sidenav counter: optimize css
• File: call trigger change when user drop files into drop area
• Form: Add default styling for input[type=submit], input[type=reset], input[type=button].
• Rating: add half value for static with attribute data-half="true"
• Headlines: add margin-top to display*, h1-h5 and .h1-.h5
• Panel: add text-ellipsis to caption
• Table: add methods: updateItem(key, field, value), getIndex(), rebuildIndex(), getItem(key)
• Table: store item data in row. Now you can use tr.data('original') to get table row original data
• Table: store cell data in cell. Now you can use td.data('original') to get cell original data
• Table: fix incorrect work service radio buttons
• Select: remove margin-bottom
• Blockquote: rename class place-right to right-side for right side quote
• Lists: fix list style position for ordered list
• Dropdown: add service class stay-open. When an element has this class, an element can't be closed when the user clicks on the document.
• Collapse: change default animation duration to 100ms
• Tiles: set cover default position to center center
• Tiles: add attribute for image slide data-cover-position
• Timepicker: set default value for data-scroll-speed to 1
• Datepicker: set default value for data-scroll-speed to 1
• Countdown: change behavior when browser tab lost focus or invisible
• Countdown: fix zoom effect
• Countdown: fix minor bug when first tick (not critical)
• Dialog: change padding for dialog title to 12px 24px
• Dialog: add predefined accent classes primary, alert, info, warning, ...
• InfoBox: add predefined accent classes primary, alert, info, warning, ...
• Elements colors: optimize less for using each function
• Additional colors: optimize less for using each function
• Element: add class .accent-block for using with accent colors classes primary, alert, info, warning, ...
• Dialog: add close button to top left corner with attribute data-close-button
• Video: fix show/hide controls when mouse enter leave
• Video: fix show controls in full screen mode with attribute data-full-screen-mode="desktop"
• Draggable: fix minor bug for draggable windows
• Sidenav M3: fix item height with text overflow
• Sidenav M3: remove floating for d-menu
• Dropdown: add attribute data-drop-filter. Filtering elements on closing.
• Select: Opening a select now closes only other selects.
• Accordion: add drop marker. Marker can disabled with attribute data-show-marker="false"
• Accordion: fix frames open on accordion init

Metro 4.2.39

4.2.39

• NavView: minor improve styling
• NavView: add method pullClick() for emulate pull button click at runtime
• NavView: add class .focusableItems to add focus state for items
• NavView: add attribute data-active-state="true|false" to add active state for menu items
• NavView: add .badges container for menu item for collect menu item badges
• NavView: add .data-box container for navigation view pane
• IconBox: new css component
• Panel: fix draggable
• Panel: add custom buttons to panel title
• Table: fix assign classes from attribute data-cls-head-cell
• Breadcrumbs: add .breadcrumb-item class
• Draggable: fix recreate element content when drag started
• Table: fix implements custom class to custom wrappers (search, pagination, ...), issue #1335
• Select: fix error for validating required func for select with multiple option, issue #1338
• Select: for validating added functions length, minlength, maxlength for select with multiple option

Metro 4.2.38

4.2.38

• ListView: add class .vertical-layout for icons-* view mode
• Windows: partial fixed behavior window when user click on min, max button in min, max state, issue #1331
• TreeView: fix wrong works node collapse, expand, issue #1332
• NavView: fix calc main menu height

Metro 4.2.37

4.2.37

• Input material: fix error when creating element, issue #1318
• Calendar: fix justify-content for days-row
• Table: fix minor bug for sortable column click event
• Table: fix minor bug when inspector dragged
• Window: fix creating window with empty title
• Utils: fix method keyInObject
• Utils: fix constant for `keypress
• Table: fix firing onSearch for clearing search field
• TreeView: fix method toggleNode, pr #1326
• Step list: fix index position when index > 9, issue #1328
• Lists: add group-list horizontal

Metro 4.2.36

4.2.36

• Window: fix system button click behavior when draggable enabled
• Window: fix creating icon and title if these not defined
• ListView: add trigger change when nodes selected/deselected, issue #1313
• Window: add custom buttons to caption

Metro 4.2.35

4.2.35

• Draggable: refactoring
• File: add label for counting selected files for dropdown area
• Storage: refactoring and fix session storage
• Input material: set autocomplete off
• Tabs: fix clear targets before recollect, issue #1303
• ListView: fix attributes observing
• Notify: fix using custom distance option
• Rating: minor improve code
• Ribbon menu: fix button group width calc, issue #1296
• CSS: fix align-items property for selected and tag-input, pull-request #1306, issue #1305
• Spinner: fix twice click effect on Android devices, issue #1307
• Input: fix triggering change for autocomplete feature, issue #1310
• CalendarPicker: fix selection when using val(...), issue #1308
• Popovers: fix change value for attribute data-popover-text, issue #1309
• Charms: add charm tiles and notifies with classes .charm-tile and .charm-notify

Metro 4.2.34 Important update, Metro 4 return into strict mode!

4.2.34

• Sidebar: fix error for shifting content issue #1294
• Checkbox: fix create rule
• Radio: fix create rule
• Switch: fix create rule
• Select: fix rotating drop down toggle
• Tabs: fix switching content, issue #1297
• Input: fix autocomplete list, issue #1298
• Metro: return to strict mode
• Toast: fix creating error
• Streamer: fix select stream

Metro 4.2.33

4.2.33

• Init: fixed initialization process for widgets, loaded over Ajax

Metro 4.2.32

4.2.32

• File: fix event trigger on-select for FF when user drops files
• File: fix event trigger on-select for IE11 when user drops files
• Dialog: fix onChange event
• Table: add event data-on-data-load-error

Happy new year!

Metro 4.2.31

4.2.31

• Sidebar: add submenu support
• Sidebar: add any content support with li class .content-container
• Sidebar: add attribute data-size to set sidebar width
• Sidebar: add attribute data-position to set sidebar right or left (default)
• Array: add function (if not exists) contains(val, idx)
• String: add function toArray(delim, type, format) this function is equal to Utils.strToArray
• Calendar: add attribute data-exclude-day. Comma separated string with day number from 0 (Sunday) to 6 (Saturday)
• Calendar: add attribute data-show-week-number="true|false"
• Calendar: add attribute data-week-number-click="true|false"
• Calendar: add event data-on-week-number-click="..."
• Calendar: add event data-on-day-draw="..."
• Calendar: fix day selection for disabled
• Calendar: add class day-border and attribute data-day-border="true|false"
• Validator: fix error if value is undefined
• Validator: function date now support additional input attribute data-value-format for non ECMAScript dates
• Validator: function date now support additional input attribute data-value-locale for non ECMAScript dates
• Z-index: set equal z-index for appbar, bottomnav, bottomsheet, tabsmaterial
• Carousel: rename attribute data-bullet-style to data-bullets-style
• Carousel: add attribute data-bullet-size with values default, mini, small, large
• Carousel: add style cycle
• Popover: set default value for data-popover-timeout to 10, issue #1277
• Storage: Objects storage and session storage combined into one object. Access to objects remained unchanged: Metro.storage, Metro.session
• String: String.toDate now support locale as second parameter: "21 грудня 1972".toDate('%d %m %y', 'uk-UA')
• Navview: upd docs and less
• Lists: upd items-list, feed-list, group-list to use with not a list element.
• Table: minor improve update
• Table: add attribute data-horizontal-scroll-stop. You can use this attribute to define media to stop scrolling.