CHANGELOG.md

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