Metro-UI-CSS

5.0.5

• Update dialog for themes
• Added color variables
• Updated m4q, new methods: $.curry, $.compose, $.pipe
• Redesign treeview

5.0.4

• Improved app-bar, added dark, light themes
• Improved d-menu, added dark, light themes
• Fix d-menu in app-bar
• Improved collapse components
• Improved panel, added dark, light themes
• expand-button renamed to transofrm-button, added new states left, right, top, bottom, top-left, top-right, bottom-left, bottom-right
• Added component theme-switcher
• Update common css for themes
• Update accordion for themes
• Update calendar for themes
• Update button-group for themes
• Update checkbox for themes, style2 removed
• Update cards for themes
• Added class error
• Updated breadcrumbs default, added new style breadcrumbs arrow

5.0.3

• Improved counter with useEffect
• Improved v-menu
• Update core libs
• Added grid2

5.0.2

• Improved d-menu, fix interacts with other components (treeview, sidenav-m3, app-bar)

5.0.1

• Fixed button outline style
• Improved d-menu

• Add routines: datetime, string, html, animation, hooks, color
• Improvements for components
• Calendar bug fixes
• Added relation for components (for build with bundlers)

• Fix for calendar dates before april

• Add/update libs: html, datetime, string, color, animation, m4q
• Improved and extended Treeview
• bugs fixes
• minor improves

Fixed older bug for dates in the calendar for any TZ

Update for using with webpack

Embed icon font into css as base64

upd pathes in mif-base.less

Minor fixes and improves, split precompiled css to metro.css and icons.css.

Fixed loading icon font.

Fixed build order, issue for outline button.

4.5.1

• Donut: fixed method setColor({...})
• Checkbox Three State: added new component with role checkbox-three-state
• Media: added sizes xxxl: 1600px, xxxxl: 1800px, xxxxxl: 2000px
• Grid: added cells cell-xxxl-*, cell-xxxxl-*, cell-xxxxxl-*, cell-*-fifth (20%), cell-*-one-fifth (20%), cell-*-two-fifth (40%), cell-*-three-fifth (60%), cell-*-four-fifth (80%)
• Table: fixed creating head from html
• Table: added placeholder for search input with table-search-placeholder attribute
• Countdown: fixed method reset()
• Countdown: added method resetWith(str|obj)
• Tabs: added events onTabOpen, onTabClose
• Tabs: to events onTab, onTabOpen, onTabClose added second argument target. Value for it child a.href value
• Tabs: added attribute data-update-uri="true|false" (default false). If true url hash will update with tab target value
• Tabs: added method openByTarget("#...")

4.5.0

