v6.0.0

New components

• kup-image-list

New features

• FCell: now supports slots.
• KupData: added getParent method for nodes.
• KupLanguage: added back and top translations.
• KupTooltip: added FCell callbacks on hover.
• KupTooltip: added destroy method.

Removed components

• kup-tooltip

Minor changes

• kup-card: reduced font for header buttons in layouts 14 and 15. Rendered tree (and related view toggler) only when it exists.
• kup-tab-bar: refactoring of data prop to be compatible with KupDataNode.
• kup-tab-bar: replaced KupTabBarClickEventPayload with KupTabBarEventPayload.
• KupInteract: removed style cloning for performance reasons, cloned node is now appended to target parent.

Bug fixes

• kup-card: removed box shadow from layout 15 (standard).
• kup-data-table: group totals weren't displayed.
• kup-data-table: transpose triggered twice.
• kup-drawer: when clicking on the backdrop, the click propagated through content below in mobile.
• kup-tree: fixed missing details in contextmenu event.
• FChip: when only an icon was present, it was not centered.
• KupDynamicPosition: now the auto positioning will give precedence to bottom/left, unless there is available space top/right.

v5.1.1

Bug fixes

• kup-data-table: group totals weren't displayed.
• kup-data-table: transpose triggered twice.
• kup-list: errors caused by refactoring.
• kup-tree: tooltip didn't open.

v5.2.0

New components

• kup-form-editor
• kup-numeric-picker

New managers

• KupTooltip

New features

• kup-card: added built-in layout number 5.
• kup-data-table: added public method getSelectedRows().
• KupManager: added possiblity to set a custom asset path through initialization.
• KupManager: added rasterize API.
• KupMath: numbers function with toLocaleString.

Minor changes

• kup-data-table: added originalEvent to generic events' details.
• kup-tree: global filter is now sticky.

Bug fixes

• kup-card: built-in layout column drop, wrong list usage (used value instead of id).
• kup-color-picker: first color pick didn't trigger change callback.
• kup-data-table: fixed missing details of dropzone.
• kup-data-table: group totals weren't displayed.
• kup-date-picker: wrong card picker Y size.
• kup-snackbar: component prevented clicking on elements below it.
• kup-tree: tooltip didn't open on grid cells.
• kup-tree: fixed missing details in contextmenu event.
• KupColumnMenu: ranged filters didn't appear anymore.

v5.1.0

New components

• kup-photo-frame

New managers

• KupMath

New features

• kup-data-table: added public method getSelectedRows().
• kup-echart: new prop consistencyCheck.
• kup-echart: legend now can be hidden.
• KupData: new column creation method duplicate.
• KupTheme: new theme silver.

Breaking changes

• kup-data-table: removed selectRow and selectRowsById props.
• kup-data-table: removed event kup-datatable-autorowselect.
• kup-list: changed data interface to be compatible with KupDataNode in order to allow nested lists.

Minor changes

• kup-echart: removed state name from map title.
• kup-echart: set a min. width to Geo tooltip.
• kup-nav-bar: creates the respective flex containers only when slots left or right exist.
• KupData: column.find now tests for deep equality.
• KupDates, KupLanguage, KupTheme: changed register and unregister methods of managers to also allow the registering of a KupHTMLElement instead of only a component class.
• KupDynamicPosition: set zindex of registered elements to navbar + 1 (instead of -1).
• KupManager: setLibraryLocalization now also sets localization of KupMath.

Bug fixes

• f-button: theme font was overridden by user agent (browser).
• kup-button-list: missing type declaration in event payload.
• kup-card: built-in layout column menu drop - wrong list usage (used value instead of id).
• kup-color-picker: first color pick didn't trigger change callback.
• kup-data-table: fixed missing details of dropzone.
• kup-dropdown-button: border-left was hidden as an outlined button even when dropdownOnly was true.
• kup-drawer: click on backdrop escaped capture.
• kup-echart: resize occurs only when chart's x or y changed by more than 5px (prevents double render).
• kup-echart: fixed Geo theming.
• kup-snackbar: component prevented clicking on elements below it.
• kup-tab-bar: theme font was overridden by user agent (browser).
• kup-tree: column name on select event was undefined.
• kup-tree: js error when click is triggered without an actual click (programmatically).

