Metro 4.3.5

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

Metro 4.3.4

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

Metro 4.3.3

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.

Metro 4.3.2

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-*

v4.3.2-RC2

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

Metro 4.3.1

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

Metro 4.3.0

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

Metro 4.2.49

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

Metro 4.2.48

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

v4.2.47

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