• Tabs Material: fixed jump to the anchors, issue #1794
• Table: fixed create Instpector when table data loaded with method loadData(), issue #1796
• Tabs Material: added mouse wheel support for scrolling tabs, issue #1795
• Select: added event data-on-clear, fixed firing event data-on-change when user click on the clear button, issue #1802
• Switch: fixed method toggleState(), issue #1799
• Select: fixed API method data() for selecting option when defined, issue #1755
• Select: added API methods addOptions(values = [] || {}), removeOptions(values = [])
• Select: added API methods addOption(val, title, selected), removeOption(val)
• Select: fixed clear button work, issue #1716
• Master: fixed for quick switching panes, issue #1787
• Important: IE is dead and no more supported!
• M4Q: version updated to 1.1.0
• M4Q: removed polyfills for Promise, CustomEvent (IE is dead)
• Datetime: version 1.0.1, new global type Datetime, and factory datetime()
• Cake: version 1.0.0, new global type Cake, and factory cake()
• Ajax: switched from $.ajax ($.json, $.post, ...) to fetch (IE is dead)
• Tag input: switched from $.ajax to fetch
• Input: switched from $.ajax to fetch
• Html container: switched from $.ajax to fetch
• Cookie disclaimer: switched from $.ajax to fetch
• Table: _create(), _buid(), _saveTableView(), loadData() now use fetch, and send data to server as json
• Streamer: now use fetch for loading data
• List: now use fetch for loading data
• Calendar: fixed showing week numbers
• Calendar: rewritten with Datetime
• Calendar picker: rewritten with Datetime
• Countdown: updated for using with Datetime
• Chat: updated for using with Datetime
• Chat: changed messages style
• Validator: updated method date for using with Datetime
• Table: updated for using with Datetime (change toDate() to Datetime.from())
• List: updated for using with Datetime (change toDate() to Datetime.from())
• Datepicker: updated for using with Datetime
• Utils: updated for using with Datetime
• Extensions: removed extension for Date, use Datetime
• Extensions: removed extension for Object - Object.create(), Object.values() (IE is dead)
• Extensions: removed methods from extension for String, Array
• Any: added using Cake.lpad where need
• Utils: removed functions lpad, rpad. If you need these functions, use Cake.pad, Cake.lpad, Cake.rpad
• Select: added attributes data-drop-full-size=true|false (default: false), data-drop-width=int_value to set drop container width
• Hint: added attribute hintDeferred if value of this > 0, a hint will display with delay.
• ActionButton: fixed vertical-align for multi-action class
• Activity: change default style to color
• Keylock: added new component
• Calendar: fixed bug issue #1732
• Window: fixed event onMaxClick, issue #1735
• DoubleSelectBox: added new component, request from Patreon patron
• M4Q: fixed setting css number props order, zoom with method css()
• CalendarPicker: added API method clear()
• CalendarPicker: fixed API method val(), if you set argument as empty string val(""), you clear calendar picker value
• M4Q Ajax: fixed method $.get for url with ?, issue #1745
• List: updated for using with different tags. For example: now you can use list with div.grid role=list > div.row > div.cell structure
• List: added attribute data-cls-template-tag to set class(es) for item children
• List: added attribute data-default-template-tag to set wrapper element for item children, when template is not defined
• List: improved work with an attribute data-cls-template-tag. Now you can set many classes separated with comma to applying to elements with linked index
• Grid: fixed no-gap class, now padding cancels for .grid.no-gap .row > .cell* and .row.no-gap > .cell*
• Utils: fixed function Utils.isObject(), issue #1755
• Switch: To show on-off label you must set attribute data-show-on-off='true' and use attributes: data-on, data-text-on, data-off, data-text-off or i18n configs with attribute data-locale
• Switch: added i18n support with props locale.switch.on, locale.switch.off
• Switch: added changing on-off text in runtime with API method i18n(locale_name), issue #1761
• M4Q: added property $.dark
• Accordion: added API method open(index)
• Accordion: added attributes data-cls-accordion, data-cls-frame, data-cls-heading, data-cls-content, data-cls-active-frame, data-cls-active-frame-heading, data-cls-active-frame-content
• Table: added attribute data-use-current-slice. If this attribute has a value true, click on select-all checkbox will only apply to the current (visible) data slice, issue #1778
• Sidebar: added attribute data-close-outside="true|false" to close sidebar by a click outside the sidebar, issue #1777
• Marquee: added method setItems([...])

4.4.3

M4Q

• Attributes: fixed method attr when user defining one argument
• Animation: added methods stopAll(), pause(id), pauseAll(), resume(id), resumeAll()

Metro 4

• Color selector: added new component
• Color picker: added new a component
• Marquee: added new component
• NavView: fixed navview-pane item height and hover state, issue #1661
• Metro: improved function makePlugin(...), now you can use it for set of elements.
• Slider: fixed work vertical slider for touchable devices
• Colors: improve work with hsl, hsv
• Spinner: fixed input not a number value, value more or less than defined in options.
• Keypad: fixed internal value type mismatch.
• InfoBox: added attribute data-overlay-click-close=true|false, default false, issue #1668
• Table: added localization from i18n files, issue #1671
• Dropdown: fixed closing others when open current
• Timepicker: fixed error when step is not equals to 0, issue #1676
• Select: fixed clear button icon position in input-small mode, issue #1675
• Select: added attribute data-cls-group-name
• Select: for option added attribute data-display, issue #1677
• Input: added support for getting autocomplete list items with ajax, issue #1682
• Locales: added Croatian locale, thanks to dugi007
• Calendar: added showing events count in days, issue #1621
• Tag Input: added autocomplete feature, issue #1500
• Table: added showing inspector button with attributes data-show-inspector-button=true|false, data-inspector-button-icon.
• Table: set default value for data-cell-wrapper to true
• Table: improve table styles for table-contaner
• Table: fixed working with attribute data-horizontal-scroll-stop
• Metro: added method pluginExists(name) to check if specified plugin registered in registry
• Colors: fixed primitives RGBA, HSLA to create with specified alpha
• Utils: added lpad(), rpad() functions
• Calendar: improve visibility, fixed for using Utils.lpad()
• Calendar picker: fixed for using Utils.lpad()
• Metro: added method Component._fireEvents(...)
• Security alert: fixed from issue #1687
• Date extension: fixed method getWeek(), used in calendar for showing week numbers.
• Tag input: added closing autocomplete list on user click outside.
• Window: fixed holds zIndex when draggable, issue #1689
• i18n: fixed a chinese locales name, issue #1691
• Countdown: changed prop name data-animate-func to data-ease
• Additional colors: for opacity added op-*-hi, op-*-low classes
• Additional colors: default opacity changed to 0.5
• Keypad: added attributes data-except-keys, data-key-separator, data-key-delimiter, data-trim-separator.
• Table: fixed using attribute data-sortable for th.