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

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

4.3.6

M4Q

Metro 4

4.3.5

M4Q

Metro 4

4.3.4

M4Q

Metro 4

4.3.3

4.3.2

4.3.1

4.3.0

4.2.49

4.2.48

4.2.47

4.2.46

4.2.45

4.2.44

4.2.43

4.2.42

4.2.41

4.2.40

4.2.39

4.2.38

4.2.37

4.2.36

4.2.35

4.2.34

4.2.33

4.2.32

4.2.31

4.2.30

4.2.29

4.2.28

4.2.27

4.2.26

4.2.25

4.2.24

4.2.23

4.2.22

4.2.21

4.2.20

4.2.19

4.2.18

4.2.17

4.2.16

4.2.15

4.2.14

4.2.13

4.2.12

4.2.11

4.2.10

4.2.9

4.2.8

4.2.7

4.2.6

4.2.5

4.2.4

4.2.3

4.2.2

4.2.1

4.2.0

4.1.20

4.1.19

4.1.18

4.1.17

4.1.16

4.1.15

4.1.14

4.1.13

4.1.12

4.1.11

4.1.10