HexagonJS
Changelog
2.0.0
A breaking change designed to improve the build and internals of Hexagon without impacting any of the code or APIs (where possible).
The core of this includes removing the builder api and replacing with proper modules
import { DatePicker } from 'hexagon-js';
See the Installation page for more information about installing and using Hexagon
See the Migration 1.x -> 2.x page for more information about migrating.
Breaking changes:
  • The build api for creating a bundle was removed
  • ColorPicker was removed
  • hx.theme replaced by hx.theme() (find/replace resolves this)
AutoComplete
2
2
hx.AutoCompleteextendsEventEmitter
Deprecated
Replaced by hx.Autocomplete (lowercase c)
hx.autoCompleteSelection
Deprecated
Replaced by hx.autocomplete (lowercase c)
hx.AutocompleteextendsEventEmitter
Added
The AutoComplete class can be used to add an auto complete suggestion dropdown to any input field.
hx.autocompleteSelection
Added
Creates a new AutoComplete set up on a detached element, wrapped in a selection
Color Picker
1
hx.ColorPickerextendsEventEmitter
Removed
Removed the color picker module as it was complex and very few people used it. There are plenty of more suitable alternative libraries for colour pickers available.
Color
2
2
hx.isColorBoolean
Added
Checks if an object is a Color instance.
hx.color.isColorBoolean
Deprecated
Replaced by hx.isColor
hx.isColorStringBoolean
Added
Checks if a string is a css color string.
hx.color.isColorStringBoolean
Deprecated
Replaced by hx.isColorString
Component
6
hx.componentObject
Deprecated
Replaced with Selection::api api
hx.componentsArray[Object]
Deprecated
Replaced with Selection::api api
hx.component.register
Deprecated
Replaced with Selection::api api
hx.components.clear
Deprecated
Replaced with Selection::api api
Selection
componentObject / Array[Object]
Deprecated
Replaced with Selection::api api
Selection
componentsArray[Object] / Array[Array[Object]]
Deprecated
Replaced with Selection::api api
Data Table
3
hx.DataTableoptionsObject
options
stickyHeadersEnabledBoolean
Added
Added an option to allow the sticky headers to be disabled
hx.DataTable
stickyHeadersEnabledBoolean
Added
Gets the stickyHeadersEnabled option
hx.DataTable
stickyHeadersEnabledDataTable
Added
Sets the stickyHeadersEnabled option
Dropdown
1
hx.DropdowndropdownContentString / Function
dropdownContentString / Function
Updated
Dropdown content now supports being passed a Selection that will be automatically appended to the dropdown content.
String
A warning is shown when passing in string content due to the deprecation of Selection::html. It is still possible to pass in a string which will continue to work when this function is updated to use Selection::text
Filter
11
1
filterGreaterArray
Added
A function that allows filtering of array values that are greater than or equal to a search term.
hx.filter
Deprecated
The filter object has been replaced by specific filter methods directly on the hx object.
filterExactArray
Added
A function that allows filtering of array values that match a search term exactly.
filterStartsWithArray
Added
A function that allows filtering of array values that start with a search term.
filterContainsArray
Added
A function that allows filtering of array values that contain a search term.
filterLessArray
Added
A function that allows filtering of array values that are less than or equal to a search term.
filterFuzzyArray
Added
A function that allows filtering of array values that contain the letters in a search term in the same order but not necessarily directly after each other.
array = ['Bob Stevenson', 'Steve Stevenson', 'Dave Peters']
hx.filterFuzzy(array, 'ss') // returns ['Steve Stevenson', 'Bob Stevenson'] as the match in Steve Stevenson is stronger.
filterExcludesArray
Added
A function that allows filtering of array values that are don't contain a search term.
filterRegexArray
Added
A function that allows filtering of array values using a regular expression.
filterStringTypesArray[String]
Added
A function that returns the filter types that can be used when filtering strings:
[
  'contains',
  'exact'
  'excludes',
  'startsWith'
  'regex',
  'fuzzy'
]
filterNumberTypesArray[String]
Added
A function that returns the filter types that can be used when filtering numbers:
[
  'exact',
  'greater',
  'less'
]
filterTypesArray[String]
Added
A function that returns all the filter types:
[
  'contains',
  'exact'
  'greater',
  'less',
  'excludes',
  'startsWith'
  'regex',
  'fuzzy'
]
Fluid
2
2
hx.buttonSelection
Deprecated
Replaced by hx.button(class)
hx.buttonSelection
Added
Creates a detached button wrapped in a selection
hx.iconSelection
Deprecated
Replaced by hx.i
hx.iSelection
Added
Creates a detached <i> element wrapped in a selection
Label
2
hx.labelSelection
Deprecated
The label module is deprecated in favour of the badge module
hx-label
Deprecated
This module has been replaced by the Badge module
Layout
2
6
hx.groupSelection
Deprecated
Replaced by hx.group(options)
hx.groupSelection
Added
Creates a detached div, classed with hx-group wrapped in a selection
hx.group.verticalSelection
Deprecated
Replaced by hx.group(options)
hx.group.fixedSelection
Deprecated
Replaced by hx.group(options)
hx.group.vertical.fixedSelection
Deprecated
Replaced by hx.group(options)
hx.sectionSelection
Deprecated
Replaced by hx.section(options)
hx.section.fixedSelection
Deprecated
Replaced by hx.section(options)
hx.sectionSelection
Added
Creates a detached div, classed with hx-section wrapped in a selection
Modal
2
1
hx.modal
Deprecated
The modal object has been replaced by specific filter methods directly on the hx object.
modalDialogModal
Added
A function for creating a simple modal popup with a title, a message and some buttons.
modalInputModal
Added
A function for creating a simple modal popup with a title, a message and an input box (and confirm and cancel buttons).
Notice
2
3
hx.notice.headSelection
Deprecated
Replaced by hx.noticeHead
hx.notice.bodySelection
Deprecated
Replaced by hx.noticeBody
hx.noticeHeadSelection
Added
Creates a detached div, classed with hx-notice-head, wrapped in a selection
hx.noticeBodySelection
Added
Creates a detached div, classed with hx-notice-body, wrapped in a selection
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
Notify
6
6
hx.notify.positiveNotification
Deprecated
Replaced by hx.notifyPositive
hx.notify.defaultTimeoutNumber
Deprecated
Replaced by hx.notifyDefaultTimeout
hx.notify.loadingNotification
Deprecated
Replaced by hx.notifyLoading
hx.notify.infoNotification
Deprecated
Replaced by hx.notifyInfo
hx.notify.warningNotification
Deprecated
Replaced by hx.notifyWarning
hx.notify.negativeNotification
Deprecated
Replaced by hx.notifyNegative
hx.notifyDefaultTimeoutNumber
Added
Replaced by hx.notifyDefaultTimeout
hx.notifyLoadingNotification
Added
Shows a loading notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's loading method.
hx.notifyInfoNotification
Added
Shows an information notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's info method.
hx.notifyWarningNotification
Added
Shows a warning notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's warning method.
hx.notifyNegativeNotification
Added
Shows a negative notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's negative method.
hx.notifyPositiveNotification
Added
Shows a positive notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's positive method.
Plot
1
1
hx.theme.plot
Removed
Replaced by hx.theme().plot - This is a breaking change
hx.theme().plot
Added
Selection
4
2
Selection
apiAny
Added
A method for and getting an API object from a DOM node.
All hexagon components register an API, the first un-named API to be registered can be retrieved with this method.
Selection
apiAny
Added
A method for and getting an API object from a DOM node under a given name
All hexagon components register an API, the first un-named API to be registered can be retrieved with this method.
Selection
apiSelection
Added
A method for and setting an API object from a DOM node.
All hexagon components register an API, the first un-named API to be registered can be retrieved with this method.
Selection
apiSelection
Added
A method for and setting an API object from a DOM node under a given name
All hexagon components register an API, the first un-named API to be registered can be retrieved with this method.
Selection
htmlSelection
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Selection
html
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Sort
3
1
hx.sort
Deprecated
The hx.sort methods have been renamed to explict functions: hx.compare, hx.compareNullsLast, hx.localeCompare
hx.compareNumber
Added
A function to compare two items and return a number based on the priority. It takes into account the character order of text and the numeric order of numbers, as opposed to a standard text sort.
array = ['20','1','100']
array.sort() // returns ['1', '100', '20']
array.sort(hx.sort.compare) // returns ['1', '20', '100']
hx.localeCompare
Added
A function to return a localised sort function to use directly when calling array.sort.
It takes into account the character order of text for a specific locale and the numeric order of numbers.
Some browsers don't support the locale and options parameters.
Browser support and accepted values for the locale and options parameters can be found on the
svCompare = hx.sort.localeCompare('sv')
array.sort(svCompare)
svCompare in the above example would evaluate to:
function(a, b){
  return hx.sort.localeCompare(a, b, 'sv')
};
hx.compareNullsLastNumber
Added
A sort function that sorts nulls to the end of an array.
Spinner
1
1
hx.spinner.wideSelection
Deprecated
Replaced by hx.spinnerWide
hx.spinnerWideSelection
Added
Creates a detached span, classed with hx-spinner-wide, wrapped in a selection
Util
3
3
hx.versionString
Added
The version property to allow easy identification of what hexagon version is in use.
hx.merge.definedObject
Deprecated
Replaced by hx.mergeDefined
hx.mergeDefinedObject
Added
Merges multiple objects together, only copying across defined values and returns the result as a new object.
The objects will be merged recursively, and arrays will be cloned. Any object that is not a plain object (see the isPlainObject function) will be replaced with an empty object {}.
// returns {'a': 1, 'b': 3}
hx.mergeDefined({'a': 1}, {'a': undefined}, {'b': 3})

