Heat.js v4.5.3 - UI improvements, and a new checkbox style!
- The "Chart", "Days", and "Color Ranges" views now use a right margin for the last bar line shown, so it does not stack right to the edge.
- Decreased the right margin used for the day names in the "Map" view.
- The right margin used for the Y-Labels in the "Chart", "Days", and "Color Ranges" views has been increased to double the size.
- The X Labels on the "Days" and "Color Ranges" views are now aligned more accurately.
- Redesigned the checkboxes (in the Configuration dialog) to resemble a toggle-like button, which is much cleaner, mobile-friendly, and more modern, and fixes sizing issues.
- Added a new CSS variable called "--heat-js-y-label-spacing", which states the right margin/padding that all Y Labels should use.
- Increase the title bar text to 1.3rem, and added a new vertical alignment rule so that everything lines up.
- Added a new CSS variable called "--heat-js-checkbox-border-radius", which states the border radius to use for the checkboxes.
Heat.js v4.5.2 - UI improvements and fixes! Code clean ups! New binding options!
- Moved the defined types in the main heat.ts file into type.ts.
- The current year in the years drop-down menu now uses a slightly lighter font color to make it stand out.
- The name of the area that is active in the title bar now uses a new CSS class called "section-text-name".
- Decreased the font-weight of the active area name shown in the title bar.
- Increased the CSS variable "--heat-js-day-chart-width" to 12px.
- Increased the right margin used for the bars in the "Chart" view by 0.5px.
- Added a new binding option called "views.days.useDifferentBackgroundOpacities", which states if the background opacities for each day should be different (defaults to false).
- The month names in the "Configuration" dialog now take the "startMonth" binding option into account when setting the "Visible Months" checkbox order.
- Fixed a fault that caused the CSS variable "--heat-js-checkbox-border-color-checked" to be ignored.
- Improved the alignment of the checkboxes.
- The checkbox colors now always use the light color specified for the days in the CSS.
- Removed the CSS class "custom-start-year" (as it's no longer needed).
- The Years drop-down menu now uses the same padding, no matter if the "startMonth" binding option is set.
- The margins for the bar graph views are now maintained, even on smaller displays.
- The down arrows shown for the title and year drop-downs now rotate when their menus are opened.
- Fixed a fault that caused a few .ts files to fail when compiling due to optional parameters.
Heat.js v4.5.1 - Minor 3rd Library usage fixes, and CSS updates!
- Updated all the NPM packages to the latest versions.
- All title bar buttons are now vertically-aligned to the middle, and the Y margins now default to zero.
- Fixed a fault that caused errors to occur when passing a BindingOptions object to "render()" (due to missing _currentView).
Heat.js v4.5.0 - Year-Month range support! More Export/Import types! UI improvements and fixes!
- Added support for custom year-month ranges! So instead of defaulting to Jan-Dec, you can now use something like Apr-Mar. The UI will now show the years when this is used.
- Added more Export and Import options!
- Added support to export all data to HTML (.html).
- Added support to export all data to Markdown (.md).
- Added support to export all data to Tab Separated Values (.tsv).
- Added support to import data from a Tab Separated Values file (.tsv).
- When the binding option "exportOnlyDataBeingViewed" is set to true, only data that is visible (months and days) will be exported.
- BREAKING: The binding option "exportOnlyYearBeingViewed" has been renamed to "exportOnlyDataBeingViewed".
- Updated the binding option called "exportType" to have a new default value of "json".
- Added a new binding option called "startMonth", which states the first month in the year that should be displayed (allows an Apr-Mar view, and defaults to 0, for Jan).
- Added a new binding option called "views.map.showToolTips", which states if the tooltips should be shown (defaults to true).
- Added a new binding option called "views.chart.showToolTips", which states if the tooltips should be shown (defaults to true).
- Added a new binding option called "views.days.showToolTips", which states if the tooltips should be shown (defaults to true).
- Added a new binding option called "views.statistics.showToolTips", which states if the tooltips should be shown (defaults to true).
- Added a new binding option called "views.title.showToolTips", which states if the tooltips should be shown (defaults to true).
- Added a new binding option called "views.guide.showToolTips", which states if the tooltips should be shown (defaults to true).
- Added a new binding option called "views.chart.useGradients", which states if the bar lines should use a gradient fill (defaults to false).
- Added a new binding option called "views.days.useGradients", which states if the bar lines should use a gradient fill (defaults to false).
- Added a new binding option called "views.statistics.useGradients", which states if the bar lines should use a gradient fill (defaults to false).
- Added a new binding custom trigger called "events.onDayDblClick", which triggers when a day is double-clicked.
- Added a new binding custom trigger called "events.onWeekDayDblClick", which triggers when a weekday is double-clicked.
- Added a new binding custom trigger called "events.onStatisticDblClick", which triggers when a statistic is double-clicked.
- The title bar buttons now use a fixed height and width.
- The title bar buttons now align all content so it's always central.
- When the counts/day dates are shown in the display, they are aligned vertically in the center.
- The side Y labels shown in the "Chart", "Day", and "Color Range" views are now always visible, even on mobile devices.
- Increased the right margin used for the bars in the "Chart" view by 0.5px.
- Fixed a fault that prevented the right dates from being hidden in the "Chart" view when specific days are set to hidden.
- Fixed a minor fault that caused the wrong weekday to be processed when getting the largest value for the "Chart" view.
- Fixed a fault that caused the X labels in the "Chart" view to be slightly off in position.
Heat.js v4.4.0 - Resizable! Observation mode! UI improvements!
- Added a new binding option called "resizable", which states if horizontal resizing is enabled (defaults to false).
- Added a new configuration option called "observationMode", which states if looking for new DOM elements with the Heat.js binding should be done automatically (defaults to true).
- Each day shown in the Map view now has a new attribute called "data-heat-js-map-date", which stores the date for that map day.
- Each bar shown in the Chart view now has a new attribute called "data-heat-js-chart-date", which stores the date for that chart day.
- Each bar shown in the Days view now has a new attribute called "data-heat-js-day-number", which stores the day number.
- Each bar shown in the Color Ranges view now has a new attribute called "data-heat-js-statistics-color-range-name", which stores the name of the Color Range (if stated).
- Added a new CSS variable "--heat-js-default-width", which states what the default width should be.
- The label links (in the footer) now use a bottom border for the underline effect when hovered (which allows a smooth transition).
Heat.js v4.3.3 - New settings, UI improvements, and fixes!
- Updated all the NPM packages to the latest versions.
- Added a new "year" parameter for the event "onStatisticClick", which is now passed after the "rangeCount" parameter.
- Fixed the out-of-date BindingOptionsEvents for event triggers used when clicking in areas.
- The left border on the main display is now only shown on larger screens (giving a little more room on smaller/mobile screens).
- Added a new CSS variable called "--heat-js-scroll-bar-border-radius" (defaults to 0.5rem), which states the border radius the scrollbars should use.
- The CSS variable "--heat-js-day-size" now defaults to 1.2rem instead of 1.1rem, making the day boxes slightly larger.
- Added a new binding option called "views.map.showDayDateNumbers", which states if the date day numbers should be shown (defaults to false).
- Added a new binding option called "views.chart.showLineDateNumbers", which states if the date day numbers should be shown (defaults to false).
Heat.js v4.3.2 - Improved events, new settings, and visual improvements!
- Updated all the NPM packages to the latest versions.
- SCSS/CSS improvements (less code).
- The tooltips in the default dark view are now easier to see against the background.
- Added a new option called "title.showSectionText" (defaults to true), which states if the current section being shown should be displayed in the title text.
- Added some more spacing around the configuration dialog check boxes.
- Increased the size of the scrollbar to make it a bit easier to click.
- Added a new "isHoliday" parameter for the event "onDayClick", which is now passed after the "count" parameter.
- Fixed missing data from the other test events.
- Updated the JS language usage in the documentation and testing HTML files.
- Added a new "year" parameter for the event "onWeekDayClick", which is now passed after the "dayCount" parameter.
- Added a new "count" parameter for the event "onStatisticClick", which is now passed after the "colorRange" parameter.
Heat.js v4.3.1 - UI Improvements!
- Updated all the NPM packages to the latest versions.
- Updated the years in all the files to 2025.
- Added a new border to the left side of the main UI to make the control stand out a bit more.
- The drop-down menus in the default dark view are now easier to see against the background.
- The day names in the "Map" view remain visible on smaller screens.
Heat.js v4.3.0 - Scroll bar improvements!
- Updated all the NPM packages to the latest versions.
- Updated SASS usages of import to use (with minor accessor updates).
- Scroll bars are now only shown when required for the views, and are styled using the default theme colors.
- Fixed an issue that caused scroll bars to appear when not required.
Heat.js v4.2.2 - General code improvements and security updates!
- Updated all the NPM packages to the latest versions.
- Added an ignore path for ".DS_Store" files when packing the NuGet package.
- Updated the CSS to fix some of the new SASS rules causing compiler warnings.
- The Binding Options and Configuration Options are now loaded using less memory (less overwrites).
- General code improvements and refactors.