HexagonJS
Changelog
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
5
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
5
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
5
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
5
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
2
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
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
5
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.
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
2
hx.minByAny
Bugfix
Fix an issue where the last value in the array wasn't being checked
hx.maxByAny
Bugfix
Fix an issue where the last value in the array wasn't being checked
hx.argminNumber
Added
Added a function for getting the index of the item in an array with the lowest value
hx.argmaxNumber
Added
Added a function for getting the index of the item in an array with the highest value
hx.isNumberBoolean
Added
#240
Added a function for checking if something is a Number
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.4.2
Fix an issue with the code using the wrong option variables in AutoComplete
Also added CSS support for iOS 7/8 to resolve some style and layout issues on older iPads
AutoComplete
1
hx.AutoCompleteextendsEventEmitter
Bugfix
Fixed where the code was using the loadingMessage and pleaseEnterMinCharactersMessage
Notice
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
1.4.1
Several bugfixes, including changes to how the default locale is set when using moment
File Input
1
Bugfix
#225
Change the type of the button to fix a bug where forms were submitted
Notice
1
1
hx-notice
hx-notice-header
Deprecated
#232
This class will be replaced by hx-notice-head
hx-notice
hx-notice-head
Added
#232
The header section of the Notice
Plot
1
Bugfix
#139
Fix the styles for plot labels to prevent them causing a scrollbar
Preferences
1
1
Bugfix
#222
Fix an incorrectly named variable
Updated
Updated the default locale when using moment as moment doesn't guess the current locale correctly
1.4.0
Added the Autocomplete Picker module, a hybrid of an AutoComplete and a Picker.
Added the User Facing Text module for defining the default text for Hexagon modules.
AutocompletePicker
2
hx.AutocompletePicker
Added
#17
hx.autocompletePickerSelection
Added
#17
Creates a new AutocompletePicker set up on a detached element, wrapped in a selection
AutoComplete
2
2
hx.AutoCompleteoptionsObject
options
noResultsMessageString
Updated
#211
The default text for noResultsMessage is retrieved from the userFacingText module
hx.AutoCompleteoptionsObject
options
pleaseEnterMinCharactersMessageString
Added
The text to display when the user has not entered enough text.
When setting this, the minimum number of characters can be substituted in using the '$minLength' variable, e.g.
options = {
  minLength: 3,
  pleaseEnterMinCharactersMessage = 'Please enter $minLength characters'
}
// Evaluates to 'Please enter 3 characters'
hx.autoCompleteoptionsObject
options
noResultsMessageString
Updated
#211
The default text for noResultsMessage is retrieved from the userFacingText module
hx.autoCompleteoptionsObject
options
pleaseEnterMinCharactersMessageString
Added
The text to display when the user has not entered enough text.
When setting this, the minimum number of characters can be substituted in using the '$minLength' variable, e.g.
options = {
  minLength: 3,
  pleaseEnterMinCharactersMessage = 'Please enter $minLength characters'
}
// Evaluates to 'Please enter 3 characters'
Card
1
hx.card.[small | large].titleSelection
Updated
#245
Changed the function to create a span rather than a div
Data Table
7
hx.DataTableoptionsObject
options
clearSelectionTextString
Added
#211
The text to display on the 'clear selection' link when rows have been selected
hx.DataTableoptionsObject
options
loadingTextString
Added
#211
The text to display when data is loading
hx.DataTableoptionsObject
options
noSortTextString
Added
#211
The text to display on the mobile sort menu for 'No Sort'
hx.DataTableoptionsObject
options
rowsPerPageTextString
Added
#211
The text to display next to the 'rows per page' picker
hx.DataTableoptionsObject
options
searchPlaceholderString
Added
#211
The placeholder for the 'search' box
hx.DataTableoptionsObject
options
selectedRowsTextString
Added
#211
The text to display in the selected rows information bar.
The '$total' variables can be substituted in, e.g for a table with 3 rows and 1 row selected:
options = {
  selectedRowsText: '$selected of $total selected.'
}
// Would evalate to '1 of 3 selected.'
hx.DataTableoptionsObject
options
sortByTextString
Added
#211
The text to display next to the sort picker shown in compact mode.
File Input
1
2
hx.FileInputoptionsObject
options
buttonTextString
Updated
#211
hx.FileInputoptionsObject
options
filesSelectedTextString
Updated
#211
hx.FileInputoptionsObject
options
noFilesTextString
Added
#211
Form Builder
2
1
hx.FormextendsEventEmitter
Updated
#211
Updated the error text to use the user facing text module
hx.Form
addTagInputoptionsObject
options
placeholderString
Added
#211
The placeholder text for the tag input
hx.Form
addAutocompletePickerForm
Added
#17
Adds an autocomplete picker to the form.
Form
1
hx.validateFormObject
Updated
#211
Updated the error text to use userFacingText
Picker
1
hx.PickeroptionsObject
options
noValueTextString
Updated
#211
Plot
1
hx.GraphextendsEventEmitter
Updated
#211
Updated the no data text to be defined in userFacingText
Preferences
1
Updated
#211
Updated the text to be defined in the userFacingText module
Tag Input
1
hx.TagInputoptionsObject
options
placeholder
Added
#211
The placeholder for the input field when it has no text
User Facing Text
1
Added
Added a new module for managing all the user facing text in hexagon
1.3.3
Change the preferences module to prefer navigator.languages over navigator.language
Preferences
1
Bugfix
#251
Prefer navigator.languages over navigator.language
1.3.2
Fix for hx.defined.
Util
1
hx.definedBoolean
Bugfix
#226
Will now returns false when null is passed in
1.3.1
Fix the file input options.
File Input
1
1
1
hx.FileInputoptionsObject
options
filesselectedFilesString
Removed
#210
This variable was badly named and unused internally. It has been replaced by filesSelectedText .
hx.FileInputoptionsObject
options
filesSelectedTextString
Added
The string to indicate the number of files selected
Bugfix
#210
Changed the option name to be more sensible and actually use it in the code.
Palette
1
Bugfix
Fixed an issue where calline hx.palette.context(selection, undefined) would return undefined instead of the selection. This was introduced accidentally as part of 1.3.0.
1.3.0
Fix multiple bugs and add the shallowSelect functionality as well as a new File Input module.
AutoComplete
1
hx.autoCompleteitemsArray / Function
Added
The items to use as suggestions for the input field. Data can be specified as an array of items or as a function that returns an array of items.
The data must be in one of the following formats:
Array
[
  "Bob",
  "Steve",
  ...
]
By default, the data is expected as an array of string values. If object based data is passed in, an inputMap must be provided in the options:
data = [
  {
    name "Bob",
    age: 21
  },
  {
    name: "Steve",
    age: 25
  }
]
options = {
  inputMap: function(item){
    return item.name + ', ' + item.age
  }
}
A renderer and filterOptions.searchValues can also be specified to change how the text is displayed and what data is searchable, independent of the inputMap
.
Function
var data = function(term, callback){
  hx.json('path/to/data?search='+term, function (e, r) {
    callback(r.responseText)
  })
}
A 'Loading...' message will be shown whilst the AutoComplete waits for a response from this function.
It can be used in conjunction with the internal matching or be used to match externally when setting the matchType to 'external':
function data (term, callback) {
  if (term.length > 0) {
    return callback(townAndCountyData.filter(function (d) {
      var d = townAndCountyData[_i]
      var name = d.name.toLowerCase()
      var term = term.toLowerCase()
      var county = d.county.toLowerCase()
      return name.indexOf(term) > -1 || county.indexOf(term) > -1)
    }))
  } else {
    return callback([])
  }
}

