igniteui-webcomponents - npm Package Versions

[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

[4.7.0] - 2024-01-05

Added

• Tree - Added toggleNodeOnClick property that determines whether clicking over a node will change its expanded state or not. Defaults to false. #1003.

• Rating - allowReset added. When enabled selecting the same value will reset the component #1014. Behavioral change

  In previous releases this was the default behavior of the rating component. Make sure to set allowReset if you need to keep this behavior in your application.

Changed

• Improved WAI-ARIA compliance for Avatar, Badge and Combo components #1007

Fixed

• Active item visual styles for Dropdown, Select and Combo components #1002
• Navigation drawer - mini variant broken visual style #1011

[4.6.0] - 2023-12-05

Added

• action slot added to Snackbar #974
• indicator-expanded slot added to Expansion panel #982
• toggle-icon-expanded slot added to Select #983
• Select, Dropdown - exposed selectedItem, items and groups getters

Changed

• Updated the package to Lit v3
• Components dark variants are now bound to their shadow root #940
• Components implement default sizes based on current theme #977
• Button group - changed events to non-cancellable #984
• Optimized components CSS and reduced bundle size #972
• WAI-ARIA improvements for Icon, Select, Dropdown and List components #980 #983

Fixed

• Textarea missing styling parts #944
• Tree item disabled styles #949
• Snackbar removed unnecessary styles #960
• Tree item hover state visual design #987
• Calendar not keeping focus state when switching views #992

[4.5.0] - 2023-10-09

Added

• Text area component #764
• Button group component #827
• Toggle button component #877
• Navigation drawer now supports CSS transitions #922
• Position attribute for toast and snackbar #934

Deprecated

• The size property and attribute have been deprecated for all components. Use the --ig-size CSS custom property instead. The following example sets the size of the avatar component to small:

    igc-avatar {
      --ig-size: var(--ig-size-small);
    }
  

Fixed

• Combo items position in Safari #903
• Calendar navigation buttons in RTL context #915
• Export IgcComboChangeEventArgs type #917
• Combo value and selection states with lazy data binding #937
• Various style and theming fixes and adjustments

[4.4.0] - 2023-08-30

Added

• The following components are now Form Associated Custom Elements. They are automatically associated with a parent <form> and behave like a browser-provided control:
  • Button & Icon button
  • Checkbox
  • Combo
  • DateTime input
  • Input
  • Masked input
  • Radio
  • Rating
  • Single slider
  • Select
  • Switch
• Stepper now supports animations #861

Changed

• Rating fluent theme colors #481
• Stepper indicator styles and color schemas #766 #868

Deprecated

• IgcForm component is deprecated
• Input component:
  • minlength property is deprecated and will be removed in the next major version. Use minLength instead.
  • maxlength property is deprecated and will be removed in the next major version. Use maxLength instead.
  • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
• Mask input component:
  • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
• DateTime input component:
  • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
  • minValue property is deprecated and will be removed in the next major version. Use min instead.
  • maxValue property is deprecated and will be removed in the next major version. Use max instead.
• Rating component:
  • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.

Removed

• Removed our own dir attribute which shadowed the default one. This is a non-breaking change.
• Slider - ariaLabel shadowed property. This is a non-breaking change.
• Checkbox - ariaLabelledBy shadowed attribute. This is a non-breaking change.
• Switch - ariaLabelledBy shadowed attribute. This is a non-breaking change.
• Radio - ariaLabelledBy shadowed attribute. This is a non-breaking change.

Fixed

• Input - outlined variant styling issues #875 and indigo theme issues #879
• Select - outlined variant styling issues #880
• DateTime Input - spinUp/spinDown calls moving the caret when the input is focused #859