CHANGELOG.md

4.3.9

• Component: _fireEvent push __this to arguments. __this contains HTMLElement
• Utils: fix function github() for executing callback
• Counter: fix for starting when page scrolls
• Counter: add attributes data-from, data-prefix, data-suffix. Prefix and suffix must be a plain text.
• Observer: add firing event attrchange when component attribute was ben changed. e.detail contains an object {attr, newValue, oldValue, __this}.
• General: add firing event hotkeybonded when hotkey for component was ben bonded. e.detail contains an object {__this, hotkey, fn}.
• General: all components fired event create when init. The e.detail contains an object {name, __this}.
• General: the document fired event component-create when a component was ben initialized. The e.detail contains an object {element, name}.
• Window: fix makeRuntime calling, issue #1574
• Window: fix make window resizable
• Typography: add italic and underline text classes, issue #1577

4.3.8

M4Q

• Animation: fixed using String.includes for IE11. Change to String.indexOF
• Animation: add operator / to _getRelativeValue()
• Events: fix fire. Now main is constructor CustonEvent, for old - createEvent
• Manipulation: add method wrap, wrapAll, wrapInner. The method puts elements inside the wrapper and return wrapper(s)
• Init: change throw Error to console.warn when selector is # or .
• setImmediate: add support for process and web workers

Metro 4

• General: new module system. All components now defined as alone IIFE modules.
• Validator: fixed functions compare, equals, notequals to work not inside a form, issue #1542
• Rtl: remove form-rtl, accordion-rtl less files. RTL Styles moved to component style.
• Locales: added pt-BR Brazilian Portuguese language
• Toast: added method Metro.createToast(). This eq to Metro.toast.create()
• Components: event on[Component]Create now have context a HTMLElement and receive $(HTMLElement) as argument
• Keypad: fix Keypad backspace button click behavior on keypad, created at runtime, issue #1547
• Utils: improve function isType
• Utils: remove functions camelCase(), dashedName(). Use String.camelCase or $.camelCase() and String.dashedName()) or $.dashedName().
• Clock: add events onTick, onSecond
• String: add extensions includes(), camelCase(), dashedName(), shuffle()
• Array: add extensions includes()
• ListView: fixed event onNodeDblclick, issue #1453
• Ribbon menu: fix hovering when button disabled, issue #1551
• Components: new constructor function
• Colors: full refactoring, now its full equals to ColorJS
• ColorType: new custom type for color variable. Var can be defined as var c = new Color(...) or var c = new Metro.Color(...)
• Material Tabs: update to work in all browsers
• Animation: redesign module
• Animation: add effects zoom, swirl
• Tiles: remove prefix animate-* for values for attribute data-effect
• Core: removed meta attribute metro4:init:mode. Now Metro is ALWAYS initialized after the content has been loaded.
• IE: removed file ie.less. Styles moved to components styles.
• ListView: add method selectByAttribute(attrName, attrValue, true|false) for select/deselect items, issue #1554
• Template: new component. This component allows you to use javascript templates inside HTML elements.
• Table: fix using wrapper for skip, issue #1557
• Calendar picker: fix using attribute clsPrepend, issue #1558
• Toast: add new arguments format Metro.createToast(message, options). Where options is a plain object.
• Draggable: add attribute dragContext, you can set it for access to any object with drag events, issue #1565
• Window: add second argument context for events onDragStart, onDragStop, onDragMove, issue #1565
• Calendar picker: fix work in dialog-mode
• Tabs: fix work attribute clsTabsListItemActive, issue #1568
• Locales: add danish locale da-DK, issue #1570

4.3.7

M4Q

• Animation: a new engine for animation. The animate function changed. Now function receives one argument. Also, you can use old syntax :)
• Init: fix minor bug for creating elements in context
• Ajax: add parameter contentType. If this param has value false, Content-type can't be defined.
• Contains: add checks with :visible to method is. Example: $(...).is(':visible')
• Utils: add methods $.random(array | a, b), $.getUnit(a), $.strip(where, what), $.hasProp(obj, prop), $.dashedName(val)
• Classes: add method $(...).removeClassBy(mask)

Metro 4

• Source: reposition source code
• Builder: new builder config, and new builder version 2020.1. New version not compatibility with 4.3.6
• Input: fix append size and padding, issue #1512
• Ripple: added ripple call for any element, issue #1515
• Splitter: added event onResizeWindow. Setup this event with prop data-on-resize-window or event $(...).on('resizewindow', ...), issue #1516
• Table: add skip to page functionality, issue #1511
• Table: add attributes data-show-skip, data-table-skip-title, data-skip-wrapper, data-cls-table-skip, data-cls-table-skip-input, data-cls-table-skip-button
• Table: add event data-on-skip
• Common css: optimize lists, reset
• UtilsJS: improve isFloat function, issue #1518
• Icons: add whatsapp icon, issue #1510
• AudioButton: add new component for the button with role audio-button
• Select: fix prepend, append for input-small, input-large. With multiple, append and prepend will not displayed.
• Input: fix prepend, append for input-small, input-large. Issue #1522
• Counter: fix start if element already in viewport
• CSS: added metro-reset.css, metro-common.css, metro-components.css as standalone.
• Image magnifier: fix glass image when user resize original image
• Notifies: minor improve notify create method
• Donut: update for using new animate function to draw stroke-dasharray
• Counter: update for using new animate function to draw
• File: fix clear when user fire reset on form in drop mode, issue #1524
• Adblock: a new component for hunting on the ads blockers
• Core: refactoring for new component definition
• Audio: rename component to audio-player
• Video: rename component to video-player
• Calendar: minor upd for action buttons
• i18n: refactoring definition. Now each lang defined in own file
• Third party: third party components styles select2, datatables move to components and include to main
• Container: remove prop display: block
• Select: add using empty value for option, issue #1527
• Action button: fix sub actions position
• Additional colors: refactoring
• Utils: remove method random, to get random value from an array or two values, use $.random(array | a, b) from m4q
• Utils: remove method uniqueID, to get unique GUID, use $.uniqueID(prefix) from m4q
• Utils: remove method formData, to get form data as array, use $.serializeToArray(form) from m4q and $.serialize(form) to get stringify value with & divider
• Utils: remove method strToArray, to transform string to array, use String.prototype method String.prototype.toArray(delimiter, type, format)
• Utils: remove method callback, execute function or code, use method Utils.exec(fn, args, context)
• Sidebar: add attribute data-menu-scrollbar="true|false". Attribute enable or disable scrollbar in the sidebar menu, issue #1528
• Tag: new component. Used in tag-input, select, can be used as standalone.
• Ribbon menu: fix sizes and positions for ribbon-icon-button, ribbon-tool-button
• Menus: removed text-decoration for anchors (a) inside any types of menus
• Cookie: new class for cookie manipulation Metro.cookie. Contains methods: setCookie(), getCookie(), delCookie()
• Cookie disclaimer: new component for accept cookies for GDPR, and not only, issue #1530
• Metro icon font: add 65 new icons cross-light, document-file-* (64)
• Select: improved performance for creating options, issue #1534
• Select: remove dependency from d-menu
• Navview: add scrollable to navview-menu in compacted mode