options.matchType = 'external'
The term passed in is the current value of the input field (for use as a search term).
The callback is the function that should be called to pass the data back to the AutoComplete to display.
The callback must be called for the AutoComplete to show.
File Input
1
Added
#25
New FileInput component and fluid api function
Form Builder
1
1
hx.Form
addFileInput
Added
#25
New method for adding a FileInput
hx.Form
dataForm
Bugfix
#178
Fix to make the data method circular for tag input fields
Number Picker
1
Bugfix
#182
Update to only emit events when the value has actually changed
Palette
2
hx.palette.borderContext
Added
#196
A function for setting the border context of an element
hx.palette.borderContextString
Added
#196
A function for getting the border context of an element
Pivot Table
1
2
hx.PivotTable
Bugfix
#161
Fix the data setter/getter symmetry by preventing internal data mutation
Bugfix
#162
Fix for pivot table where adding additional data to an existing pivot table caused cells to render incorrectly
hx.PivotTableoptionsObject
options
data
Added
#146
Added the data option to pivot tables
Preferences
1
Bugfix
#133
Update the preferences default timezone lookup to work correctly with Moment.js
Selection
2
Selection
shallowSelectSelection
Added
#104
Added a new method on selection for selecting the first element from the direct children of an element.
Selection
shallowSelectAllSelection
Added
#104
Added a new method on selection for selecting elements from the direct children of an element.
Slider
2
Bugfix
#183
Update so the change event is only emitted when the value is actually changed
Bugfix
#184
Update so the slidestart event is only emitted on slidestart, not on change
Tag Input
1
Bugfix
#202
Make it so the tag inoput validator doesn't have to return anything for valid tags
1.2.1
Includes some bugfixes and improvements to under-the-hood behaviour.
AutoComplete
1
hx.AutoCompleteextendsEventEmitter
Bugfix
#172
Fixed a breaking issue with the autocomplete that caused it not to autocomplete and external matchers to break.
Modal
1
hx.ModalextendsEventEmitter
Bugfix
#142
Fixed an issue where modal content would be duplicated when calling modal.show() multiple times.
Preferences
1
Updated
Improved the way preferences determines the locale when it is loaded so that it always uses a supported locale.
1.2.0
Several enhancements and bugfixes to do with the more commonly used components such as View and Data Table as well as additional functionality for Form Builder.
Data Table
2
hx.DataTableextendsEventEmitter
Bugfix
#85#135
Fixed the table row selection so that single row selection works properly
Bugfix
#154
Update hx.dataTable.urlFeed so that it uses the correct callback format from hx.json
Form Builder
18
1
hx.Form
addTagInputoptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.FormextendsEventEmitter
Bugfix
Updated the hidden/disabled state for properties so they can be hidden/disabled when added using the options and also using the hidden/disabled methods after they have been added.
hx.Form
addEmailoptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addNumberoptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addPasswordoptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addUrloptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addCheckboxoptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addRadiooptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addTagInputoptionsObject
options
disabledBoolean
Added
Whether the property should be disabled as it's initial state. This can also be toggled with the disabled(property, disabled) method.
hx.Form
addTextoptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addDatePickeroptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addTimePickeroptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addDateTimePickeroptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addTextAreaoptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
addPickeroptionsObject
options
hiddenBoolean
Added
Whether the property should be hidden as it's initial state. This can also be toggled with the hidden(property, hidden) method.
hx.Form
disabledBoolean
Added
A method for getting the disabled state of a property in a form.
hx.Form
disabledArray[Boolean]
Added
A method for getting the disabled state for an array of properties in a form.
hx.Form
disabledForm
Added
A method for setting the disabled state for a property in a form.
hx.Form
disabledForm
Added
A method for setting the disabled state for an array of properties in a form.
View
1
Updated
#148
Improve the performance of view
1.1.0
Added a timezone api to preferences and updated date/time pickers to listen to changes in timezone/locale automatically, added hx.graph as a fluid api version for creating graphs, added hx.text as a new wrapper for hx.request and made several bugfixes and improvements to the underlying code.
Also added print styles to hexagon builds as additional resources.
Data Table
3
2
hx.DataTableextendsEventEmitter
Updated
#60
Updated the cell styles for data tables so that changing the background color in the cellRenderer does not display with incorrect padding
hx.DataTableoptionsObject
options
columns
maxWidthNumber
Added
#11
Added an option for setting the max width for a column
hx.DataTable
maxWidthNumber
Added
#11
Gets the maxWidth value for a column of the table if one has been set.
hx.DataTable
maxWidthDataTable
Added
#11
Sets the maxWidth value for a column of the table
hx.dataTableSelection
Updated
#59
Make the fluid api data table function render the table if a feed is provided
Date Picker
1
1
Bugfix
#35
Update the icon styles for range pickers so they aren't inconsistent
hx.DatePickerextendsEventEmitter
Updated
#23#24
Date pickers now listen for changes in hx.preferences.locale and hx.preferences.timezone and automatically update
Modal
1
1
1
Bugfix
#8
Added some styles to modals so they no longer overflow on small devices
hx.Modal
Removed