v5.0.0

New components

• kup-echart (restored from previous releases)

New managers

• KupData

New features

• FCell: handled new event kup-cell-iconclick for autocomplete, combobox, textfield.
• kup-autocomplete: added new prop inputDelay to set a timer to the emission of the input event.
• kup-autocomplete: new prop allowInconsitentValues lets the change event fire even if the input content isn't included in the autocomplete list.
• kup-card: added 3rd built-in layout, column drop menu.
• kup-card: added 4th built-in layout, a color picker.
• kup-chip: now it can be displayed as a tree.
• kup-data-table: upgraded drop menu formulas by adding chips.
• kup-data-table: new events emitted kup-datatable-columnmove and kup-datatable-columnremove.
• kup-magic-box: added Chip, Button List and Tree.
• kup-magic-box: basic editability for JSON view.
• kup-tree: new event emitted kup-tree-columnremove event.
• KupColumnMenu: displayed field to input formulas for number columns.
• KupDates: new add method to handle additions.
• KupTheme: managed alternate color format R000G000B000;

Minor changes

• FTextField: removed tabindexes from icons.
• FTextField: new CSS variable --kup-textfield-font-weight.
• kup-accordion: removed overflow hidden from content.
• kup-autocomplete: added inputValue in all events; added opened flag in iconClick event incating the visibility state of the list.
• kup-card: softened box shadow for layouts 12/14.
• kup-chip: default margin "4px" instead of "0 4px".
• kup-combobox: added inputValue in all events; added opened flag in iconClick event incating the visibility state of the list.
• kup-grid: removed responsiveness when columns is different than 12.

Refactoring

• Interfaces: heavily revisited dataset-related interfaces' names with the birth of KupData.
• FComponents: restored SASS, which is now precompiled separately.
• kup-calendar: now the columns' categories must be included in the Column interface, instead of specifying a prop for each.
• kup-chip: heaviliy revisited to allow displaying it as a tree.
• kup-color-picker: removed Vanilla Picker from the component, added card built-in 4 as dropdown which manages it.
• kup-list: removed method resetFilter().

Bug fixes

• FCell: bar cells had width 0.
• FCell: added missing class kup-full-width on color picker.
• FCell: font related CSS classes have the desired effect even on text fields.
• FCell: color picker has full width even when non-editable.
• FTextField: disabled colors in Safari were wrong.
• kup-calendar: missing data caused JS error.
• kup-calendar: changing the data prop didn't correctly update the calendar's data.
• kup-calendar: event custom style was applied only to the event itself and not on icons and images wrappers.
• kup-combobox: displayed all the items withour filtering the list, even when a value is selected.
• kup-combobox: value wasn't set when not matched in the list (behavior that should belong to autocomplete).
• kup-data-table: rating shape on update was setting the cell value to a number, should have been a string.
• kup-list: removed padding when the list is empty.
• KupColumnMenu: now closes after removing a column.
• KupDebug: widget events used "this", but it was out of scope.
• KupManager: click callback on pointer events didn't work in presence of nested dynamically positioned elements using absolute positioning.

v4.2.0

New components

• kup-cell
• kup-snackbar

New features

• kup-box: new prop "editableData".
• kup-card: 15th standard layout.
• kup-card: new family of layouts "builtin", shipping with a calendar (1st layout) and a clock (2nd layout).
• kup-card: new family of layouts "free", shipping with a padded layout (1st).
• kup-combobox: new prop "showDropDownButtonIcon".
• kup-data-table: new prop "autoFillMissingCells".
• kup-data-table: new "setFocus" public method to set the focus on editable cells.
• kup-image: new icons "smeup" and "ketchup".
• kup-text-field: new prop "helperEnabled".
• kup-tree: new prop "editableData".
• KupSearch: draft - new KupManager class which allows the opening of a card containing a selectable data table, fires a callback after a selection occurs.