4.3.6

M4Q

• M4Q: upd to 1.0.6
• M4Q Init: fix minor bug for creating elements in context
• M4Q Ajax: add parameter contentType. If this param has value false, Content-type can't be defined.

Metro 4

• ColorJS: fix functions RGB, RGBA
• Select: add focus state, issue #1488
• Checkbox: add focus state
• Radio: add focus state
• Select: add attribute data-cls-drop-container
• Dropdown: add important to .drop-left, .drop-right, .drop-up classes
• Table: add support formatMask for fields defined in table head thead
• ResetCSS: remove duplicate declarations
• Toast: add global setup. Related to issue #1493
• Streamer: now you can set event time up to a minute
• Streamer: now you can use for event size half and one-third constants
• Streamer: add events onDrawEvent, onDrawGlobalEvent, onDrawStream
• TreeView: fix attribute data-show-child-count
• CalendarPicker: add attribute data-value to set init input value, issue #1506
• Streamer: data-wheel now true by default
• Streamer: add attribute data-wheel-step to define scroll step for horizontal scrolling with mouse
• Streamer: fix horizontal scrolling with mouse.

4.3.5

M4Q

• M4Q: upd to 1.0.5
• M4Q Events: fix firing events, Metro 4 issue #1476
• M4Q Events: optimize method trigger, now this is a synonym of fire

Metro 4

• Tag input: change trigger defining
• Tag input: add clear button with attributes clearButton, clsClearButton, clearButtonIcon
• Tag input: add attributes clsComponent, clsInput
• Tag input: add event onClear
• List: add attribute data-sort-initial to sorts on create component, issue #1475
• Tag input: add attribute data-static and static mode for data-static='true' or if present attribute readonly
• Tag input: add method toggleStatic([true|false])
• Select: fix clearing select-input, issue #1477
• Calendar picker: fix closing calendar when user click on overlay, issue #1478
• Select: fix styles for input-large, input-small classes
• Tag input: change keyup to keydown for tag trigger event
• Tag input: add event onTagTrigger
• Tag input: add removing last tag on current value is empty end user press Backspace, you can disable it with attribute data-backspace='false'
• Draggable: add attribute data-timeout for set timeout before creating component
• Components: creating components can be deferred with attribute data-[componentName]-deferred=[ms]. Example: <div data-role='draggable' data-draggable-deferred='2000'>...</div>
• Counter: add attribute data-start-on-viewport. If attribute value is true, counter started after element showed in viewport. You can combine this with data-timeout
• Select: fix bug with data-filter='false'
• File: fix method clear for mode dropzone
• Select: add mode button

4.3.4

M4Q

• M4Q: upd to 1.0.4
• M4Q Manipulation: optimise append, prepend to one definition for IE
• M4Q Script: add $.script, $.fn.script to execute scripts from element or create script object
• M4Q Manipulation: $.fn.append, $.fn.prepend now support script tag processing
• M4Q Clone: now support cloning data if second argument withDatais true - $(el).clone(true, true)
• M4Q Events: now you can define event name with hyphen or in camelCase notation. Example: mouse-down, accordionCreate
• M4Q Ajax: fix handler for sending data
• M4Q Ajax: fix $.json if returned value can't be parsed
• M4Q Ajax: fix post for object
• $: add $.serializeToArray(form), $serialize(form)
• M4Q Events: fixed removeEventListener

Metro 4

• Animations: put animations to separate less/css file metro-animations
• Object animations: add .flip-card
• Object animations: add .post-card
• Inputs: change placeholder font-size to 14px, add text-ellipsis
• Utils CSS: add class .stop-pointer
• Role naming: you can now use a hyphen to separate words in verbose component names for the data-role attribute. Example: data-role='button-group'' and data-role='buttongroup'' are equivalent.
• Drag Items: add new component, issue #1336
• Table: fix viewPath for getting view from server
• Table: fix colspan for message emptyTableTitle
• Checkbox: add using attribute readonly
• Switch: add using attribute readonly
• Table: fix viewPath for saving view on server
• Animation CSS: relocation
• AppBar: fix app-bar-menu behavior when user resize a window
• Slider: fix hint for IE11
• Window: fix interop m4q and jquery for Metro.window.create()
• Splitter: fix for IE11
• AppBar: add events onMenuOpen, onMenuClose, onMenuExpand, onMenuCollapse

4.3.3

