igniteui-webcomponents - npm Package Versions

[5.0.1] - 2024-08-30

Added

• Checkbox, Radio, Switch - Exported the CheckboxChangeEventArgs and RadioChangeEventArgs types for public use, providing more flexibility and control over event handling.

Fixed

• Select - Resolved an issue where pressing the Tab key while a Select component's dropdown was open would incorrectly return focus to the document. Now, focus is correctly returned to the Select component after closing the dropdown.
• Radio - Prevented form submission if a Radio component/group is invalid on initial render within a form context. This ensures that forms with invalid Radio components are not submitted prematurely.

[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