Removed components

• kup-editor

Refactoring

• FCell: new functional component wrapping all the logic of kup-box, kup-cell, kup-data-table an kup-tree data cells. This is an heavy refactoring which streamlines the code while adding new features.
• FComponents: removed imports to reduce dist size (bundled everything in a CSS file).
• kup-autocomplete: dropdown handled with KupDynamicPosition
• kup-autocomplete: managed new props "serverHandledFilter" and "showDropDownIcon" while "filterChangesEvent" and "callBackFilterUpdate" were removed.
• kup-box: removed CSS class "kup-left-aligned" and added "kup-center-aligned". Default alignment is on the left now.
• kup-box: removed section cssClasses, now everything should be managed by FCell(s) CSS classes.
• kup-combobox: dropdown handled with KupDynamicPosition.
• kup-dropdown-button: dropdown handled with KupDynamicPosition.
• KupInteract: changed how the CLONE drag effect works, now it's always anchored to body with styles automatically generated from the starting element.

Bug fixes

• FTextfield: padding-left set to 0 for full width fields with leading icon.
• FTextfield: clear icon wasn't placed correctly with full width text fields.
• kup-autocomplete: after list selection the component lost focus.
• kup-box: layout columns were displayed only once.
• kup-color-picker: dropdown picker was displayed even when the field was disabled.
• kup-combobox: clicking two times on the text field caused the dropdown list to never appear again.
• kup-combobox: after list selection the component lost focus.
• kup-data-table: selection: none was still firing the event.
• kup-date-picker: when kup-full-width class was set to these components, it wasn't passed to the inner text field.
• kup-time-picker: when kup-full-width class was set to these components, it wasn't passed to the inner text field.
• kup-tree: missing cells in tree as grid were causing JS errors.
• KupDynamicPosition: when detached, "el" wasn't positioned correctly due to the window offset added to the rect values.

v4.1.0

New features

• kup-box: touch devices support for tooltip and drag & drop.
• kup-data-table: resizable columns through the resizableColumns prop (boolean).
• kup-data-table: cells are allowed to span more col/rows through the span property on the Cell interface.
• kup-data-table, kup-tree: touch devices support for tooltip, column menu (long-tap) and drag & drop.
• kup-data-table, kup-card (layout 12-14): scrolling performance on webkit browsers should improve.
• KupManager: added utility to invoke a callback on pointerdown when the element is not in the event path (useful to close dropdown menus).

Removed components

• kup-layout

Refactoring

• f-button: box shadow static (em > px).
• kup-dash-list: replaced kup-layout with kup-grid.
• kup-data-table: improved look of columns drop area (to group by, remove).
• KupDialog: converted to KupInteract, now a wrapper of interactjs - library used to handle user interactions such as drag and drop, long tap, etc.
• KupInteract: top edge is not resizable.
• KupTheme: increased kup-drawer and kup-nav-bar z-indexes values.

Bug fixes