• m4q: upd to 1.0.3
• Toast: fix calculating toast position
• Progress: fix global setup function name
• Progress: percent value. To show set attribute data-show-value="true", data-value-position="free|center"
• Progress: add label. Use attributes data-show-label="true|false", data-label-position="before|after", data-label-template="Value is %VAL%"
• InfoBox: fix interop with Metro 4 and jQuery
• Table: add method clear(), issue #1426
• Table: fix cell data wrapping with attribute data-cell-wrapper="true"
• File: fix Input file inconsistent display when user cancel the choose dialog, issue #1443
• Slider: fix using accuracy with decimal value, issue #1447
• Calendar Picker: add attribute data-show-week-number
• Gravatar: fix global setup method name
• Activity: fix method open for undefined options
• Activity: fix interop with Metro 4 and jQuery
• Dialog: fix interop with Metro 4 and jQuery for dialog create method
• AppBar: set max-height for app-bar-menu opened with hamburger to visible viewport
• Buttons: refactoring - split to separate components from one file
• Calendar Picker: fix dialog mode, issue #1450
• Common CSS: add class -disabled
• General: Now Metro4 init after content was loaded. If you need to switch to old init method, use metro4:init:mode with value immediate
• Double Slider: add new component, issue #1441
• InfoButton: fix position and display change from inline-flex to inline-block, issue #1451
• M4Q Events: improve method on
• Select: fix for ie11, issue #1452
• ListView: add callback for onNodeDblClick event, issue #1453
• Table: add show activity when data loaded
• Table: you can set data with JS object and attribute data-source. Value for attribute must be a object name.

4.3.2

• Slider: fix vertical slider marker position when slider is not visible, thx to thinkcpu, PR #1417
• Slider: improve events
• HotKey: extended anchor work with data-hotkey and attr href, issue #1420
• M4Q Events: fix function.name property for IE11, issue #1425
• Table: add methods addItem([...], redraw), addItems([...], redraw), issue #1426
• Select: attribute data-cls-drop-list now override default class d-menu if defined
• Lists: if list has class attribute, it resets with margin: 0; padding: 0; list-style: none inside;
• Select: if option not has value, used option text for value
• Table: add event onDataSaveError
• Table: fix save view to server
• M4Q Ajax: fix creating additional headers for request, issue #1427
• Init: add meta tag metro4:init:mode. The value must be immediate or contentloaded, default - immediate. If value is contentloaded and meta tag metro4:init not equal false, Metro 4 will be initiate after the content was loaded.
• Table: now you can define decimalSeparator and thousandSeparator in table head and global
• Table: add attributes data-head (object name, define table header), data-body (object name, define table data)
• Table: add attribute data-static. If true, search, pagination, info, rows count will be disabled and will not showing.
• Splitter: add method size(str) for change panel sizes at runtime, add observing for attribute data-split-sizes for change panel sizes at runtime
• Carousel: improve slide switching
• TreeView: add trigger change for checkboxes
• Common: fix h-auto-*

4.3.1

• Interop: fix interop with Metro4 and jQuery, issue #1408
• m4q: upd to 1.0.1
• m4q: fix initialization when metro4 added into head
• Init: fix issue #1409
• Dropdown: fix interop between Metro4 and jQuery, issue #1411
• Select: fix interop between Metro4 and jQuery, issue #1412
• Panel: fix interop between Metro4 and jQuery
• Windows: fix interop between Metro4 and jQuery
• VideoPlayer: fix interop between Metro4 and jQuery
• AudioPlayer: fix interop between Metro4 and jQuery
• Hotkey: fix interop between Metro4 and jQuery
• TimePicker: fix interop between Metro4 and jQuery
• SideBar: fix interop between Metro4 and jQuery
• Charms: fix interop between Metro4 and jQuery
• Select: fix close when user click document and jQuery used
• CalendarPicker: fix interop between Metro4 and jQuery, fix close when next[Year, Month] clicked
• Select: add works with disabled option. You can add attr disabled to option to create disabled option, issue #1413
• Window: fix toggle draggable, resizeable
• Tile: fix tile width in then tiles-grid when tile placed in specific column
• Metro: fix observing attributes

4.3.0

• jQuery: Goodbye!!!
• M4Q: now built in for DOM manipulation and animation
• Keypad: rename property data-length to data-key-length
• Slider: fix show/hide hint
• Typo: fix margin-top for lists inside a lists, ex: ul > ul
• Animation: fix fadeIn, fadeOut
• NavView: rename attribute data-expanded to data-expand
• Examples: upd start screen
• Calendar picker: fix using locale for initial value, issue #1376
• Typo: set line-height for paragraph to 1.5
• Table: fire event onDataLoaded before table build
• Dialog: fix hide method
• File: add method "clear"
• Source: structure refactoring
• Typography: add background to remark with accent color
• Tests: begin tests with cypress
• Draggable: minor improve for mouseMove
• Chat: add attribute data-readonly and method toggleReadonly
• Schemes: fix colors for table tfoot
• Add checkRuntime to components
• Table: add attributes data-empty-table-title, data-cls-empty-table-title for issue #1403
• Table: fix padding for sortable columns
• Add destroy method to components. This method remove all event handlers and return core element
• Select: add props data-add-empty-value (default: false), data-empty-value (default: empty string)
• Select: add prop data-placeholder
• Select: add prop data-clear-button (default: false)
• Grid: optimise styles
• Hint: fix remove on leave element
• TreeView: add attribute data-show-child-count

4.2.49

• Select: extended to interop with role=dropdown
• Docs: upd docs for cards, add icon-box, more-info-box, skill-box, social-box
• Sidebar: fix setup global function name
• Textarea: fix issue #1400
• MaterialTabs: fix issue #1402
• MaterialTabs: add method open(tab_num) for issue #1399
• Select: fix input autofocus when dropdown
• Textarea: fix resize when component was created
• File: fix firing change event on Safari

4.2.48

• Select: fix error when using with pair to Select from Metro 4 for React
• Carousel: moved style props for slide background image from js to css
• Input: add attribute data-exclaim for defining exclamation symbol
• Input: fix no display clear button when input is readOnly
• Textarea: fix no display clear button when input is readOnly

