Skip to content

v3.0.0

Compare
Choose a tag to compare
@lucafoscili lucafoscili released this 07 Oct 09:20
· 4721 commits to develop since this release
f6765d4

New features

  • kup-accordion: new kup-borderless class, which removes the borders between items.
  • kup-button: new kup-pulsating class, which adds a pulsating effect on toggable button with toggled state.
  • KupDebug: new kup-debug-active and kup-debug-inactive events fired upon debug's state change.
  • KupDebug: method logRender receives an additional argument breakpoint, which is a string and should be used to check elapsed time between willRender and didRender hooks to check single chunks of render code performances.
  • KupTheme: handles HSL colors, new variables for every color with suffix -h, -s, -l.
  • KupTheme: new --kup-drawer-width variable (sets the width of kup-drawer).
  • KupTheme: new --kup-drawer-zindex variable (sets the z-index of kup-drawer).
  • KupTheme: new --kup-navbar-zindex variable (sets the z-index of kup-nav-bar).

Refactoring

  • kup-data-table: removed a heavy querySelectorAll, replaced by saving rows refs in a private variable.
  • kup-data-table: resizeCallback now forces a new render only when the width has changed (old behavior: even height).
  • kup-drawer: heavily refactored - more info here.
  • kup-nav-bar: heavily refactored - more info here.
  • Divs attached directly to the document's body are now wrapped in containers. More info about the why here.

Bug fixes

  • kup-accordion: switching off the globalFilter prop caused a runtime JavaScript error.
  • kup-accordion: props defined inside the subcomponents' JSON were not spread (only data).
  • kup-accordion: subcomponents were created even when the accordion item was collapsed, causing a performance overhead.
  • kup-data-table: a switched off sortEnabled prop now correctly prevents column sorting by clicking on the column header.
  • kup-data-table: clickHandler and contextMenuHandler methods didn't return details when no action fired.
  • kup-data-table: fixed number cells right-alignment when forceOneLine prop is true.
  • kup-data-table: fixed cell info icon's alignment when forceOneLine prop is true.
  • kup-text-field: --kup-field-background-color now is handled as a shader and not a solid color.

Dev utilities

  • Improved data table's performance page.