// returns {a: {b: 2, c: {d: 4, e: 'value'}}}
hx.mergeDefined({a: {b: 2, c: {d: 3}}}, {a: {b: undefined, c: {d: 4, e: 'value'}}})
hx.shallowMerge.definedObject
Deprecated
Replaced by hx.shallowMergeDefined
hx.shallowMergeDefinedObject
Added
Merges multiple objects together where the first level of references are copied provided they are defined values (not undefined), and returns the result as a new object.
// returns {'a': 1, 'b': 3}
hx.shallowMergeDefined({'a': 1}, {'a': undefined}, {'b': 3})

// returns {a: {b: undefined, c: {d: 4, e: "value" }}}
hx.shallowMergeDefined({a: {b: 2, c: {d: 3}}}, {a: {b: undefined, c: {d: 4, e: 'value'}}})
hx.parseHTMLDocumentFragment
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Button
11
hx-btn
hx-disabled
Deprecated
This class has been deprecated in favour of adding the disabled attribute to the button to prevent user interaction.
hx-btn
hx-action
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This context has been replaced by hx-primary
hx-btn
hx-btn-invisible
Deprecated
This class has been updated to hx-btn-link. This retains the spacing and styles the text as a link.
hx-btn
hx-complement
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class will be removed in the next major release.
hx-btn
hx-contrast
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class will be removed in the next major release.
hx-btn
hx-btn-outline
Deprecated
The context classes for buttons have been updated to help improve UX considerations. Outline/inverted buttons have been removed as they can cause confusion.
hx-btn
hx-info
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class will be removed in the next major release.
hx-btn
hx-negative
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class has been replaced by hx-danger
hx-btn
hx-positive
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class has been replaced by hx-success
hx-btn
hx-warning
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class will be removed in the next major release.
hx-btn
hx-btn-invert
Deprecated
#469
Renamed to hx-btn-outline
Paginator
4
hx.PaginatoroptionsObject
options
visibleCountNumber
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
visibleCountPaginator
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
visibleCountNumber
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
change
selectedNumber
Deprecated
This has been renamed to value for consitency with other Hexagon events. This property will be removed in version 2.0.0
Drawing
1
hx.DrawingextendsEventEmitter
Deprecated
#480
This module has been deprecated and will be moved to a standalone library in a later release.
Format
6
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
zeroPadFunction
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
List
1
hx.List
Deprecated
#336
Deprecated in favour of using standard JS Arrays
Map
1
hx.Map
Deprecated
#336
Deprecated in favour of native ES6 Map
Request
8
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
Set
1
hx.Set
Deprecated
#336
Deprecated in favour of native ES6 Set
Logo
1
Deprecated
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Unsupported tags will be auto-converted to <div> tags until support for <img> tags is removed.
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
1.20.0
Added new button styles, a Badges module to replace Labels and updated the Error Pages and Layout module in preparation for version 2.0.0.
Also added parameter replacement, support for plurals and a helper for converting multiline text strings to a selection containing multiple 'paragraphs' to the hx.userFacingText function/module.
Badge
1
hx-badge
Added
Added module to replace the Label module with better UX considerations and usage guidelines
Button
8
11
hx-btn
hx-danger
Added
A button for use when you have an action with a negative meaning, like ‘reject’ or ‘delete’.
hx-btn
hx-action
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This context has been replaced by hx-primary
hx-btn
hx-btn-invisible
Deprecated
This class has been updated to hx-btn-link. This retains the spacing and styles the text as a link.
hx-btn
hx-btn-link
Added
Display a button with the style of a link but the spacing of a button to help align it with other elements and improve the hit area for touch devices.
hx-btn
hx-btn-micro
Added
The smallest type of button available. Use when there isn't enough space to fit a small or normal button.
hx-btn
hx-btn-normal
Added
The default button size. Useful for being explicit about button size.
hx-btn
hx-btn-small
Added
A small button. Use when there isn't enough space to fit a normal button.
hx-btn
hx-complement
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class will be removed in the next major release.
hx-btn
hx-contrast
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class will be removed in the next major release.
hx-btn
hx-btn-outline
Deprecated
The context classes for buttons have been updated to help improve UX considerations. Outline/inverted buttons have been removed as they can cause confusion.
hx-btn
hx-disabled
Deprecated
This class has been deprecated in favour of adding the disabled attribute to the button to prevent user interaction.
hx-btn
hx-info
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class will be removed in the next major release.
hx-btn
hx-negative
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class has been replaced by hx-danger
hx-btn
hx-positive
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class has been replaced by hx-success
hx-btn
hx-primary
Added
A button for use when there is an action that’s more important than other ones on the page, and you want to draw the user’s attention towards it.
You can have one Primary button per screen (excluding modal dialogs).
But sometimes you shouldn’t use a Primary button at all, e.g. when all the actions on the page are very rarely used, or when all the actions are of equal importance.
hx-btn
hx-secondary
Added
A button for use inside forms to allow actions to be performed on form fields.
The secondary button should be paired with a form field. And the functionality of the secondary button should be related to the form field it’s paired with.
Like the Primary button, the Secondary button is optional - only use it if a form requires it.
hx-btn
hx-success
Added
A button for use when you have an action that has a positive meaning, like ‘approve’, or ‘confirm’.
hx-btn
hx-warning
Deprecated
The context classes for buttons have been updated to help improve UX considerations. This class will be removed in the next major release.
hx-btn
hx-btn-invert
Deprecated
#469
Renamed to hx-btn-outline
Error Pages
1
hx-error-message
Updated
Tweaked the styles to improve readability and usability.
Label
1
hx-label
Deprecated
This module has been replaced by the Badge module
Layout
5
hx-flag-spacing
Added
A class to assist with migration to version 2 of Hexagon. Uses a more explicit variable for the padding and margin applied by the margin/padding classes from this module.
hx-margin-top
Added
Added the directional margin classes as they were documented but not implmented.
hx-margin-bottom
Added
Added the directional margin classes as they were documented but not implmented.
hx-margin-left
Added
Added the directional margin classes as they were documented but not implmented.
hx-margin-right
Added
Added the directional margin classes as they were documented but not implmented.
User Facing Text
2
3
hx.userFacingTextString
Updated
This function will now show a console warning when it returns a string with a $param in.
Call with hx.userFacingText(module, key, parameters) to replace the parameters immediately or call hx.userFacingText(module, key, true) if you need to retain the current functionality and hide the warning.
hx.userFacingText
Updated
Updated the value argument to allow an array to be set, allowing plurals.
hx.userFacingText('example', 'plural-key', [
  [null, 0, 'Value Zero'],
  [1, 1, 'Value Singular'],
  [2, 2, 'Value Two'],
  [3, null, 'Value $n']
])