4.2.47

• Input: fix triggering change event, add trigger event clear when clear button is pressed
• Accordion: fixed glitch for frames who must be closed, but initiated as open

4.2.46

• Table: fixed format value for sorting when value is empty, null or undefined
• Dropdown: fix set open on init
• DatePicker: add observation for attribute data-locale
• DatePicker: add observation for attribute data-format
• Utils: upd func isLocalhost
• Windows: fix make runtime
• Dialog: fix make runtime
• InfoBox: fix make runtime
• Validator: fix validating for integer and float rules, issue #1388
• Builder: fix builder config
• Embed objects: set default width and height to 100%

4.2.45

• Calendar picker: fix initial value for i18n
• Typography: set line-height: 1.5 for p
• Examples: fix desktop demo
• Examples: fix start screen demo
• Notify system: fix minor bug for creating notify after setup

4.2.44

• Calendar: fix methods setMaxDate, setMinDate, issue #1374
• Datepicker: fix offset for timezones, issue #1372
• Datepicker: fix val() method

4.2.43

• Inputs: add class .input-small for using with input, select, spinner, tag-input, keypad, file , issue #1245
• Events: upd docs for subscribing events with $.on and addEventListener()
• Panel: new method customButtons() for add custom buttons at runtime
• Table: add margin-top: 1rem for class .table
• Lists: add margin-top: 1rem for ul, ol, dl
• Hotkey: full refactoring
• Datepicker: add attribute data-input-format
• Datepicker: fix hours timezone offset
• Datepicker: now you can use attribute value to setup component date
• Pickers: change default scroll speed factor to 4
• Window: fix methods setContent, setTitle, setIcon, changePlace
• Utils: rename method isJQueryObject to isJQuery
• Utils: add methods isM4Q, isQ. Method isQ return one of isJQuery or isM4Q
• Streamer: fix scrolling with apple magic mouse and firefox
• Streamer: fix scroll position for events-area when source changed
• TreeView: fix confused calls expandNode and collapseNode events
• Dialog: add attribute data-actions for predefined dialog
• DatePicker: fix scroll event handler
• TimePicker: fix scroll event handler
• Tabs material: add event data-on-tabs-scroll
• ScrollEvents: plugin for scrollStart, scrollStop events was removed
• Mousewheel: plugin was removed

4.2.42

• General: improved components initialization
• Hotkeys: now you can add or change hotkey at runtime
• Select: fix cyclic error when Uncaught ReferenceError: function is not defined for onchange event
• Card: add class flex-card to create card in flex model
• ListView: fix works methods with jQuery object and\or HTMLElement
• Streamer: add event data-on-events-scroll
• Streamer: fix method source
• Streamer: rename method data to dataSet
• TreeView: fix methods for add nodes, issue #1150

4.2.41

• List: add event data-on-data-load-error
• List: add item template with property template
• Table: add item template with property template and value wrapper this.cellValue
• Pagination: add function Metro.pagination
• Templates: now you can change begin and end template symbols with third argument {beginToken, endToken}
• Html container: add attributes data-method, data-request-data
• Html container: change name of events to data-on-html-load, data-on-html-load-fail, data-on-html-load-done
• Typography: change line-height for p, .text-leader, .text-leader2 to 1.2
• Charm: add event data-on-toggle.
• Chat: fix error for time manipulation, issue #1355
• Master: add events data-on-next-page, data-on-prev-page
• Events extensions: Now you can subscribe to all table events with $.on() or addEventListener()
• Wizard: add events data-on-next-page, data-on-prev-page, data-on-first-page, data-on-last-page, data-on-finish-page
• Global setup: add using global object metro{ComponentName}Setup to set up all components on the page with own global options set.
• Resizable: fix toggle canResize property
• Calendar picker: fix width for calendar wide
• Slider: change events to startAll, moveAll, stopAll
• Streamer: add events data-on-data-load, data-on-data-loaded, data-on-data-load-error
• Streamer: fix methods changeSource, changeData
• Streamer: add property row for event
• Streamer: add property html for event with custom html

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

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

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

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

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

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

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

4.2.33

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

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

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-bullets-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.

4.2.30

• Toast: add function init(options), now you can set toast top position and distance. See docs for details.
• t-menu: less code moved to separate file
• h-menu: less code moved to separate file
• drop-utils: now contains classes for drop-down: dropdown-toggle, drop-up, drop-left, drop-right
• sidenav-m3: fix icon position for submenu, issue #1266
• Splitter: fix gutter for nested splitters
• Splitter: fix calc min size if value for attribute data-min-sizes comma separated value
• Docs: fix mistake in docs for sidenav-counter-expand-*, issue #1269
• Docs: fix mistake in docs for spacing
• Command button: set font-weight to override it when use in wordpress
• Command button: set line-height to override it when use in wordpress
• Inline-form: change behavior for .form-group
• Carousel: add events onSlideShow(HTMLElement slide), onSlideHide(HTMLElement slide)
• Examples: fix start-screen for scroll on mobile devices

4.2.29

• Validator: fix for issue #1254
• Inputs: required, invalid, valid classes now works only for inputs.
• Validator: use attribute data-use-required-class to disable or enable class required for inputs with data-validate=required
• Popover: fix firing event onPopoverShow, issue #1258
• Notify: fix default options from new notify
• Inputs: fix toggle attribute disabled for inputs with role
• Splitter: add service classes .stop-select, .stop-pointer
• Table: fix issue #1262
• Table: optimize functions deleteItem, deleteItemByName
• List: optimize functions deleteItem
• Table: add attribute data-horizontal-scroll to enable horizontal scrolling for wide table
• Table: add attribute data-cls-table-container
• Tabs: add attribute data-tabs-type. This attribute sets new tab types for expanded horizontal tabs. Values: text, group, pills

4.2.28