• kup-box: collapsible section's dropdown icon was missing.
• kup-card: dialog layouts title icon's color was set with the wrong variable.
• kup-autocomplete, kup-combobox: components were losing focus after input event fired.
• kup-data-table: groups were removed by clicking on the whole chips instead of their clear icon.
• kup-data-table: button to remove filters wasn't working anymore.
• kup-data-table: improved th elements styling by using flex.
• kup-data-table: totals didn't work as intended with missing cells in rows.
• kup-data-table: sort didn't work as intended with missing cells in rows.
• kup-grid: content was not centered.
• kup-tree: used --kup_tree_border instead of --kup_tree_border-color (which didn't exist) to set borders.
• KupColumnMenu: js error caused by incorrect declaration of variable (should have been HTMLElement, was KupCard).

v4.0.0

New features

• CSS variables added many CSS variables to many components to improve customization.
• kup-accordion: new prop (ripple).
• kup-box: cells can display their icon.
• kup-button: support to display a spinner as a slot, with the new showSpinner prop.
• kup-calendar: handled locales (only those supported by KupDates).
• kup-data-table, kup-box: new CSS class link for cells.
• kup-lazy: new CSS classes (kup-left-aligned,kup-right-aligned).
• kup-tab-bar: new prop (ripple).
• kup-tooltip: new prop (customStyle).
• kup-tooltip: new layout (5).
• kup-tree: new prop (ripple).
• f-image: new icons (chart_bar.svg).
• KupDates: new KupManager class used to handle locales and format dates.
• KupManager: added global shortcut kupManager.
• KupManager: kup-manager-stringfinder event emitted when a string was found on the last element clicked.
• KupManager: new method setLibraryLocalization to simultaneously set KupDates and KupLanguage locales.
• KupTheme: new themes (obsidian, sapphire).
• KupTheme: new variables (--kup-drawer-color).

Removed components

• kup-bpmn
• kup-crud
• kup-echart
• kup-form
• kup-modal
• kup-search

Removed features

• kup-drawer: removed support for title and subtitle slots.

Refactoring

• kup-accordion: completely rewritten to allow the usage of slots.
• kup-color-picker, kup-combobox: added hover effect.
• kup-drawer: closes on pointerDown instead of onClick (when in slider mode).
• kup-nav-bar: slots handled in both left and right sections. Removed static elements like menu button, title and image.
• moment: for dates formatting and checks, moment has been replaced with the lighter Dayjs.
• f-button: now it scales with font size.
• f-components: improved event handling - events added during the render hook instead of adding them in the didRender hook.
• f-components: stylesheets removed from global style and added to each component using them (greatly reduces dist package' size).
• KupTheme: removed state classes (kup-danger, kup-success, etc.), handled by every component separately.
• KupTheme: removed variables (--kup-field-background-color), handled by the component itself.

Bug fixes

• kup-box: links weren't styled properly.
• kup-box, kup-data-table: URL cells dispayed URL even when a different value was present.
• kup-calendar: resize didn't work as intended when the calendar's container's width changed after the resizing of the browser.
• kup-calendar: event click payload contained wrong details.
• kup-chart: fixed multi-series, multi-axis and timeline charts.
• kup-color-picker: text field is read-only (value must be changed inside the dropdown picker).
• kup-combobox: isSelect prop didn't prevent input typing in the text field.
• kup-drawer: fixed CSS transition.
• kup-dropdown-button: when raised and disbaled, the dropdown half kept its box shadow.
• kup-rating: renamed click event to kup-rating-click.
• kup-text-field: label's color wasn't set.
• kup-tree: dropdown icon on hover wasn't colored with --kup-hover-color.
• kup-tree: when asAccordion, fixed invalid selector for icons background color.

v3.1.0

New features

• f-button: new kup-slim class.
• icon: new blank.svg icon (empty).
• kup-accordion: new expansionMode prop.
• kup-tree: new kup-borderless class.
• kup-tree: new asAccordion prop.
• kup-tree: new expansionMode prop.
• kup-tree: new preventXScroll prop.

Refactoring

• kup-accordion, kup-box, kup-data-table, kup-tree: removed clear icon from text field.
• kup-calendar: completely remastered.
• kup-list: data prop now supports KupObj.
• kup-nav-bar: renamed --kup-nav-bar-background-color to --kup-navbar-background-color.
• kup-nav-bar: height handled by the new --kup-navbar-height variable.

Bug fixes

• kup-accordion: fixed disappearing borders when only 1 item was present.
• kup-button-list: wasn't centered when used in kup-data-table cells.
• kup-button-list: wasn't handling kup-slim and kup-pulsating classes.
• kup-data-table: dblclick on data table correctly handles multi-selection only when it was performed on the table's body.
• kup-data-table: kup-dropdown-button wasn't handling some f-button classes.
• kup-data-table: handled btn shape and set default shape of VoCodVer to icon.
• kup-data-table: fixed rows/columns weren't compatible with the top-right-indicator cell class.

Dev utilities

• New page to test kup-tree performances.

v3.0.0

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.