Skip to content

Metro 4.4.0

Compare
Choose a tag to compare
@olton olton released this 27 Sep 17:08
· 3190 commits to master since this release

4.4.0

M4Q

  • M4Q: updated to 1.0.8
  • M4Q Constructor: added short-tag for selecting by data-role with $('@rolename')
  • M4Q Visibility: fixed method hide for detecting initial display value
  • M4Q Init: improve init method
  • M4Q: added property $.device, true for mobile a device.

Metro 4

  • Components: switch to Component._fireEvent(...) method for firing component events data-on-*
  • Calendar: added firing event onMonthChange when user clicks on outside day, issue #1589
  • Window: added API methods pos(top, left), top(v), left(v), width(v), height(v), issue #1590
  • Metro.window: added methods pos(top, left), top(v), left(v), width(v), height(v)
  • Switch: added data-on, data-off attributes to show switch text state
  • Checkbox: added API method toggle(state). The state must be -1 (indeterminate), 0 (unchecked), 1 (checked) or undefined (toggle between checked and unchecked), issue #1586
  • Switch: added API method toggle(state). The state must be 0 (unchecked), 1 (checked) or undefined (toggle between checked and unchecked), issue #1586
  • Double slider: fixed right-hand button moves when grabbing the left-hand hint, issue #1591
  • Window: added property attr to custom button definition. This attribute must be a object with pairs key: value where key - attribute name, value - attribute value, issue #1592
  • Input: added property attr to custom button definition
  • Panel: added property attr to custom button definition
  • Lightbox: new component to create a modal image gallery
  • ImageGrid: new component to create a simple beautiful image grid
  • Draggable: added attribute data-boundary-restriction="true|false", issue #1595
  • Tokenizer: new component to create tokenized text
  • Carousel: fixed active slide z-index, issue #1605
  • Dropdown: added attributes data-drop-up=true|false (default false), data-check-drop-up=true|false (default: false), issue #1604
  • Select: added attributes data-drop-up=true|false (default false), data-check-drop-up=true|false (default: true), issue #1604
  • Table: fixed using template, issue #1606
  • Select: fixed clear button work, issue #1610
  • Input: remove metro style from input without role input. To added metro style to input without role input, use class metro-input.
  • Textarea: remove metro style from input without role input. To added metro style to input without role input, use class metro-input.
  • Utils Css: remove classes .neb, .neb2, .h-center, .v-center
  • Input: added event onAutocompleteSelect. You can define this event with an attribute data-on-autocomplete-select. The event receives a one argument - selected value. issue #1615.
  • Validator: fixed validating radio buttons with a name as indexed array, issue #1620
  • Textarea: added attribute data-max-height=0..n, now you can set max height for textarea component.
  • Components: now, you can use components without common styles from metro-common.css, metro-reset.css, issue #1609
  • Window: disable a window maximized/minimized action when attribute data-btn-max=false and user use double-click on then window caption, issue #1625
  • Input: added style prop min-width=0, issue #1626
  • Component: fixed method _runtime() for updating attribute data-role.
  • Input: added attribute data-label. If this attribute defined, label element for input will be created automatically.
  • Calendar picker: added attribute data-label. If this attribute defined, label element for input will be created automatically.
  • Time picker: added attribute data-label. If this attribute defined, label element for input will be created automatically.
  • Date picker: added attribute data-label. If this attribute defined, label element for input will be created automatically.
  • Input mask: added new component. Currently, only for desktop browsers.
  • Icons: new icons external, new-tab
  • Countdown: fixed draw function, issue #1632
  • Color: added ColorPrimitive with color primitive objects
  • Color: fixed color type constructor for creating colors from string
  • Color: added method mix(...): ColorType.mix(color) and Colors.mix(color1, color2). This method allows you to mix colors.
  • Color: added methods channel(channelName, val), channels(obj). This method change specified color channel. Color must be a required format.
  • Date picker: added methods enable(), disable()), toggleState(), added observing for prop disabled, issue #1633
  • Time picker: added methods enable(), disable()), toggleState(), added observing for prop disabled, issue #1633