• Sidebar: fix z-index
• Docs: fix mistakes in table options
• Utils css: fix class m4-cloak
• Validator: add argument data to events data-on-validate-form, data-on-error-form, data-on-submit. Data is a object and contains pairs: input-name: input-value for form elements.
• Popover: fix close popover
• v-menu: fix drop down for v-menu -> v-menu
• Validator: fix for issue #1254
• Utils: add functions parseCard(val), parsePhone(val). Functions remove all not numeric chars from value
• Table: add data formats card, phone
• List: add data formats card, phone
• Sorter: add data formats card, phone

4.2.27

• Input: remove -webkit-autofill background color
• App bar: fixed class ml-auto
• v-menu: add service class for-dropdown, added automatically, when add role `dropdown
• d-menu, v-menu: remove min-width for item
• d-menu: fix icon position in item
• Cloak: add class .m4-cloak for body to remove blinking initiated components
• Cloak: add meta tag metro4:cloak can receive values: show, fade (default)
• Cloak: add meta tag metro4:cloak_duration can receive integer values, default 500. Use for fade
• Dialog: add element as context to events
• Popovers: fix minor bugs, issue #1179, issue #1238
• Popovers: add attribute data-close-button="true|false""
• Popovers: now you can change popover content and position at runtime with attributes data-popover-text, data-popover-position
• Popovers: add attribute data-cls-popover-content
• Popovers: change context for events to element for which popover is created
• Colors: add branding color classes bg-* for facebook, twitter, github, gitlab, amazon, bootstrap
• Select: fix add, remove focused class
• Select: add class input-large
• Spinner: add class input-large
• Tag input: add class input-large
• Tag input: add auto resize to input
• Table: add methods deleteItem(field_index, val), deleteItemByName(field_name, val). Function return list instance. Val can be function or primitive value. Method can not redraw list, to redraw call method draw().
• Utils: add function arrayDeleteByMultipleKeys(arr, /*array*/ indexes). Function return new Array.
• Toolbar: fix for vertical layout
• Splitter: add attribute data-save-state, required element ID. If true, panes sizes stored into Storage
• Table: add method setData(obj)
• Table: add method setHeads(obj), setHeadItem(obj)
• Table: add method setItems(obj)
• List: add method deleteItem(val). Function return list instance. Val can be function or primitive value. Method can not redraw list, to redraw call method draw().

4.2.26

• Image compare: fix for touch devices
• Image magnifier: fix for touch devices
• Window: fix _setPosition method
• Buttons: fix size for dropdown-button, split-button and info-button
• Utils: add function iframeBubbleMouseMove(iframe)
• Input: add class .input-large
• Splitter: new component
• Popovers: fix minor bugs (forum issue)

4.2.25

• Sidebar: remove scroll-y from sidebar, add scroll-y to sidebar-menu
• Countdown: refactoring structure, add animation effects: slide, fade, zoom
• Hero: minor upd styles for background image
• Html container: new component, include HTML snippets in HTML element
• Utils: add function isLocalhost()
• Docs: upd for using htmlcontainer component
• Window: fix gradually disappear for children when window is hiding, issue #1222
• Utils: add methods getCursorPosition(...), getCursorPositionX(...), getCursorPositionY(...)
• Image compare: new component
• Image magnifier: new component

4.2.24

• Time picker: fix method val for issue #1221
• Calendar: fix method setToday for issue #1215
• ListView: fix method _createNode for structure option, issue #1220
• ListView: fix methods insertBefore, insertAfter
• Tabs: change expand behavior
• Tabs: fix expand/collapse behavior
• Select: add attribute data-cls-option-active
• Countdown: fix performance and minor bugs
• Countdown: fix deferred start setup
• Countdown: add methods resume(), reset()
• Notify: fix firing method onClose
• Notify: add methods onNotifyCreate, onAppend
• Input: fix custom search button click
• Calendar picker: add attribute data-null-value. If this attribute false and value empty, used current date
• Calendar picker: fix for null value, issue #1217
• Accordion: add attribute data-material='true'
• Switch: add attribute data-material='true'
• Mif: add new icons 50+
• Bottom navigation: add new CSS component
• Bottom sheet: add new component
• Items list: add new CSS component
• Feed list: add new CSS component
• Group list: add new CSS component
• Head bar: add new CSS component
• Material tabs: add new component
• Material input: add new component
• Chips: add new CSS component
• Swipe: add new JS component

4.2.23

• Select: fix native onchange event triggering, issue #1198
• Calendar: add attributes data-prev-month-icon, data-next-month-icon, data-prev-year-icon, data-next-year-icon
• Calendar: fix rendering for ie, issue #1202
• Calendar picker: add data-prepend attribute, issue #1201
• Calendar picker: fix close when clicked dropdown button issue #1210
• Calendar picker: fix disabled white text is unreadable, issue #1208
• Calendar picker: fix init null value, issue #1206
• Resizeable: fix resize, issue #1205
• Table: add attribute data-filters-operator="and|or"
• Table: fix init filters, defined in attribute data-filters
• Table: rename filterMinLength to searchMinLength
• Table: rename filterThreshold to searchThreshold
• Table: add attribute data-search-fields, issue #1195
• Table: add attributes data-cls-row, data-cls-even-row, data-cls-odd-row
• Table component: full rewrite docs

4.2.22

• Appbar: remove classes app-bar-expanded-* and add attributes data-expand, data-exapnd-point
• Table: fix hidden class applying. issue #1194
• Table: add attribute data-cls-cell-wrapper
• Mif: set line-height: 1 for mif-*x classes
• File: add mode drop
• Select: fix for the long captions
• Select: add attribute data-cls-select-input
• Media players: set context for events to HTML element
• Builder: add Metro 4 Builder

4.2.21

• Docs: refactoring docs for form components
• Resizable: add attributes data-min-width, data-max-width, data-min-height, data-max-height, data-can-resize, issue #1100
• Input: add events onClearClick, onRevealClick
• Input: add methods clear(), toDefault()
• Input: rename data-cls-element to data-cls-component
• Input: add attribute data-cls-custom-button
• Input: add attribute data-history-divider and methods getHistory, setHistory, getHistoryIndex, setHistoryIndex
• Input: add search input functionality
• Search: remove search plugin
• Tag input: add observing attribute value
• Tag input: fix method val()
• Spinner: add events onArrowUp, onArrowDown, onArrowClick
• Spinner: add events onPlusClick, onMinusClick, onButtonClick
• Select: add event onItemSelect
• Select: add method reset(), getSelected()
• Select: fix method val(...)
• Textarea: add methods clear(), toDefault()
• Textarea: fix data-append attribute
• Calendar picker: fix error when value attribute is empty, issue #1191
• Calendar picker: add attributes data-dialog-mode, data-dialog-point, data-dialog-overlay, data-overlay-color, data-overlay-alpha
• Calendar: add compact class
• Calendar: for wide mode now use attributes data-wide or data-wide-point
• Extension: add method, if not exists, Array.from

4.2.20

• Table: fix default padding for th and td
• Select: fix custom classes apply for selected options for select with multiple option, issue #1184
• Input: add history option, issue #1162
• Spinner: new component, issue #1180
• AppBar: fix error creating hamburger when background-color is rgba or transparent, issue #1172
• Slider: add event onChange
• TreeView: change context for events
• Calendar: any input format with attribute data-input-format, issue #1186
• Calendar picker: any input format with attribute data-input-format, issue #1186
• Date: add extension function getWeek() - return week number

4.2.19

• Change contributing rules
• Tabs: add method open(tab_num | tab_el). Tab number counting from 1. Tab element - li HTML element or $("li") jquery wrapper
• Tabs: add methods next(), prev()
• Popover: add attribute data-popover-timeout. Timeout before popover show.
• Sidebar: add method isOpen to object Metro.sidebar
• Table: fix method loadData for string value from server
• Table: fix minor bugs
• Select: for multiple add attributes data-cls-selected-item, data-cls-selected-item-remover
• TagInput: add attribute data-tag-trigger. The attribute must contain integer values for keyCode for triggering tag creating event. Default: "13,188" - Enter and comma.
• ListView: fix checkbox position for selectable mode
• ListView: add attribute data-check-style. Value must be 1 or 2
• ListView: add methods getSelected(), selectAll() or selectAll(false) (for clear), clearSelected()
• Checkbox: add observing checkbox style attribute
• Radio: add observing checkbox style attribute
• Validator: add function notequals. Input value can't be equal to other input
• Validator: add function equals. Input value can be equal to other input. Different from compare - it use trim() for value
• Sizing: fix width classes w- for all media breakpoints

4.2.18

• Table: fix work attributes showTableInfo, showPagination when wrappers defined
• Table: fix pagination behavior when no items for table
• Table: add observing attributes data-check and data-rownnum
• Tabs: fix tab click behavior when <a> have a link in href attribute
• Calendar: add method clearSelected()
• Calendar: add method toDay()
• Table: add exception when data for table is not a object
• Table: add class fixed-layout
• Table: add data-filter-threshold attribute, this is a timeout before searching start
• Select: add attribute data-template for option. You can use this attribute to define html wrapper for option text in format ...any...$1. Where $1 used for replace by option text.
• Select: add attribute data-cls-drop-list to add additional class to drop down list.
• Select: add attribute data-append and minor css fixes
• Select: add multiple functionality
• Inputs: refactor inputs.less to specific files select.less, input.less, textarea.less, input-file.less
• Radio: add additional style for radio component. To use it, add attribute data-style="2" to your radio component.
• Checkbox: add additional style for checkbox component. To use it, add attribute data-style="2" to your checkbox component.
• Tag input: add new component

4.2.17

• Tabs: change behavior and attribute. For details, read the docs
• Table: add second parameter review to methods reload and loadData. If true, table view will be recreated from init values.
• Table: add head parameter show
• Input: add attribute data-default-value="..." for set default if val is empty and set to this when click clear button
• Table: add class .subcompact to pair to .compact
• Table: add attribute data-cell-wrapper. This class add wrapper to cell data with no wrap and no overflow props.
• Sidebar: add classes .compact and .subcompact

4.2.16

• Export: add object Metro.export. Now you can export any HTML tables to CSV with method Metro.export.tableToCSV(table, filename)
• Utils: add function copy(el) for copying element to clipboard
• Utils: add function bool(val). This func return true if value one of: true, 'true', 1, '1', 'on', 'yes'
• Table: fix show cell if stored value show for view have string type 'true' or 'false'
• Table: add second parameter heads for custom filter function
• Table: change padding and font-size for compact class
• Table: fix post method for save table view. Inspector post {id: table_id, view: table_view}
• Table: add method export(to, mode, filename, export_options). Argument to currently must value CSV. Argument mode: all, checked, view, all-filtered
• Table: add method resetView(save) reset table view to default
• Table: add method getView() return current view object
• Table: add method getHeads() return table internal heads
• Table: add method clearSelected(redraw). This method uncheck rows and redraw table if your need
• Dialog: add attributes data-to-top='true|false', data-to-bottom='true|false' for sticky dialog to top or bottom side.
• List: fix for issue ##1155 for IE11

4.2.15

• Switch: fix works with collapse. issue #1148
• Input, Select, Textarea, File: add data-append attribute
• TreeView: fix node toggle marker position
• TreeView: fix checks nodes for tree options when inputs checked by default
• String: add extension toDate(mask)
• Media players: fix info box position
• Utils: add function nearest(val, prec, down) for search for the nearest integer, a multiple of required
• Select: fix trigger error for empty value. issue #1138
• Time picker: add steps attributes data-hours-step, data-minutes-step, data-seconds-step. issue #1122
• Time picker: fix sliders position when picker placed top or bottom of parent
• Input file: fix only shows the first file name for multiple option. issue #1140
• Calendar picker: add observing attributes data-min-date, data-max-date
• Input: remove webkit default clear button for type=time
• Table: fix create internal heads when header defining in html and data loaded from json
• Table: add attribute data-filter-min-length for number of symbols inputs and start searching
• Table: add column rownum. This column shows when attribute data-rownum="true"
• Table: add column row check. This column shows when attribute data-check="true"
• Table: add column row radio. This column shows when attribute data-check-type="radio"
• Table: add attribute data-check-store-key="..." used for store selected rows in the storage
• Table: add attribute data-view-save-mode="client|server" used for store table view
• Table: add attribute data-view-save-path="storage_key|url" used for store table view
• Table: add data-locale attribute
• Table: add table inspector to configure columns view
• Table: add methods openInspector(true|false), toggleInspector() to show/hide table inspector
• Table: add methods getFilteredItems(), getSelectedItems(), getStoredKeys()
• Table: add events onDrawCell, onAppendCell, onAppendRow, onViewSave, onViewGet, onCheckDraw

4.2.14

• Table: fix pagination calculator when rows count changed
• Table: pagination not displayed when rows count is -1 (show all rows)
• Table: rename attribute data-show-all-pages to data-pagination-short-mode

4.2.13

• Windows: fix execute method onCloseClick
• Table: add classes compact-{media} and normal-{media} where {media} is one of sm, md, lg, xl, xxl

4.2.12

• Sidebar: remove text decoration underline for menu item
• Sidebar: add menu item hover
• Tiles: fix col-* and row-* classes for tiles grid issue #1133
• Table: add all rows behavior with -1 value for data-rows and data-rows-steps
• Table: add data-all-records-title attribute
• Sidenav-m3: fix icon position when dropdown issue #1134
• Table: fix init sortable column
• Table: remove generating ghost tr

4.2.11

• Table: add setup for the number formatting. Add attributes data-thousand-separator, data-decimal-separator issue #1129
• Sorter: add setup for the number formatting. Add attributes data-thousand-separator, data-decimal-separator issue #1129
• List: add setup for the number formatting. Add attributes data-thousand-separator, data-decimal-separator issue #1129
• Table: fix for the colspan option issue #1129
• Table: fix behavior of attribute data-cls-column
• Tabs: fix error if tag a in tab have a valid formed url in href attribute

4.2.10

• Hint: fix hiding slider hint with data-hint-always=true when showing others hits issue #1126
• Streamer: change streamer data with attribute data-data
• Date picker: fix sliders position when picker placed top or bottom of parent issue #1107
• Floating action button: new component
• Toast: add classes .primary, .secondary, .success, .alert, .warning, .yellow, .info, .light

4.2.9

• Calendar: fix day item height for issue #1112
• Select: fix method val for issue #1116
• App bar: fix drop down for issue #1114
• Slider: fix marker position for non displayed slider fro issue #1119
• Time(date) picker: add classes .for-top, .for-bottom. Use with attribute data-cls-picker
• Time(date) picker: add action button border

4.2.8

• Sorter: new component
• Table: new component
• List: new component
• Utils: add new methods isValue, isNegative, isPositive, isZero, func, between, parseMoney
• Tiles: upd for issue #1109
• i18n: add it-IT locale by milanteo

4.2.7

• Accordion: fix events context to html element
• Date picker: fix for negative time zone (issue #1084)
• Date picker: fix events context to html element
• Extensions: add function addHours, addDays, addMonths, addYears for date object
• Dialog: now shadow can be on/off with option data-shadow="true"
• Dialog: add window.resize controller
• Info box: add component information boxes width states default, alert, warning, success and info
• Sidebar: add component

4.2.6

• Validator: add func reset for reset fields state
• Validator: add func reset_state for reset field state
• Validator: add func set_valid_state for valid field state
• Validator: add func set_invalid_state for invalid field state
• Validator: add auto method reset for forms with role validator
• Validator: add option boolean requiredMode for form. If this option is true, all funcs works as required, else funcs works if field value is not empty.

4.2.5

• CSS Utilities: add cursor classes in format .c-{cursor-name}. Example: .c-alias
• Badge: added class .badge to display counting info or small label inside the element
• Docs: add doc file badge.html for badge component
• Docs: add doc file cursors.html for cursors classes

4.2.4

• Counter: add new component
• Docs: add docs for counter component

4.2.3

• Validator: add custom validation
• Navigation view: issue #1018 sets focus to the input field in suggest-box when user click on the helper
• Dialog: change max-width to calc(100vw - 100px) and max-height to calc(100vh - 100px)

4.2.2

• Window: fix methods show(), hide() in Metro.window
• Window: add methods min, max to component and object

4.2.1

• Vertical menu: fix issue #1089 - the sub-menu are out of the view
• Window: change logic of method close
• Window: add object Metro.window with a number of methods

4.2.0

• Select: add filtering feature.
• Activity: fix z-index for global activity with overlay
• Activity: add new option text for activity overlay
• Third party: add styles for datatables plugin
• Third party: add styles for select2 plugin
• Demo: add demo page for datatable plugin
• Demo: add demo page for select2 plugin

4.1.20

• Animation: add class .transition
• Neb: add type 2 with class .neb2 and subclasses .neb-n, .neb-s, .neb-w, .neb-e
• Docs: improve docs pages
• Examples: improve github page example
• Examples: improve start screen example
• Activity: add object Metro.activity with two methods: open({...}), close(activity)

4.1.19

• Session storage: fix

4.1.18

• Wizard: fix issue 1083
• Shadow utilities: add classes .no-shadow, .no-shadow-text
• Session storage: add it. Session storage work as Metro.storage
• Docs: fix side navigation layout

4.1.17

• Panel: add .info-panel
• Docs: redesign index and sponsors pages

4.1.16

• Calendar: add observation for data-special attribute
• Calendar picker: add observation for data-special attribute
• Calendar picker: add observation for data-exclude attribute
• Sizing: fix utilities classes calculating .w-@{s}-@{m}

4.1.15

• Metro: corrected typos in method names reinitPlugin and reiniPluginAll
• Docs: corrected typos in example of micro template engine

4.1.14

• Issues: fix #1072
• Calendar picker: add events onMonthChange, onYearChange
• Calendar: add special days
• Calendar: add attributes data-show-header, data-show-footer
• Listview: fix table view mode
• Utils: add method mediaModes() - return current medias
• Utils: add method inMedia(media) - return true if media is current mode. Ex: Metro.utils.inMedia('md')
• Checkbox: increase size and fix element height to inputs
• Radio: increase size and fix element height to inputs

4.1.13

• Textarea: fix line-height

4.1.12

• i18n: add French fr-FR locale, thanks to drill95

4.1.11

• Switches: fix shrink for check element for checkbox, radio and switch
• Metro icons font: add loading ttf and svg font types

4.1.10

• i18n: add es-MX, thanks to rkgarcia
• Inputs: optimize css for prepend element
• Inputs: set height for input, select, file to 36px
• App bar: change height to 52px

4.1.9

• Typography: fix media for reduce-*, enlarge-*, text-align, vertical-align
• Validator: change rule for domain function
• Validator: fix returned value for Metro.validator.validate()

4.1.8

• Master: set overflow: visible to element
• Select: add scroll to active option
• Scheme builder: add style for select active options
• Panel: fix icon place and size
• Scheme builder: remove background-color and color from .table
• Buttons: change height to 36px
• Master: fix height of pages container when a window is resized
• Select: change padding and height for internal drop down list items
• Input file: fix overflow for very long file name
• Checkbox: fix line-height for long caption
• Radio: fix line-height for long caption
• Validator: add validation function domain

4.1.7

• Display: fix order display classes d-*

4.1.6

• Cube: fix change rules at runtime
• Cube: add method toRule(...)
• Lists: add .custom-list-marker
• Lists: return from v3 .step-list
• Typography: add class .text-underline
• Intro: fix docs for meta tags
• Calendar: fix actions buttons padding
• Button: change height to 32px
• Scheme builder: add .info-button, .image-button
• Menu: fix .t-menu horizontal dropped down size
• Color scheme red-dark: change secondary background color

4.1.5

• Colors: add .bd-transparent class
• Buttons: add .info-button as Github split button
• Examples: upd github page for .info-button
• App bar: add class .app-bar-input for placing inputs
• Buttons: add class .hovered for default button
• Tabs: all tabs anchors now have flex box model

4.1.4

• Metro icon fonts: update, 34 new icons

4.1.3

• Images: change .img-container display to block
• Streamer: increase sizes and offsets to 20 intervals
• App bar: flexible model
• App bar: fix using .v-menu in .app-bar-container
• Examples: Github page
• Typography: add class .no-decor
• Less: move default icons data-uri to include/default-icons

4.1.2

• Select: add method val()

4.1.1

• Utils: add method inObject
• Metro.initWidgets: change check rule for defined component
• Input file: add click on the all elements parts
• App bar: fix v-menu usage
• Spacing: add mx-*, px-* classes
• Examples: add examples presentation page
• Examples: add login form example examples/forms/login.html

4.1.0

• Side navigation: new component sidemenu-simple
• Button group: new behavior for one mode - all unchecked
• Select: add method data() for loading options at runtime
• Scheme builder: new mixin
• Schemes: darcula, red-alert, red-dark, sky-net
• Schemes: add documentation.
• Color: move color classes bg-* and fg-* to metro-color.css
• Sizing: add classes .h-vh-*, .w-vw-* (5, 10, 25, 50, 75, 100)
• Pagination: move to pagination.less
• Breadcrumbs: move to breadcrumbs.less
• Wizard: fix sections height for IE11 and Edge
• Wizard: add click on complete section to navigate to it
• Navview: fixed background-color for .pull-down and .holder for IE11 and Edge
• All: fix any minor bugs
• Examples: Select in runtime examples/ajax/select.html
• Examples: Color module 1 examples/colors/color-schemes.html
• Examples: Color module 2 examples/colors/color-schemes-2.html
• Examples: Color module 3 examples/colors/color-schemes-3.html
• Examples: Cube examples/cube/cube.html
• Examples: Cube custom function examples/cube/cube-custom-func.html
• Examples: Windows examples/desktop/desktop.html
• Examples: Dialogs examples/dialogs/dialogs.html
• Examples: Schemes examples/schemes/schemes.html
• Examples: Tiles examples/tiles/start.html

4.0.10

• App bar: fix .app-bar-menu dropped down for IE11 and Edge

4.0.9

• Checkbox: refactoring
• Radio: refactoring
• Input: fix for IE11 and Edge
• Ribbon menu: fix for IE11 and Edge
• ListView: fix for IE11
• TreeView: fix for IE11 Edge for checkboxes
• Subsystem: add method Object.values special for IE11

4.0.8

• Ribbon menu: fix it for button group

4.0.7

• Button group: fix it

4.0.6

• Dialog: fix method Metro.dialog.toggle()
• Notify: increase z-index for default container
• Window: add observing data-cls-window attribute
• Window: fix observing data-cls-caption and data-cls-content attribute
• Window: add method show() - this method add class no-visible to window
• Window: add method hide() - this method remove class no-visible from window
• Window: upd documentation

4.0.5

• Tiles: add .tiles-group class with sizes subclasses
• Metro: add methods reinitPlugin, reinitPluginAll

4.0.4

• Charms: remove preventDefault from click event
• Nuget: change target location for Metro 4
• Validator: add radio and select to validation
• Validator: add function not

4.0.3

• Validator: rename event onValid to onValidate
• Validator: add events onErrorForm, onValidateForm
• Validator: added checkbox validation (required function)

4.0.2

• Validator: change rules delimiter to space

4.0.1

• Pickers: fix buttons behavior

4.0.0

Release