hx.userFacingText('example', 'plural-key')
hx.userFacingText('example', 'plural-key', { n: 1 })
// => 'Value Singular'

hx.userFacingText('example', 'plural-key', { n: 0 })
// => 'Value Zero'

hx.userFacingText('example', 'plural-key', { n: 2 })
// => 'Value Two'

hx.userFacingText('example', 'plural-key', { n: 100 })
// => 'Value 100'
hx.userFacingTextString
Updated
Added a new function for getting the user facing text with parameters
hx.userFacingText.format
Added
Expose the function used in Hexagon to format strings with parameters
hx.userFacingText.toMultilineSelectionSelection
Added
Added a utility for converting a text string with \n characters into a selection containing span elements separated by br elements
Paginator
4
hx.PaginatoroptionsObject
options
visibleCountNumber
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
visibleCountPaginator
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
visibleCountNumber
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
change
selectedNumber
Deprecated
This has been renamed to value for consitency with other Hexagon events. This property will be removed in version 2.0.0
Color Picker
1
hx.ColorPickerextendsEventEmitter
Deprecated
#484
The colour picker has been deprecated and will be removed in a later release.
Please use a suitable third-party colour picker if you still require this module.
Drawing
1
hx.DrawingextendsEventEmitter
Deprecated
#480
This module has been deprecated and will be moved to a standalone library in a later release.
Format
6
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
zeroPadFunction
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
List
1
hx.List
Deprecated
#336
Deprecated in favour of using standard JS Arrays
Map
1
hx.Map
Deprecated
#336
Deprecated in favour of native ES6 Map
Request
8
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
Selection
2
Selection
htmlSelection
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Selection
html
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Set
1
hx.Set
Deprecated
#336
Deprecated in favour of native ES6 Set
Util
1
hx.parseHTMLDocumentFragment
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Logo
1
Deprecated
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Unsupported tags will be auto-converted to <div> tags until support for <img> tags is removed.
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.19.0
Update the paginator to add feature flags for version 2.0.0 to allow for an easier migration path.
Paginator
26
1
4
hx.Paginator
currentPageAriaPaginator
Added
Added setter getter methods for all options
hx.PaginatorextendsEventEmitter
Updated
In preparation for version 2, new visuals have been added behind feature flags to improve the UI, UX and accessibility of the paginator component.
hx.PaginatoroptionsObject
options
updatePageOnSelectBoolean
Added
Whether to update the current page when updating the paginator value. Set to false when wrapping with another component that should control the currently active page.
hx.PaginatoroptionsObject
options
paginatorAriaString
Added
The text to use for the aria-label on the container to enable screen readers to navigate using the paginator
hx.PaginatoroptionsObject
options
currentPageAriaString
Added
The text to use for the aria-label on the current page to enable screen readers to navigate using the paginator
This string can contain $page which will be replaced by the paginator when rendering (e.g. 'XXX $page XXX' would be converted to 'XXX 4 XXX'
hx.PaginatoroptionsObject
options
gotoPageAriaString
Added
The text to use for the aria-label on the numeric page buttons to enable screen readers to navigate using the paginator
This string can contain $page which will be replaced by the paginator when rendering (e.g. 'XXX $page XXX' would be converted to 'XXX 4 XXX'
hx.PaginatoroptionsObject
options
prevPageAriaString
Added
The text to use for the aria-label on the previous page button to enable screen readers to navigate using the paginator
This string can contain $page which will be replaced by the paginator when rendering (e.g. 'XXX $page XXX' would be converted to 'XXX 4 XXX'
hx.PaginatoroptionsObject
options
nextPageAriaString
Added
The text to use for the aria-label on the next page button to enable screen readers to navigate using the paginator
This string can contain $page which will be replaced by the paginator when rendering (e.g. 'XXX $page XXX' would be converted to 'XXX 4 XXX'
hx.PaginatoroptionsObject
options
prevTextString
Added
The text to display in the previous button
hx.PaginatoroptionsObject
options
nextTextString
Added
The text to display in the next button
hx.PaginatoroptionsObject
options
v2Features
Added
hx.Paginator
updatePageOnSelectPaginator
Added
Added setter getter methods for all options
hx.Paginator
updatePageOnSelectBoolean
Added
Added setter getter methods for all options
hx.Paginator
paginatorAriaPaginator
Added
Added setter getter methods for all options
hx.Paginator
paginatorAriaString
Added
Added setter getter methods for all options
hx.PaginatoroptionsObject
options
visibleCountNumber
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
currentPageAriaString
Added
Added setter getter methods for all options
hx.Paginator
gotoPageAriaPaginator
Added
Added setter getter methods for all options
hx.Paginator
gotoPageAriaString
Added
Added setter getter methods for all options
hx.Paginator
prevPageAriaPaginator
Added
Added setter getter methods for all options
hx.Paginator
prevPageAriaString
Added
Added setter getter methods for all options
hx.Paginator
nextPageAriaPaginator
Added
Added setter getter methods for all options
hx.Paginator
nextPageAriaString
Added
Added setter getter methods for all options
hx.Paginator
prevTextPaginator
Added
Added setter getter methods for all options
hx.Paginator
prevTextString
Added
Added setter getter methods for all options
hx.Paginator
nextTextPaginator
Added
Added setter getter methods for all options
hx.Paginator
nextTextString
Added
Added setter getter methods for all options
hx.Paginator
visibleCountPaginator
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
visibleCountNumber
Deprecated
The visibleCount will be replaced in version 2 with the padding option.
hx.Paginator
change
selectedNumber
Deprecated
This has been renamed to value for consitency with other Hexagon events. This property will be removed in version 2.0.0
hx.Paginator
change
valueNumber
Added
The selected page (1 based index).
Button
1
hx-btn
hx-btn-invert
Deprecated
#469
Renamed to hx-btn-outline
Color Picker
1
hx.ColorPickerextendsEventEmitter
Deprecated
#484
The colour picker has been deprecated and will be removed in a later release.
Please use a suitable third-party colour picker if you still require this module.
Drawing
1
hx.DrawingextendsEventEmitter
Deprecated
#480
This module has been deprecated and will be moved to a standalone library in a later release.
Format
6
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
zeroPadFunction
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
List
1
hx.List
Deprecated
#336
Deprecated in favour of using standard JS Arrays
Map
1
hx.Map
Deprecated
#336
Deprecated in favour of native ES6 Map
Request
8
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
Selection
2
Selection
htmlSelection
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Selection
html
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Set
1
hx.Set
Deprecated
#336
Deprecated in favour of native ES6 Set
Util
1
hx.parseHTMLDocumentFragment
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Logo
1
Deprecated
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Unsupported tags will be auto-converted to <div> tags until support for <img> tags is removed.
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.18.1
Update the Datepicker to add feature flags for version 2.0.0 to allow for an easier migration path.
Additionally resolve some long standing bugs with Autocomplete and the side collapsible
AutocompletePicker
2
hx.AutocompletePickeroptionsObject
options
useCacheBoolean
Bugfix
#511
Resolved an issue where this value was ignored
hx.autocompletePickeroptionsObject
options
useCacheBoolean
Bugfix
#511
Resolved an issue where this value was ignored
Date Picker
2
1
hx.DatePickerextendsEventEmitter
Updated
Updated in preprartion for the next major release.
hx.DatePickeroptionsObject
options
v2Flags
Added
Added several flags that enable functionality that will be default in version 2.0.0 of Hexagon.
hx.DatePickeroptionsObject
options
allowViewChangeBoolea
Added
Added an option to toggle the ability to view the calendar by year/decade
Side Collapsible
1
hx.SideCollapsibleextendsEventEmitter
Bugfix
#515
Fixed an issue where a side collapsible with scrollable content would not allow the scrollbar to be clicked.
Button
1
hx-btn
hx-btn-invert
Deprecated
#469
Renamed to hx-btn-outline
Color Picker
1
hx.ColorPickerextendsEventEmitter
Deprecated
#484
The colour picker has been deprecated and will be removed in a later release.
Please use a suitable third-party colour picker if you still require this module.
Drawing
1
hx.DrawingextendsEventEmitter
Deprecated
#480
This module has been deprecated and will be moved to a standalone library in a later release.
Format
6
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
zeroPadFunction
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
List
1
hx.List
Deprecated
#336
Deprecated in favour of using standard JS Arrays
Map
1
hx.Map
Deprecated
#336
Deprecated in favour of native ES6 Map
Request
8
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
Selection
2
Selection
htmlSelection
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Selection
html
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Set
1
hx.Set
Deprecated
#336
Deprecated in favour of native ES6 Set
Util
1
hx.parseHTMLDocumentFragment
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Logo
1
Deprecated
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Unsupported tags will be auto-converted to <div> tags until support for <img> tags is removed.
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.17.1
Revert issue 438 to resolve a breaking issue with the Autocomplete Picker when using objects as items
Fix an issue with the form validation that was not correctly handling the new form buttons element and add tests
AutocompletePicker
1
hx.AutocompletePicker
changeString
Bugfix
#438
Revert change 438
This change caused a breaking difference in the API as using object values requires checking data.value.value in most implementations.
This change will be made in the next breaking release.
Form
1
Bugfix
Resolved an issue where form validation failed if using the new hx-form-buttons
Button
1
hx-btn
hx-btn-invert
Deprecated
#469
Renamed to hx-btn-outline
Color Picker
1
hx.ColorPickerextendsEventEmitter
Deprecated
#484
The colour picker has been deprecated and will be removed in a later release.
Please use a suitable third-party colour picker if you still require this module.
Drawing
1
hx.DrawingextendsEventEmitter
Deprecated
#480
This module has been deprecated and will be moved to a standalone library in a later release.
Format
6
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
zeroPadFunction
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
List
1
hx.List
Deprecated
#336
Deprecated in favour of using standard JS Arrays
Map
1
hx.Map
Deprecated
#336
Deprecated in favour of native ES6 Map
Request
8
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
Selection
2
Selection
htmlSelection
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Selection
html
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Set
1
hx.Set
Deprecated
#336
Deprecated in favour of native ES6 Set
Util
1
hx.parseHTMLDocumentFragment
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Logo
1
Deprecated
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Unsupported tags will be auto-converted to <div> tags until support for <img> tags is removed.
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.17.0
Deprecated a selection of APIs and classes that will be removed in the next major release in order to standardize the library and improve maintainability.
Several APIs have been deprecated without a replacement or with native JS/ES6 replacements suggested (such as using fetch instead of hx.request ). Making these changes in advance of the upcoming major release will make transitioning much easier.
In addition to the deprecations, multiple features have been added from the backlog to further improve the capabilities of the existing components. In addition to this, several bugs have also been resolved.
AutocompletePicker
2
hx.AutocompletePicker
changeString
Bugfix
#438
Updated the AutocompletePicker to update the value when setting the value to undefined
hx.autocompletePickerSelection
Bugfix
#435
Resolved an issue to make it possible to clear the value of the autocomplete picker using .value(undefined)
AutoComplete
4
1
hx.AutoCompleteextendsEventEmitter
Bugfix
#338
Resolved an issue when using async data and mustMatch threw an error and broke the dropdown when pressing enter before the data is returned.
hx.AutoCompleteoptionsObject
options
valueString / Any
Added
#349
Added the ability to set the autocomplete value in the constructor
hx.autoCompleteoptionsObject
options
valueString / Any
Added
#349
Added the ability to set the autocomplete value in the constructor
hx.AutocompleteoptionsObject
options
valueString / Any
Added
#349
Added the ability to set the autocomplete value in the constructor
hx.autocompleteoptionsObject
options
valueString / Any
Added
#349
Added the ability to set the autocomplete value in the constructor
Button
1
1
hx-btn
hx-btn-invert
Deprecated
#469
Renamed to hx-btn-outline
hx-btn
hx-btn-outline
Added
#469
Changed hx-btn-invert to a more sensible class name
Color Picker
1
hx.ColorPickerextendsEventEmitter
Deprecated
#484
The colour picker has been deprecated and will be removed in a later release.
Please use a suitable third-party colour picker if you still require this module.
Data Table
2
hx.DataTableoptionsObject
options
selectedRowsArray
Added
#86
Added the ability to set the selectedRows in the constructor
hx.DataTableoptionsObject
options
expandedRowsArray
Added
#86
Added the ability to set the expandedRows in the constructor
Date Picker
2
1
hx.DatePickeroptionsObject
options
range
Added
#350
Added the ability to set the range when constructing a date picker
hx.DatePickeroptionsObject
options
validRange
Added
#350
Added the ability to set the valid range when constructing a date picker
hx.DatePicker
localeString
Updated
#468
Updated the locale method to allow per-instance locales and un-deprecated the locale methods
Date Time Picker
2
2
hx.DateTimePicker
localeDateTimePicker
Updated
#468
Updated the locale method to allow per-instance locales and un-deprecated the locale methods
hx.DateTimePicker
localeString
Updated
#468
Updated the locale method to allow per-instance locales and un-deprecated the locale methods
hx.DateTimePicker
timezoneDateTimePicker
Added
#468
Added a method to allow the setting of per-instance timezones
hx.DateTimePicker
timezoneString
Added
#468
Added a method to allow the setting of per-instance timezones
Drawing
1
hx.DrawingextendsEventEmitter
Deprecated
#480
This module has been deprecated and will be moved to a standalone library in a later release.
Dropdown
2
hx.DropdownoptionsObject
options
spacingNumber
Removed
#250
The spacing value is ignored by the dropdown and has subsequently been removed from the API
hx.Dropdown
options
spacingNumber
Removed
#250
The spacing value is ignored by the dropdown and has subsequently been removed from the API
Form Builder
3
1
hx.Form
addTagInputoptionsObject
options
requiredBoolean
Added
#238
Added the ability to have 'required' tag inputs where at least one value must be entered
hx.Form
addSubmitForm
Removed
hx.Form
addSubmitForm
Added
#395
Added the options argument to allow the button to be hidden or disabled when it is added to the form
hx.Form
addButtonForm
Added
#395
Added the ability to add multiple buttons to the bottom of a form
Format
5
6
hx.format
zeroPadFunction
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.format
Deprecated
#457
The format factories have been deprecated in favour of functions that take a number directly and return the formatted number.
hx.roundString
Added
#457
Added plain functions for formatting numbers that take the number and return the formatted number (as opposed to a curried function)
hx.siString
Added
#457
Added plain functions for formatting numbers that take the number and return the formatted number (as opposed to a curried function)
hx.expString
Added
#457
Added plain functions for formatting numbers that take the number and return the formatted number (as opposed to a curried function)
hx.fixedString
Added
#457
Added plain functions for formatting numbers that take the number and return the formatted number (as opposed to a curried function)
hx.zeroPadString
Added
#457
Added plain functions for formatting numbers that take the number and return the formatted number (as opposed to a curried function)
Label
1
hx-label
hx-label-outline
Added
#247
Added an outline class to match the button outlines
List
1
hx.List
Deprecated
#336
Deprecated in favour of using standard JS Arrays
Map
1
hx.Map
Deprecated
#336
Deprecated in favour of native ES6 Map
Plot
1
Bugfix
#348
Resolves an issue where the label formatters were not correctly being read for series.
Preferences
3
1
Preferences
applyTimezoneOffsetDate
Removed
Preferences
applyTimezoneOffsetDate
Added
Updated the offset argument to additionally take a timezone string directly instead of needing the numeric offset
Preferences
isLocaleSupportedBoolean
Added
Added a method for checking whether the locale is supported
Preferences
isTimezoneSupportedBoolean
Added
Added a method for checking whether the timezone is supported
Request
8
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.request
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.html
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.json
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
hx.text
Deprecated
#22
This function has been deprecated due to the increase in browser support for fetch. You should transition to using fetch alongside a suitable polyfill
Selection
2
Selection
htmlSelection
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Selection
html
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Set
1
hx.Set
Deprecated
#336
Deprecated in favour of native ES6 Set
Tag Input
1
hx.TagInputextendsEventEmitter
Bugfix
#405
Fixed an issue where [object Object] would be displayed when using object items in an autocomplete within the tag input.
Time Picker
2
2
hx.TimePicker
localeTimePicker
Updated
#468
Updated the locale method to allow per-instance locales and un-deprecated the locale methods
hx.TimePicker
localeString
Updated
#468
Updated the locale method to allow per-instance locales and un-deprecated the locale methods
hx.TimePicker
timezoneTimePicker
Added
#468
Added a method to allow the setting of per-instance timezones
hx.TimePicker
timezoneString
Added
#468
Added a method to allow the setting of per-instance timezones
Util
1
hx.parseHTMLDocumentFragment
Deprecated
#375
The html method for selections has been removed to prevent XSS attacks.
Logo
1
Deprecated
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Unsupported tags will be auto-converted to <div> tags until support for <img> tags is removed.
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.16.0
Added the ability to use Toggle in FormBuilder and the ability to disable a Toggle. Also fixed a bug where the DatePicker calendar was incorrectly starting on a Sunday instead of Monday as specified in ISO 8601. When using moment.js the week start will still be taken from the currently selected locale's week start.
Date Picker
1
Bugfix
Fixed an issue where the default calendar display was showing Sunday as the week start instead of Monday as dictated by ISO standards and an issue where momentjs was using the browser locale instead of the currently set locale to calculate the week start.
Form Builder
1
hx.Form
addToggle
Added
#444
New method for adding a Toggle
Toggle
2
hx.Toggle
disabledToggle
Added
#444
Added the ability to disable a toggle
hx.Toggle
disabledBoolean
Added
#444
Added the ability to disable a toggle
Logo
1
Deprecated
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Unsupported tags will be auto-converted to <div> tags until support for <img> tags is removed.
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.15.0
Fixed several issues with IE to provide more support for IE/Edge
Data Table
1
hx.DataTableextendsEventEmitter
Bugfix
Resolved an issue where the input had 0 width in IE
Date Picker
1
Bugfix
Fixed an issue where IE was displaying the datepicker calendar in compact mode
Dropdown
1
hx.DropdownextendsEventEmitter
Fixed a bug with the dropdown positioning logic.
File Input
1
Bugfix
Fixed an issue where the files were immediately cleared when adding via the files popup in IE
Logo
1
1
Deprecated
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Unsupported tags will be auto-converted to <div> tags until support for <img> tags is removed.
Added
#440
Fixed an issue with IE support of the logo by changing the <img> tags to <div> tags.
Spinner
1
hx-spinner-wide
Bugfix
Fixed an issue with IE support of the wide spinner by updating the CSS
Titlebar
1
Updated
Updated the logo in the example to use <div> the new Logo expectation
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.14.0
Deprecated hx.Meter and fixed a few bugs.
Form Builder
8
2
hx.Form
addTextoptionsObject
options
valueAny
Added
#387
Added the ability to initialise fields with a value
hx.Form
addEmailoptionsObject
options
valueAny
Added
#387
Added the ability to initialise fields with a value
hx.Form
addNumberoptionsObject
options
valueAny
Added
#387
Added the ability to initialise fields with a value
hx.Form
addPasswordoptionsObject
options
valueAny
Added
#387
Added the ability to initialise fields with a value
hx.Form
addUrloptionsObject
options
valueAny
Added
#387
Added the ability to initialise fields with a value
hx.Form
addCheckboxoptionsObject
options
valueAny
Added
#387
Added the ability to initialise fields with a value
hx.Form
addRadiooptionsObject
options
valueAny
Added
#387
Added the ability to initialise fields with a value
hx.Form
addTextAreaoptionsObject
options
valueAny
Added
#387
Added the ability to initialise fields with a value
hx.Form
addPickerForm
Bugfix
#304
Resolved an issue with validation when un-setting picker values
hx.Form
addAutocompletePickerForm
Bugfix
#304
Resolved an issue with validation when un-setting picker values
Form
1
hx.validateFormObject
Bugfix
#301
Fixed an issue where the validateForm function would validate against hidden elements
Meter
1
hx.Meter
Deprecated
#380
hx.Meter has been deprecated and will be removed in the next major release
Plot
1
hx.PieChart
Bugfix
#428
Fixed a divide by zero issue which caused single segment pie charts not to be rendered
Titlebar
1
hx.TitleBar
activeTitleBar
Bugfix
#390
Correctly allow the active element to be set using a Selection or HTMLElement
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.13.0
Add several new features and style tweaks based on UX discussion(s)
Base
1
Bugfix
Fixed the font size inheritance for buttons
Button
1
hx-btn
Updated
Updated the button theme variables to allow the border colour for each button to be set independently
Data Table
1
hx.DataTableoptionsObject
options
highlightOnHoverBoolean
Added
Added the ability to disable row hover for data tables
Date Picker
1
Bugfix
Resolved an issue with the styles that was causing the 'year' selection to display incorrectly
Fast Click
1
Bugfix
#418
Fixed an issue with the click handlers on iPads
Input Group
1
Updated
Updated the styles to prevent 'double borders'
Menu
1
Updated
Updated the display of the 'active' item to work as the user would expect
Spinner
1
hx-spinner
hx-spinner-large
Added
Added a large spinner
Tag Input
2
Bugfix
#406
Fixed the order the events are fired in.
Bugfix
#410
Fixed the event type of the 'add tag' event when added by a user
Titlebar
1
Bugfix
Added the missing 'action' context to the titlebar
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.12.0
Some utility methods on Selection have been added for replacing DOM and setting the children of a Selection
Data Table
5
hx.DataTableoptionsObject
options
advancedSearchCriteriaArray[String]
Added
#401
Added the ability to use filter types in the advanced search of data tables
hx.DataTable
advancedSearchCriteriaArray[String]
Added
#401
Added the ability to use filter types in the advanced search of data tables
hx.DataTable
advancedSearchCriteriaDataTable
Added
#401
Added the ability to use filter types in the advanced search of data tables
hx.DataTable
advancedSearchCriteriaArray[String]
Added
#401
Added the ability to use filter types in the advanced search of data tables
hx.DataTable
advancedSearchCriteriaDataTable
Added
#401
Added the ability to use filter types in the advanced search of data tables
Filter
3
hx.filter
stringTypesArray[String]
Added
#401
Added functions for getting the filter types
hx.filter
numberTypesArray[String]
Added
#401
Added functions for getting the filter types
hx.filter
Added
#401
Added functions for getting the filter types
Pivot Table
1
hx.PivotTableoptionsObject
options
fullWidthBoolean
Added
#396
Added the fullWidth option to pivot table
Selection
2
Selection
setSelection
Added
Add a new method for setting the children of a Selection
Selection
replaceSelection
Added
Added a new method for replacing some DOM with different DOM.
Titlebar
1
hx.titleBar
Added
#399
Added a minimal fluid version of the titlebar
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.11.0
Fixed an issue where running the tests in a different timezone caused them to fail unexpectedly and the associated bug in the timezone logic.
Fixed selections so calling hx.select on a Selection no longer shows a warning (and instead performs a no-op)
Date Picker
1
Bugfix
#378
Resolved an issue with how the timezones worked when not in UTC
Selection
1
Selection
Updated
#376
Removed warning when calling hx.select on a Selection.
Sort
2
2
hx.sort
compareNumber
Bugfix
#372
Resolved an issue where sorting with undefined would treat it as a string.
hx.sort
localeCompareFunction
Bugfix
#372
Resolved an issue where sorting with undefined would treat it as a string.
hx.sort
localeCompareoptionsObject
options
nullsLastBoolean
Added
#372
Added an option for sorting nulls to the end of an array when using localeCompare.
hx.sort
compareNullsLastNumber
Added
#372
Added an function for sorting nulls to the end of an array.
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.10.0
Resolved some issues with the data table sort/filter.
Added automatic label collision detection to graphs to prevent label overlap.
Made Inline Editables allow 'empty' values.
Fixed a selection of bugs.
AutoComplete
1
hx.AutoCompleteextendsEventEmitter
Bugfix
#346
Resolved an issue where typing enter quickly before debouncing completes allowed values that didn't match the current filter to be entered
Card
1
hx-card
hx-card-section
Bugfix
#137
Resolved an issue with the vertical alignment of card sections
Data Table
2
hx.DataTableextendsEventEmitter
Bugfix
#352
Resolved an issue where setting the filter with the api would not update the filter input.
hx.dataTable
objectFeedFeed
Bugfix
#360
Resolved an issue where the object feed was using a cached set of filtered rows incorrectly when sorting multiple times on the same column
Form Builder
2
hx.FormextendsEventEmitter
Bugfix
#359
Resolved an issue when attempting to add fields that are disabled/hidden as their initial state
Bugfix
#368
Resolved an issue where disabled form fields would not return their value when using the value or data method.
Inline Editable
2
1
2
hx.InlineEditableextendsEventEmitter
Updated
#351
Made the input take focus when the editable is 'opened' and made it possible to press 'enter' to set the value.
hx.InlineEditable
Removed
#351
Added the 'options' parameter to the constructor
hx.InlineEditable
Added
#351
Added the options parameter to the constructor to allow the 'enter value' text to be set
hx.InlineEditable
change
Removed
#351
The api property was always set to false. It has been removed and replaced with the standard 'cause' property
hx.InlineEditable
change
causeString
Added
#351
Replaced the broken 'api' property
Plot
6
hx.AxisoptionsObject
options
x
doCollisionDetectionBoolean
Added
#353
Added an option to enable collision detection to prevent labels overlapping on graphs. By default, this value is true.
hx.AxisoptionsObject
options
y
doCollisionDetectionBoolean
Added
#353
Added an option to enable collision detection to prevent labels overlapping on graphs. By default, this value is true.
hx.Axis
x
doCollisionDetectionBoolean
Added
#353
Added an option to enable collision detection to prevent labels overlapping on graphs. By default, this value is true.
hx.Axis
x
doCollisionDetectionAxis
Added
#353
Added an option to enable collision detection to prevent labels overlapping on graphs. By default, this value is true.
hx.Axis
y
doCollisionDetectionBoolean
Added
#353
Added an option to enable collision detection to prevent labels overlapping on graphs. By default, this value is true.
hx.Axis
y
doCollisionDetectionAxis
Added
#353
Added an option to enable collision detection to prevent labels overlapping on graphs. By default, this value is true.
Selection
1
Selection
Bugfix
Resolved a bug with shallowSelect when calling it on nodes without children.
View
1
View
Bugfix
#358
Updated the internals to use shallowSelectAll to allow nested views and prevent children affecting the behaviour of the view
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.9.0
Resolved an issue caused by the addition of PointerEvent in Chrome 55+.
The native PointerEvent has been disabled in this version because of an incompatibility with the Hexagon pointer events. Native support will be re-introduced in the next major release.
Fluid
2
hx.divSelection
Added
Fluid api for constructing div elements
hx.spanSelection
Added
Fluid api for constructing span elements
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.8.2
Fix an issue with the autocomplete and autocomplete picker that caused it to break when there are no disabled items to filter.
AutocompletePicker
1
hx.AutocompletePicker
Bugfix
#343
Fixed an issue where the filtering failed when there were no 'disabled' items in the list
AutoComplete
1
hx.AutoCompleteextendsEventEmitter
Bugfix
#343
Fixed an issue where the filtering failed when there were no 'disabled' items in the list
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.8.1
Patch the issue introduced in the Notification module introduced in the previous version.
Notify
1
Bugfix
Fix an issue with the notifications that broke the string-based functionality
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.8.0
Added support for lazily loaded trees when building from json
Allow HTML content inside notifications
Disable the increment/decrement buttons for number pickers
This release also includes a selection of bugfixes
AutocompletePicker
1
Bugfix
#273
Fixed an issue where object based items were being sorted incorrectly
AutoComplete
1
hx.AutoCompleteextendsEventEmitter
Bugfix
#273
Fixed an issue where object based items were being sorted incorrectly
Crumbtrail
1
hx.Crumbtrail
itemsArray
Bugfix
#309
Data Table
1
hx.DataTableextendsEventEmitter
Bugfix
#323
Resolved an issue where nested tables would never hide their 'Loading' overlay
Event Emitter
1
hx.EventEmitter
Bugfix
#179
Updated the off method to clean up the internal objects when removing the last listener for a namespace
Form
1
hx.validateFormObject
Updated
Updated the validation to show the error for the focused element instead of the first error it finds
Notify
12
12
1
hx.NotificationManager
positiveNotification
Added
#299
Shows a positive notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's positive method.
Info
#299
Updated the notification functions and methods so that the message can be an HTMLElement, Selection or an Object and added a renderer to the notification options for rendering Object messages.
The notifications will behave as they did previously with strings but now accept additional types for the message.
hx.NotificationManager
notify
Removed
#299
hx.NotificationManager
infoNotification
Removed
#299
hx.NotificationManager
warningNotification
Removed
#299
hx.NotificationManager
negativeNotification
Removed
#299
hx.NotificationManager
positiveNotification
Removed
#299
hx.NotificationManager
notifyNotification
Added
#299
Shows a notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's notify method.
hx.NotificationManager
loadingNotification
Added
#299
Shows a loading notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's loading method.
hx.NotificationManager
infoNotification
Added
#299
Shows an information notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's info method.
hx.NotificationManager
warningNotification
Added
#299
Shows a warning notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's warning method.
hx.NotificationManager
negativeNotification
Added
#299
Shows a negative notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's negative method.
hx.NotificationManager
loadingNotification
Removed
#299
hx.notifyNotification
Removed
#299
hx.notify.infoNotification
Removed
#299
hx.notify.loadingNotification
Removed
#299
hx.notify.warningNotification
Removed
#299
hx.notify.negativeNotification
Removed
#299
hx.notify.positiveNotification
Removed
#299
hx.notifyNotification
Added
#299
Shows a notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's notify method.
hx.notify.loadingNotification
Added
#299
Shows a loading notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's loading method.
hx.notify.infoNotification
Added
#299
Shows an information notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's info method.
hx.notify.warningNotification
Added
#299
Shows a warning notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's warning method.
hx.notify.negativeNotification
Added
#299
Shows a negative notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's negative method.
hx.notify.positiveNotification
Added
#299
Shows a positive notification using the inbuilt notification manager and returns a Notification object. An alias for the inbuilt notification manager's positive method.
Number Picker
1
1
hx.NumberPickerextendsEventEmitter
Bugfix
#328
Fixed an issue where the value would not adhere to the min/max when changing via the input
Updated
#159
Disable the increment/decrement buttons when the value is at min/max
Picker
1
hx.PickeroptionsObject
options
fullWidthBoolean
Added
#275
Added a full width option for pickers
Plot
1
Bugfix
#290
Prevent text wrapping in basic labels (e.g. sparklines)
Preferences
1
Updated
#254
Added logic to update the current timezone in hx.preferences when not using Moment.js
Sticky Table Headers
1
Bugfix
#236
Prevent sticky table headers showing up in Ctrl+F search results
Tag Input
2
hx.TagInputextendsEventEmitter
Bugfix
#203
Updated the tag input so that the validator behaves the same regardless of whether it is inside a form
Bugfix
#313
Fixed an issue where using an autocomplete allowed multiple tags to be entered at once
Tree
1
hx.TreeoptionsObject
options
Added
#29
Added an option for lazily rendering tree nodes when building from JSON
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.7.0
Added support for lazily loaded data table feeds
Added the disabled context class to hx.palette.context
Fixed a bug in sticky table headers that prevented nested sticky tables being created
Data Table
2
Feed
rowscallbackFunction
callbackdataObject
data
filteredCountNumber
Bugfix
#305
Fixed issue with page-size-selector for lazy feeds
Bugfix
#306
Fixed issue with page-selector for lazy feeds
Palette
8
hx.palette.context
Updated
#298
Added 'disabled' to the list of context classes
hx.palette.contextString
Updated
#298
Added 'disabled' to the list of context classes
hx.palette.textContext
Updated
#298
Added 'disabled' to the list of context classes
hx.palette.textContextString
Updated
#298
Added 'disabled' to the list of context classes
hx.palette.backgroundContext
Updated
#298
Added 'disabled' to the list of context classes
hx.palette.backgroundContextString
Updated
#298
Added 'disabled' to the list of context classes
hx.palette.borderContext
Updated
#298
Added 'disabled' to the list of context classes
hx.palette.borderContextString
Updated
#298
Added 'disabled' to the list of context classes
Sticky Table Headers
1
Bugfix
#302
Fix that allows sticky tables to be nested
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.6.0
Added a selection of new features including the addition of autocomplete to tag inputs, the ability to press and hold to increment/decrement Number Pickers, improved reusability of Dropdowns and the addition of min/max options to Sparklines.
Dropdown
4
hx.Dropdown
renderDropdown
Added
#180
Added a new method for re-rendering the dropdown whilst it is open
hx.Dropdown
dropdownContentString / Function
Added
#180
Added a new method for getting the currently set dropdown content
hx.Dropdown
dropdownContentDropdown
Added
#180
Added a new method for getting the currently set dropdown content
hx.Dropdown
render
Added
#180
A new event fired when the dropdown has finished rendering
Number Picker
2
hx.NumberPickeroptionsObject
options
incrementOnHoldBoolean
Added
#177
Added the ability to press and hold to increment number pickers
hx.NumberPickeroptionsObject
options
incrementDelayNumber
Added
#177
Added the ability to press and hold to increment number pickers
Plot
2
2
LineSeriesextendsEventEmitter
Bugfix
#89
Updated line series so that the labels show for the first/last points
hx.Sparkline
Bugfix
#89
Updated sparkline so that the labels show for the first/last points
hx.SparklineoptionsObject
options
Added
#261
Added an option for setting the minimum y value for a sparkline
hx.SparklineoptionsObject
options
Added
#261
Added an option for setting the maximum y value for a sparkline
Tag Input
4
hx.TagInputoptionsObject
options
autocompleteDataArray / Function
Added
#194
The data to use as suggestions for the tag input. Data can be specified as an array of items or as a function that returns an array of items.
See
By default, no autocompletion is provided.
hx.TagInputoptionsObject
options
autocompleteOptions
Added
#194
Special options to be passed to the autocomplete. See the Autocompleteconstructor for the available options.
hx.TagInputoptionsObject
options
excludeTagsBoolean
Added
#194
Determines whether existing tags should be excluded from the autocompletion.
hx.TagInputoptionsObject
options
mustMatchAutocompleteBoolean
Added
#194
Determines whether the TagInput should only allow inputs that come from the autocomplete (if defined). Be default true.
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.5.1
Fixed a selection of bugs including an issue caused by meters when rendering with 0 width/height, button alignment in forms and notification flex styles.
Form
1
Bugfix
#274
Resolved an issue with the alignment of buttons in forms
Meter
1
1
Bugfix
#170
Resolved an issue where calling render would thrown an error for 0 height/width meters
hx.MeteroptionsObject
options
redrawOnResizeBoolean
Added
Added an option to allow the meter to be redrawn manually
Notify
1
Bugfix
#280
Fixed the flex styles for notifications
Plot
1
hx.Sparkline
Bugfix
#279
Fixed the default redrawOnResize value
Tag Input
1
Bugfix
#264
Updated the tag input to correctly handle undefined values
Titlebar
1
Bugfix
#248
Resolved an issue with the precedence of the link styles
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.5.0
Added the ability to search across multiple columns in DataTables.
Added the ability to show the search above the table content in the data table options.
Changes to the structure of the DataTable to improve compact mode, including adding a compact 'menu' to reduce the amount of space data tables take up when in compact mode
Added some new utility functions for checking the type of values and getting the argmin/argmax.
Data Table
20
4
1
hx.DataTable
showAdvancedSearchBoolean
Added
#49
Gets the showAdvancedSearch option
hx.DataTableextendsEventEmitter
Updated
Updated the compact view to have a collapsible control panel that houses the search, sort and advanced search controls so that compact tables take up less space
Updated
#49
Updated the data table to include options for Advanced searching (multi-column filtering) as well as showing the search above the table
Bugfix
#252
Resolved an issue where the classes for showing/hiding the sort were not being applied correctly
hx.DataTableoptionsObject
options
advancedSearchEnabledBoolean
Added
#49
Whether the advanced search should be enabled. If an advancedSearch is passed in, this is set to true. If filterEnabled is set to false and this is set to true, the advanced search will be shown on it's own with no toggle for switching the filter type. See the Using the Advanced Search section at the bottom of the page for more information on the advanced search
hx.DataTableoptionsObject
options
advancedSearchArray[Array[Object]]
Added
#49
The advanced search array to use. If a value is passed in, showAdvancedSearch and advancedSearchEnabled are both set to true, showing and enabling the advanced search. See the Using the Advanced Search section at the bottom of the page for more information on the advanced search
hx.DataTableoptionsObject
options
showSearchAboveTableBoolean
Added
#49
hx.DataTableoptionsObject
options
addFilterTextString
Added
#49
hx.DataTableoptionsObject
options
clearFiltersTextString
Added
#49
hx.DataTableoptionsObject
options
anyColumnTextString
Added
#49
hx.DataTableoptionsObject
options
advancedSearchTextString
Added
#49
hx.DataTableoptionsObject
options
advancedSearchPlaceholderString
Added
#49
hx.DataTable
showAdvancedSearchDataTable
Added
#49
Sets the showAdvancedSearch option
hx.DataTableoptionsObject
options
showAdvancedSearchBoolean
Added
#49
Whether to show the advanced search and the toggle for switching between the regular filter and the advanced search.
If advancedSearchEnabled is true or an advancedSearch is passed in, this is set to true.
See the Using the Advanced Search section at the bottom of the page for more information on the advanced search
hx.DataTable
advancedSearchEnabledDataTable
Added
#49
Sets the advancedSearchEnabled option
hx.DataTable
advancedSearchEnabledBoolean
Added
#49
Gets the advancedSearchEnabled option
hx.DataTable
showSearchAboveTableDataTable
Added
#49
Sets the showSearchAboveTable option
hx.DataTable
showSearchAboveTableBoolean
Added
#49
Gets the showSearchAboveTable option
hx.DataTable
advancedSearchArray[Array[Object]]
Added
#49
Gets the currently advanced search
hx.DataTable
advancedSearchDataTable
Added
#49
Sets the advanced search
Feed
rows
Updated
#49
Updated the range parameter to include new advanced search properties
hx.dataTable
objectFeedoptionsObject
options
compareNumber
Updated
#49
Updated the default sort function to use hx.sort.compare to provide better sorting
hx.dataTable
objectFeedoptionsObject
options
cellValueLookupString
Added
#49
Added options to the object feed to make it more configurable
hx.dataTable
objectFeedoptionsObject
options
termLookupBoolean
Added
#49
Added options to the object feed to make it more configurable
hx.dataTable
getAdvancedSearchFilterFunction
Added
#49
Added a helper for creating custom feeds using the advanced search
Meter
2
1
hx.Meter
Bugfix
#271
Localized the "of" text in the meter.
hx.MeteroptionsObject
options
valueFormatterString
Added
#272
Added a function for formatting the displayed values in the meter.
hx.Meter
render
Added
#270
Added a render event to meter
Plot
6
1
hx.GraphoptionsObject
options
redrawOnResizeBoolean
Added
#152
Added an option to disable automatic redraw when container is resized.
hx.Graph
redrawOnResizeBoolean
Added
#152
Added an option to disable automatic redraw when container is resized.
hx.Graph
redrawOnResizeGraph
Added
#152
Added an option to disable automatic redraw when container is resized.
hx.PieChart
Bugfix
Resolved an issue in pie charts where the legend was not being displayed with the correct colors and was not rendering correctly
hx.SparklineoptionsObject
options
redrawOnResizeBoolean
Added
#152
Added an option to disable automatic redraw when container is resized.
hx.Sparkline
redrawOnResizeBoolean
Added
#152
Added an option to disable automatic redraw when container is resized.
hx.Sparkline
redrawOnResizeSparkline
Added
#152
Added an option to disable automatic redraw when container is resized.
Toggle
1
Updated
Updated the styles to make the toggle icon slightly smaller and more compact
Util
3