igniteui-webcomponents - npm Package Versions

[5.0.0] - 2024-08-27

Added

• Icon Registry #1304
  • You can now register and replace icons by reference via the setIconRef function. To learn more check out the documentation.
  • All components now use icons by reference internally so that it's easy to replace them without explicitly providing custom templates.

Changed

• BREAKING: Removed igcFocus and igcBlur events from buttons and inputs - Button, Icon Button, Checkbox, Switch, Combo, Date Time Input, Input, Mask Input, Radios, Select, Textarea.

  Use the native focus & blur events instead.

  Before:

  const input = document.createElement('igc-input');
  input.addEventListener('igcFocus', focusHandler);
  

  Now:

  input.addEventListener('focus', focusHandler);
  

• BREAKING: Checkbox, Switch igcChange event.

  Before:

  CustomEvent<boolean>
  

  Now:

  CustomEvent<{ checked: boolean; value: string | undefined }>
  

• BREAKING: Radio igcChange event.

  Before:

  CustomEvent<boolean>
  

  Now:

  CustomEvent<{ checked: boolean; value: string | undefined }>
  

Removed

• BREAKING: igc-form - use the native form element instead.
• BREAKING: Range slider - ariaThumbLower/ariaThumbUpper. Use thumbLabelLower/thumbLabelUpper instead.
• BREAKING: Rating - readonly property. Use readOnly instead.
• BREAKING: Dialog - closeOnEscape property. Use keepOpenOnEscape.
• BREAKING: Combo, Select - positionStrategy, flip, sameWidth removed.
• BREAKING: Dropdown - positionStrategy removed.
• BREAKING: Input - readonly, inputmode, maxlength and minlength. Use the native readOnly, inputMode, maxLength and minLength properties instead.
• BREAKING: Date-time-input - minValue/mavValue are removed. Use min/max instead.
• BREAKING: Removed size property from components.

Fixed

• Date-time input - update masked value according to the input format on focus when value is set #1320
• Radio - do not emit change event on already checked radio
• Calendar - add correct dates DOM parts based on active view [#1278]
• Date-picker, Dropdown & Select - showing the component programmatically in response to an outside click event closes the dropdown popover #1339
• Radio - Initially checked radio by attribute throws error when not being last sibling #1356

[4.11.1] - 2024-07-03

Changed

• Stepper Design in vertical mode #1246

[4.11.0] - 2024-07-03

Changed

• Toast Component Indigo Theme #1249
• Rating Component Indigo Theme #1249
• Stepper Component Indigo Theme #1249

[4.10.0] - 2024-07-01

Added

• Banner component #1174
• Divider component #1237
• Date picker component #174
• Radio group - Bind underlying radio components name and checked state through the radio group #315
• VSCode custom data intellisense (both HTML and CSS)
• JetBrains editors WebTypes intellisense

Deprecated

• Input inputmode property. Aligned with the native inputMode DOM property instead.

Fixed

• Input, Textarea - passing undefined to value sets the underlying input value to undefined #1206
• Mask input - after a form reset call correctly update underlying input value and placeholder state
• Tree - setting --ig-size on the item indicator CSS Part will now change the size of the icon
• Date-time input - double emit of igcChange in certain scenarios
• Navigation drawer - mini variant is not initially rendered when not in an open state #1266
• Combo:
  • Selecting an entry using the Enter key now correctly works in single selection mode #1229
  • Turning on the disableFiltering option now clears any previously entered search term #1238
  • Entering a search term in single selection mode that already matches the selected item now works correctly #1260

[4.9.0] - 2024-04-30

Added

• Button group component now allows resetting the selection state via the selectedItems property #1168
• Input, Textarea - exposed validateOnly to enable validation rules being enforced without restricting user input #1178

Changed

• Combo, Select and Dropdown components now use the native Popover API #1082

Deprecated

• Dropdown positionStrategy property. The dropdown now uses the Popover API to render its container in the top layer of the browser viewport, making the property obsolete.

Fixed

• Date-time input - Label in Material theme is broken when component is in read-only mode #1166

[4.8.2] - 2024-04-15

Fixed

• Textarea - resize handle position for non-suffixed textarea #1094
• Tabs - error when dynamically creating and adding a tab group and tabs in a single call stack #1140
• Checkbox/Switch - participate in form submission when initially checked #1144
• Dialog - igcClosed fired before the component was actually closed/hidden.

[4.8.1] - 2024-04-08

Fixed

• Date-time input - inputFormat is not applied to an already set value #1114
• Checkbox, Radio, Switch - apply form validation synchronously #1122
• Select, Dropdown - Unable to select item when clicking on a wrapping element inside the dropdown/select item slot #1123
• Tree - active state is correctly applied to the correct tree node on click #1131

[4.8.0] - 2024-03-20

Added

• Combo component can now set groupSorting to none which shows the groups in the order of the provided data. #1026
• Button/Icon button - updated visual looks across themes, new states. #1050
• Navigation bar - added border in Bootstrap theme. #1060

Changed

• Grouping in Combo component no longer sorts the data. groupSorting property now affects the sorting direction only of the groups. Behavioral change In previous release the sorting directions of the groups sorted the items as well. If you want to achieve this behavior you can pass already sorted data to the Combo component.

Deprecated

• Slider
  • aria-label-upper and aria-label-lower are deprecated and will be removed in the next major release. Use thumb-label-upper and thumb-label-lower instead.

Fixed

• Button
  • slotted icon size. #1054
• Button group
  • updated Fluent theme look. #1044
  • disabled state in Safari. #1047
• Combo/Select
  • style issues. #1038 #1059
• Slider
  • clicks on the slider track now use the track element width as a basis for the calculation. #1049
  • input events are not longer emitted while continuously dragging the slider thumb and exceeding upper/lower bounds. #1049
  • when setting upper-bound/lower-bound before min/max, the slider will no longer overwrite the bound properties with the previous values of min/max. #1049
  • the aria-label bound to the slider thumb is no longer reset on consequent renders. #1049
• Input
  • default validators are run synchronously. #1066
  • style issues. #1038 #1104
• Date-time input
  • setRangeText() updates underlying value. #1075