igniteui-webcomponents 2.1.1 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/CHANGELOG.md +11 -13
  2. package/components/avatar/themes/avatar.base.css.js +1 -1
  3. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  4. package/components/badge/themes/light/badge.base.css.js +1 -1
  5. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  6. package/components/button/button-base.js +2 -2
  7. package/components/button/button-base.js.map +1 -1
  8. package/components/button/themes/button/light/button.base.css.js +1 -1
  9. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  10. package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
  11. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  12. package/components/button/themes/button/light/button.fluent.css.js +1 -1
  13. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  14. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  15. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  16. package/components/button/themes/button/light/button.material.css.js +1 -1
  17. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  18. package/components/button/themes/icon-button/light/icon-button.base.css.js +1 -1
  19. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  20. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
  21. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  22. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
  23. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  24. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
  25. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  26. package/components/calendar/calendar.js +1 -2
  27. package/components/calendar/calendar.js.map +1 -1
  28. package/components/calendar/common/calendar-base.js +5 -1
  29. package/components/calendar/common/calendar-base.js.map +1 -1
  30. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +1 -1
  31. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -1
  32. package/components/calendar/themes/calendar.base.css.js +1 -1
  33. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  34. package/components/calendar/themes/days-view.base.css.js +1 -1
  35. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  36. package/components/calendar/themes/fluent/calendar.fluent.css.js +1 -1
  37. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  38. package/components/calendar/themes/fluent/days-view.fluent.css.js +1 -1
  39. package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -1
  40. package/components/card/card.actions.d.ts +2 -0
  41. package/components/card/card.actions.js +8 -0
  42. package/components/card/card.actions.js.map +1 -1
  43. package/components/card/themes/light/card.actions.bootstrap.css.js +1 -1
  44. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  45. package/components/card/themes/light/card.actions.material.css.js +1 -1
  46. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  47. package/components/card/themes/light/card.content.bootstrap.css.js +1 -1
  48. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  49. package/components/card/themes/light/card.content.indigo.css.js +1 -1
  50. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  51. package/components/card/themes/light/card.content.material.css.js +1 -1
  52. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  53. package/components/card/themes/light/card.header.bootstrap.css.js +1 -1
  54. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  55. package/components/card/themes/light/card.header.indigo.css.js +1 -1
  56. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  57. package/components/card/themes/light/card.header.material.css.js +1 -1
  58. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  59. package/components/card/themes/light/card.material.css.js +1 -1
  60. package/components/card/themes/light/card.material.css.js.map +1 -1
  61. package/components/card/themes/light/card.media.material.css.js +1 -1
  62. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  63. package/components/checkbox/checkbox-base.d.ts +5 -1
  64. package/components/checkbox/checkbox-base.js +20 -2
  65. package/components/checkbox/checkbox-base.js.map +1 -1
  66. package/components/checkbox/checkbox.js +8 -2
  67. package/components/checkbox/checkbox.js.map +1 -1
  68. package/components/checkbox/switch.js +9 -2
  69. package/components/checkbox/switch.js.map +1 -1
  70. package/components/checkbox/themes/light/checkbox.base.css.js +1 -1
  71. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  72. package/components/checkbox/themes/light/checkbox.fluent.css.js +1 -1
  73. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  74. package/components/checkbox/themes/light/checkbox.material.css.js +1 -1
  75. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  76. package/components/checkbox/themes/light/switch.base.css.js +1 -1
  77. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  78. package/components/checkbox/themes/light/switch.bootstrap.css.js +1 -1
  79. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  80. package/components/checkbox/themes/light/switch.fluent.css.js +1 -1
  81. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  82. package/components/checkbox/themes/light/switch.indigo.css.js +1 -1
  83. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  84. package/components/chip/chip.js +1 -1
  85. package/components/chip/chip.js.map +1 -1
  86. package/components/chip/themes/chip.base.css.js +1 -1
  87. package/components/chip/themes/chip.base.css.js.map +1 -1
  88. package/components/chip/themes/chip.bootstrap.css.js +1 -1
  89. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  90. package/components/chip/themes/chip.fluent.css.js +1 -1
  91. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  92. package/components/chip/themes/chip.indigo.css.js +1 -1
  93. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  94. package/components/chip/themes/chip.material.css.js +1 -1
  95. package/components/chip/themes/chip.material.css.js.map +1 -1
  96. package/components/common/decorators/blazorTypeOverride.d.ts +7 -0
  97. package/components/common/decorators/blazorTypeOverride.js +4 -0
  98. package/components/common/decorators/blazorTypeOverride.js.map +1 -0
  99. package/components/common/decorators/index.d.ts +1 -0
  100. package/components/common/decorators/index.js +1 -0
  101. package/components/common/decorators/index.js.map +1 -1
  102. package/components/common/definitions/defineAllComponents.js +8 -0
  103. package/components/common/definitions/defineAllComponents.js.map +1 -1
  104. package/components/dropdown/dropdown-group.d.ts +25 -0
  105. package/components/dropdown/dropdown-group.js +42 -0
  106. package/components/dropdown/dropdown-group.js.map +1 -0
  107. package/components/dropdown/dropdown-header.d.ts +16 -0
  108. package/components/dropdown/dropdown-header.js +22 -0
  109. package/components/dropdown/dropdown-header.js.map +1 -0
  110. package/components/dropdown/dropdown-item.d.ts +46 -0
  111. package/components/dropdown/dropdown-item.js +78 -0
  112. package/components/dropdown/dropdown-item.js.map +1 -0
  113. package/components/dropdown/dropdown.d.ts +117 -0
  114. package/components/dropdown/dropdown.js +412 -0
  115. package/components/dropdown/dropdown.js.map +1 -0
  116. package/components/dropdown/themes/dark/dropdown.bootstrap.css.d.ts +1 -0
  117. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +3 -0
  118. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -0
  119. package/components/dropdown/themes/dark/dropdown.fluent.css.d.ts +1 -0
  120. package/components/dropdown/themes/dark/dropdown.fluent.css.js +3 -0
  121. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -0
  122. package/components/dropdown/themes/dark/dropdown.indigo.css.d.ts +1 -0
  123. package/components/dropdown/themes/dark/dropdown.indigo.css.js +3 -0
  124. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -0
  125. package/components/dropdown/themes/light/dropdown-group.base.css.d.ts +1 -0
  126. package/components/dropdown/themes/light/dropdown-group.base.css.js +3 -0
  127. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -0
  128. package/components/dropdown/themes/light/dropdown-group.fluent.css.d.ts +1 -0
  129. package/components/dropdown/themes/light/dropdown-group.fluent.css.js +3 -0
  130. package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +1 -0
  131. package/components/dropdown/themes/light/dropdown-header.base.css.d.ts +1 -0
  132. package/components/dropdown/themes/light/dropdown-header.base.css.js +3 -0
  133. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -0
  134. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.d.ts +1 -0
  135. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js +3 -0
  136. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js.map +1 -0
  137. package/components/dropdown/themes/light/dropdown-item.base.css.d.ts +1 -0
  138. package/components/dropdown/themes/light/dropdown-item.base.css.js +3 -0
  139. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -0
  140. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.d.ts +1 -0
  141. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js +3 -0
  142. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js.map +1 -0
  143. package/components/dropdown/themes/light/dropdown-item.fluent.css.d.ts +1 -0
  144. package/components/dropdown/themes/light/dropdown-item.fluent.css.js +3 -0
  145. package/components/dropdown/themes/light/dropdown-item.fluent.css.js.map +1 -0
  146. package/components/dropdown/themes/light/dropdown-item.indigo.css.d.ts +1 -0
  147. package/components/dropdown/themes/light/dropdown-item.indigo.css.js +3 -0
  148. package/components/dropdown/themes/light/dropdown-item.indigo.css.js.map +1 -0
  149. package/components/dropdown/themes/light/dropdown.base.css.d.ts +1 -0
  150. package/components/dropdown/themes/light/dropdown.base.css.js +3 -0
  151. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -0
  152. package/components/dropdown/themes/light/dropdown.bootstrap.css.d.ts +1 -0
  153. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +3 -0
  154. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -0
  155. package/components/dropdown/themes/light/dropdown.fluent.css.d.ts +1 -0
  156. package/components/dropdown/themes/light/dropdown.fluent.css.js +3 -0
  157. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -0
  158. package/components/dropdown/themes/light/dropdown.indigo.css.d.ts +1 -0
  159. package/components/dropdown/themes/light/dropdown.indigo.css.js +3 -0
  160. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -0
  161. package/components/icon/icon.material.css.js +1 -1
  162. package/components/icon/icon.material.css.js.map +1 -1
  163. package/components/input/input-base.js.map +1 -1
  164. package/components/input/themes/light/input.base.css.js +1 -1
  165. package/components/input/themes/light/input.base.css.js.map +1 -1
  166. package/components/input/themes/light/input.bootstrap.css.js +1 -1
  167. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  168. package/components/input/themes/light/input.fluent.css.js +1 -1
  169. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  170. package/components/input/themes/light/input.indigo.css.js +1 -1
  171. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  172. package/components/input/themes/light/input.material.css.js +1 -1
  173. package/components/input/themes/light/input.material.css.js.map +1 -1
  174. package/components/list/themes/light/list-header.base.css.js +1 -1
  175. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  176. package/components/list/themes/light/list-item.base.css.js +1 -1
  177. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  178. package/components/list/themes/light/list.base.css.js +1 -1
  179. package/components/list/themes/light/list.base.css.js.map +1 -1
  180. package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js +1 -1
  181. package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js.map +1 -1
  182. package/components/nav-drawer/styles/nav-drawer-header-item.base.css.js +1 -1
  183. package/components/nav-drawer/styles/nav-drawer-header-item.base.css.js.map +1 -1
  184. package/components/nav-drawer/styles/nav-drawer-item.base.css.js +1 -1
  185. package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map +1 -1
  186. package/components/nav-drawer/styles/nav-drawer.base.css.js +1 -1
  187. package/components/nav-drawer/styles/nav-drawer.base.css.js.map +1 -1
  188. package/components/navbar/themes/light/navbar.base.css.js +1 -1
  189. package/components/navbar/themes/light/navbar.base.css.js.map +1 -1
  190. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  191. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  192. package/components/progress/themes/circular/circular.progress.bootstrap.css.js +1 -1
  193. package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
  194. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  195. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  196. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +1 -1
  197. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  198. package/components/progress/themes/linear/linear.progress.indigo.css.js +1 -1
  199. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  200. package/components/radio/radio.d.ts +5 -1
  201. package/components/radio/radio.js +25 -2
  202. package/components/radio/radio.js.map +1 -1
  203. package/components/radio/themes/light/radio.base.css.js +1 -1
  204. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  205. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  206. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  207. package/components/radio/themes/light/radio.fluent.css.js +1 -1
  208. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  209. package/components/radio/themes/light/radio.indigo.css.js +1 -1
  210. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  211. package/components/radio-group/radio-group.base.css.js +1 -1
  212. package/components/radio-group/radio-group.base.css.js.map +1 -1
  213. package/components/rating/rating.base.css.js +1 -1
  214. package/components/rating/rating.base.css.js.map +1 -1
  215. package/components/ripple/ripple.material.css.js +1 -1
  216. package/components/ripple/ripple.material.css.js.map +1 -1
  217. package/components/slider/slider-base.js +3 -2
  218. package/components/slider/slider-base.js.map +1 -1
  219. package/components/slider/themes/light/slider.base.css.js +1 -1
  220. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  221. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  222. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  223. package/components/toggle/toggle.controller.d.ts +32 -0
  224. package/components/toggle/toggle.controller.js +85 -0
  225. package/components/toggle/toggle.controller.js.map +1 -0
  226. package/components/toggle/toggle.directive.d.ts +14 -0
  227. package/components/toggle/toggle.directive.js +76 -0
  228. package/components/toggle/toggle.directive.js.map +1 -0
  229. package/components/toggle/utilities.d.ts +50 -0
  230. package/components/toggle/utilities.js +2 -0
  231. package/components/toggle/utilities.js.map +1 -0
  232. package/custom-elements.json +380 -0
  233. package/index.d.ts +4 -0
  234. package/index.js +4 -0
  235. package/index.js.map +1 -1
  236. package/package.json +11 -2
  237. package/themes/dark/bootstrap.css +1 -1
  238. package/themes/dark/fluent.css +1 -1
  239. package/themes/dark/indigo.css +1 -1
  240. package/themes/light/fluent.css +1 -1
  241. package/vscode-html-custom-data.json +234 -18
@@ -277,7 +277,7 @@
277
277
  },
278
278
  {
279
279
  "name": "igc-calendar",
280
- "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n * ` ` {} - The default slot for the calendar.\n\n * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visible-months` {`number`} - The number of months displayed in days view.\n\n * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult`} - \n\n * `tagName` {`\"igc-calendar\"`} - \n\n * `formatterMonth` {`DateTimeFormat`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `formatterMonthDay` {`DateTimeFormat`} - \n\n * `rangePreviewDate` {`Date | undefined`} - \n\n * `activeDaysViewIndex` {`number`} - \n\n * `daysViews` {`NodeList`} - \n\n * `monthsView` {`IgcMonthsViewComponent`} - \n\n * `yearsView` {`IgcYearsViewComponent`} - \n\n * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `yearPerPage` {`15 | 18`} - \n\n * `previousButtonLabel` {`string`} - \n\n * `nextButtonLabel` {`string`} - \n\n * `handleKeyDown` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `calendarModel` {`Calendar`} - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
280
+ "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n * ` ` {} - The default slot for the calendar.\n\n * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visible-months` {`number`} - The number of months displayed in days view.\n\n * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult`} - \n\n * `tagName` {`\"igc-calendar\"`} - \n\n * `formatterMonth` {`DateTimeFormat`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `formatterMonthDay` {`DateTimeFormat`} - \n\n * `rangePreviewDate` {`Date | undefined`} - \n\n * `activeDaysViewIndex` {`number`} - \n\n * `daysViews` {`NodeList`} - \n\n * `monthsView` {`IgcMonthsViewComponent`} - \n\n * `yearsView` {`IgcYearsViewComponent`} - \n\n * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `yearPerPage` {`15 | 18`} - \n\n * `previousButtonLabel` {`string`} - \n\n * `nextButtonLabel` {`string`} - \n\n * `handleKeyDown` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `calendarModel` {`Calendar`} - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
281
281
  "attributes": [
282
282
  {
283
283
  "name": "hide-outside-days",
@@ -404,6 +404,10 @@
404
404
  }
405
405
  ]
406
406
  },
407
+ {
408
+ "name": "active-date",
409
+ "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate\n\nDefault: new Date()"
410
+ },
407
411
  {
408
412
  "name": "locale",
409
413
  "description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperty: locale\n\nDefault: en"
@@ -416,7 +420,7 @@
416
420
  },
417
421
  {
418
422
  "name": "igc-days-view",
419
- "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `dates` {`ICalendarDate[][]`} - \n\n * `activeDay` {`HTMLElement`} - \n\n * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `isSingleSelection` {`boolean`} - \n\n * `calendarModel` {`Calendar`} - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
423
+ "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `dates` {`ICalendarDate[][]`} - \n\n * `activeDay` {`HTMLElement`} - \n\n * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `isSingleSelection` {`boolean`} - \n\n * `calendarModel` {`Calendar`} - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
420
424
  "attributes": [
421
425
  {
422
426
  "name": "hide-leading-days",
@@ -505,6 +509,10 @@
505
509
  }
506
510
  ]
507
511
  },
512
+ {
513
+ "name": "active-date",
514
+ "description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate\n\nDefault: new Date()"
515
+ },
508
516
  {
509
517
  "name": "locale",
510
518
  "description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperty: locale\n\nDefault: en"
@@ -562,8 +570,21 @@
562
570
  },
563
571
  {
564
572
  "name": "igc-card-actions",
565
- "description": "A container for card action items like buttons\n\nSlots:\n\n * `start` {} - Renders items at the beginning of actions area\n\n * ` ` {} - Renders items at the middle of actions area\n\n * `end` {} - Renders items at the end of actions area\n\nProperties:\n\n * `tagName` {`\"igc-card-actions\"`} - \n\n * `styles` {`CSSResult`} - ",
566
- "attributes": []
573
+ "description": "A container for card action items like buttons\n\nSlots:\n\n * `start` {} - Renders items at the beginning of actions area\n\n * ` ` {} - Renders items at the middle of actions area\n\n * `end` {} - Renders items at the end of actions area\n\nAttributes:\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the actions.\n\nProperties:\n\n * `tagName` {`\"igc-card-actions\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the actions.",
574
+ "attributes": [
575
+ {
576
+ "name": "orientation",
577
+ "description": "`orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the actions.\n\nProperty: orientation\n\nDefault: horizontal",
578
+ "values": [
579
+ {
580
+ "name": "vertical"
581
+ },
582
+ {
583
+ "name": "horizontal"
584
+ }
585
+ ]
586
+ }
587
+ ]
567
588
  },
568
589
  {
569
590
  "name": "igc-card-content",
@@ -593,7 +614,7 @@
593
614
  },
594
615
  {
595
616
  "name": "igc-checkbox",
596
- "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The checkbox label.\n\nAttributes:\n\n * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n * `tagName` {`\"igc-checkbox\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n * `input` {`HTMLInputElement`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
617
+ "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The checkbox label.\n\nAttributes:\n\n * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n * `tagName` {`\"igc-checkbox\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n * `input` {`HTMLInputElement`} - \n\n * `focused` {`boolean`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
597
618
  "attributes": [
598
619
  {
599
620
  "name": "indeterminate",
@@ -660,7 +681,7 @@
660
681
  },
661
682
  {
662
683
  "name": "igc-switch",
663
- "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The switch label.\n\nAttributes:\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n * `tagName` {`\"igc-switch\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
684
+ "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The switch label.\n\nAttributes:\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n * `tagName` {`\"igc-switch\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `focused` {`boolean`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
664
685
  "attributes": [
665
686
  {
666
687
  "name": "name",
@@ -779,6 +800,196 @@
779
800
  }
780
801
  ]
781
802
  },
803
+ {
804
+ "name": "igc-dropdown-group",
805
+ "description": "Slots:\n\n * `label` {} - Contains the group's label.\n\n * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperties:\n\n * `tagName` {`\"igc-dropdown-group\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `items` {`IgcDropDownItemComponent[]`} - All child `igc-dropdown-item`s.\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - ",
806
+ "attributes": [
807
+ {
808
+ "name": "size",
809
+ "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperty: size\n\nDefault: large",
810
+ "values": [
811
+ {
812
+ "name": "small"
813
+ },
814
+ {
815
+ "name": "medium"
816
+ },
817
+ {
818
+ "name": "large"
819
+ }
820
+ ]
821
+ }
822
+ ]
823
+ },
824
+ {
825
+ "name": "igc-dropdown-header",
826
+ "description": "Slots:\n\n * ` ` {} - Renders the header.\n\nProperties:\n\n * `tagName` {`\"igc-dropdown-header\"`} - \n\n * `styles` {`CSSResult`} - ",
827
+ "attributes": []
828
+ },
829
+ {
830
+ "name": "igc-dropdown-item",
831
+ "description": "Represents an item in a dropdown list.\n\nSlots:\n\n * `prefix` {} - Renders content before the item's main content.\n\n * ` ` {} - Renders the item's main content.\n\n * `suffix` {} - Renders content after the item's main content.\n\nAttributes:\n\n * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n * `selected` {`boolean`} - Determines whether the item is selected.\n\n * `active` {`boolean`} - Determines whether the item is active.\n\n * `disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperties:\n\n * `tagName` {`\"igc-dropdown-item\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `_value` {`string`} - \n\n * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n * `selected` {`boolean`} - Determines whether the item is selected.\n\n * `active` {`boolean`} - Determines whether the item is active.\n\n * `disabled` {`boolean`} - Determines whether the item is disabled.",
832
+ "attributes": [
833
+ {
834
+ "name": "value",
835
+ "description": "`value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\nProperty: value"
836
+ },
837
+ {
838
+ "name": "selected",
839
+ "description": "`selected` {`boolean`} - Determines whether the item is selected.\n\nProperty: selected\n\nDefault: false",
840
+ "valueSet": "v"
841
+ },
842
+ {
843
+ "name": "active",
844
+ "description": "`active` {`boolean`} - Determines whether the item is active.\n\nProperty: active\n\nDefault: false",
845
+ "valueSet": "v"
846
+ },
847
+ {
848
+ "name": "disabled",
849
+ "description": "`disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperty: disabled\n\nDefault: false",
850
+ "valueSet": "v"
851
+ }
852
+ ]
853
+ },
854
+ {
855
+ "name": "igc-dropdown",
856
+ "description": "Represents a DropDown component.\n\nEvents:\n\n * `igcChange` {} - Emitted when the selected item changes.\n\n * `igcOpening` {} - Emitted just before the dropdown is open.\n\n * `igcOpened` {} - Emitted after the dropdown is open.\n\n * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n * `target` {} - Renders the dropdown's target element.\n\n * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n * `open` {`boolean`} - Sets the open state of the component.\n\n * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n * `distance` {`number`} - The distance from the target element.\n\n * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`\"igc-dropdown\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `selectedItem` {`IgcDropDownItemComponent | null`} - \n\n * `activeItem` {`IgcDropDownItemComponent`} - \n\n * `target` {`HTMLElement`} - \n\n * `allItems` {`IgcDropDownItemComponent[]`} - \n\n * `targetNodes` {`HTMLElement[]`} - \n\n * `content` {`HTMLElement`} - \n\n * `scrollContainer` {`HTMLElement`} - \n\n * `items` {`IgcDropDownItemComponent[]`} - \n\n * `groups` {`IgcDropDownGroupComponent[]`} - \n\n * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n * `handleKeyDown` - \n\n * `handleTargetClick` - \n\n * `toggleController` {`IgcToggleController`} - \n\n * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n * `open` {`boolean`} - Sets the open state of the component.\n\n * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n * `flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\n * `distance` {`number`} - The distance from the target element.\n\n * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
857
+ "attributes": [
858
+ {
859
+ "name": "keep-open-on-select",
860
+ "description": "`keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\nProperty: keepOpenOnSelect\n\nDefault: false",
861
+ "valueSet": "v"
862
+ },
863
+ {
864
+ "name": "scroll-strategy",
865
+ "description": "`scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\nProperty: scrollStrategy\n\nDefault: scroll",
866
+ "values": [
867
+ {
868
+ "name": "scroll"
869
+ },
870
+ {
871
+ "name": "block"
872
+ },
873
+ {
874
+ "name": "close"
875
+ }
876
+ ]
877
+ },
878
+ {
879
+ "name": "keep-open-on-outside-click",
880
+ "description": "`keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\nProperty: keepOpenOnOutsideClick\n\nDefault: false",
881
+ "valueSet": "v"
882
+ },
883
+ {
884
+ "name": "open",
885
+ "description": "`open` {`boolean`} - Sets the open state of the component.\n\nProperty: open\n\nDefault: false",
886
+ "valueSet": "v"
887
+ },
888
+ {
889
+ "name": "placement",
890
+ "description": "`placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\nProperty: placement\n\nDefault: bottom-start",
891
+ "values": [
892
+ {
893
+ "name": "top"
894
+ },
895
+ {
896
+ "name": "top-start"
897
+ },
898
+ {
899
+ "name": "top-end"
900
+ },
901
+ {
902
+ "name": "bottom"
903
+ },
904
+ {
905
+ "name": "bottom-start"
906
+ },
907
+ {
908
+ "name": "bottom-end"
909
+ },
910
+ {
911
+ "name": "right"
912
+ },
913
+ {
914
+ "name": "right-start"
915
+ },
916
+ {
917
+ "name": "right-end"
918
+ },
919
+ {
920
+ "name": "left"
921
+ },
922
+ {
923
+ "name": "left-start"
924
+ },
925
+ {
926
+ "name": "left-end"
927
+ }
928
+ ]
929
+ },
930
+ {
931
+ "name": "position-strategy",
932
+ "description": "`position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\nProperty: positionStrategy\n\nDefault: absolute",
933
+ "values": [
934
+ {
935
+ "name": "absolute"
936
+ },
937
+ {
938
+ "name": "fixed"
939
+ }
940
+ ]
941
+ },
942
+ {
943
+ "name": "flip",
944
+ "description": "`flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\nProperty: flip\n\nDefault: false",
945
+ "valueSet": "v"
946
+ },
947
+ {
948
+ "name": "distance",
949
+ "description": "`distance` {`number`} - The distance from the target element.\n\nProperty: distance\n\nDefault: 0"
950
+ },
951
+ {
952
+ "name": "same-width",
953
+ "description": "`same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\nProperty: sameWidth\n\nDefault: false",
954
+ "valueSet": "v"
955
+ },
956
+ {
957
+ "name": "size",
958
+ "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
959
+ "values": [
960
+ {
961
+ "name": "small"
962
+ },
963
+ {
964
+ "name": "medium"
965
+ },
966
+ {
967
+ "name": "large"
968
+ }
969
+ ]
970
+ },
971
+ {
972
+ "name": "onigcChange",
973
+ "description": "`igcChange` {} - Emitted when the selected item changes."
974
+ },
975
+ {
976
+ "name": "onigcOpening",
977
+ "description": "`igcOpening` {} - Emitted just before the dropdown is open."
978
+ },
979
+ {
980
+ "name": "onigcOpened",
981
+ "description": "`igcOpened` {} - Emitted after the dropdown is open."
982
+ },
983
+ {
984
+ "name": "onigcClosing",
985
+ "description": "`igcClosing` {} - Emitter just before the dropdown is closed."
986
+ },
987
+ {
988
+ "name": "onigcClosed",
989
+ "description": "`igcClosed` {} - Emitted after closing the dropdown."
990
+ }
991
+ ]
992
+ },
782
993
  {
783
994
  "name": "igc-form",
784
995
  "description": "The form is a component used to collect user input from\ninteractive controls.\n\nEvents:\n\n * `igcSubmit` {} - Emitted when the form is submitted.\n\n * `igcReset` {} - Emitted when the form is reset.\n\nSlots:\n\n * ` ` {} - Default slot for the form.\n\nAttributes:\n\n * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.\n\nProperties:\n\n * `tagName` {`\"igc-form\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `_controlsWithChecked` {`string[]`} - \n\n * `_controlsWithValue` {`string[]`} - \n\n * `_controlsThatSubmit` {`string[]`} - \n\n * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.",
@@ -1049,23 +1260,23 @@
1049
1260
  },
1050
1261
  {
1051
1262
  "name": "igc-nav-drawer",
1052
- "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n * ` ` {} - The default slot for the drawer.\n\n * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n * `tagName` {`\"igc-nav-drawer\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.",
1263
+ "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n * ` ` {} - The default slot for the drawer.\n\n * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n * `tagName` {`\"igc-nav-drawer\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.",
1053
1264
  "attributes": [
1054
1265
  {
1055
1266
  "name": "position",
1056
- "description": "`position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
1267
+ "description": "`position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
1057
1268
  "values": [
1058
1269
  {
1059
- "name": "start"
1270
+ "name": "top"
1060
1271
  },
1061
1272
  {
1062
- "name": "end"
1273
+ "name": "bottom"
1063
1274
  },
1064
1275
  {
1065
- "name": "top"
1276
+ "name": "start"
1066
1277
  },
1067
1278
  {
1068
- "name": "bottom"
1279
+ "name": "end"
1069
1280
  }
1070
1281
  ]
1071
1282
  },
@@ -1154,7 +1365,7 @@
1154
1365
  },
1155
1366
  {
1156
1367
  "name": "igc-linear-progress",
1157
- "description": "A linear progress indicator used to express unspecified wait time or display\nthe length of a process.\n\nSlots:\n\n * ` ` {} - The text area container.\n\nAttributes:\n\n * `striped` {`boolean`} - Sets the striped look of the control.\n\n * `label-align` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n * `max` {`number`} - Maximum value of the control.\n\n * `value` {`number`} - The value of the control.\n\n * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n * `animation-duration` {`number`} - Animation duration in milliseconds.\n\n * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n * `hide-label` {`boolean`} - Shows/hides the label of the control.\n\n * `label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperties:\n\n * `tagName` {`\"igc-linear-progress\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `striped` {`boolean`} - Sets the striped look of the control.\n\n * `labelAlign` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n * `wrapperParts` {`{ fill: boolean; striped: boolean; indeterminate: boolean; primary: boolean; success: boolean; danger: boolean; warning: boolean; info: boolean; }`} - \n\n * `animInfo` {`{ width: string; '--duration': string; }`} - \n\n * `initialMax` {`number`} - \n\n * `initialValue` {`number`} - \n\n * `tick` {`number`} - \n\n * `assignedElements` {`HTMLElement[]`} - \n\n * `progressIndicator` {`Element`} - \n\n * `percentage` {`number`} - \n\n * `max` {`number`} - Maximum value of the control.\n\n * `value` {`number`} - The value of the control.\n\n * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n * `animationDuration` {`number`} - Animation duration in milliseconds.\n\n * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n * `hideLabel` {`boolean`} - Shows/hides the label of the control.\n\n * `labelFormat` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
1368
+ "description": "A linear progress indicator used to express unspecified wait time or display\nthe length of a process.\n\nSlots:\n\n * ` ` {} - The text area container.\n\nAttributes:\n\n * `striped` {`boolean`} - Sets the striped look of the control.\n\n * `label-align` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n * `max` {`number`} - Maximum value of the control.\n\n * `value` {`number`} - The value of the control.\n\n * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n * `animation-duration` {`number`} - Animation duration in milliseconds.\n\n * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n * `hide-label` {`boolean`} - Shows/hides the label of the control.\n\n * `label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperties:\n\n * `tagName` {`\"igc-linear-progress\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `striped` {`boolean`} - Sets the striped look of the control.\n\n * `labelAlign` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n * `wrapperParts` {`{ fill: boolean; striped: boolean; indeterminate: boolean; primary: boolean; success: boolean; danger: boolean; warning: boolean; info: boolean; }`} - \n\n * `animInfo` {`{ width: string; '--duration': string; }`} - \n\n * `initialMax` {`number`} - \n\n * `initialValue` {`number`} - \n\n * `tick` {`number`} - \n\n * `assignedElements` {`HTMLElement[]`} - \n\n * `progressIndicator` {`Element`} - \n\n * `percentage` {`number`} - \n\n * `max` {`number`} - Maximum value of the control.\n\n * `value` {`number`} - The value of the control.\n\n * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n * `animationDuration` {`number`} - Animation duration in milliseconds.\n\n * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n * `hideLabel` {`boolean`} - Shows/hides the label of the control.\n\n * `labelFormat` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
1158
1369
  "attributes": [
1159
1370
  {
1160
1371
  "name": "striped",
@@ -1163,20 +1374,20 @@
1163
1374
  },
1164
1375
  {
1165
1376
  "name": "label-align",
1166
- "description": "`label-align` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\nProperty: labelAlign\n\nDefault: top-start",
1377
+ "description": "`label-align` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\nProperty: labelAlign\n\nDefault: top-start",
1167
1378
  "values": [
1168
1379
  {
1169
1380
  "name": "top"
1170
1381
  },
1171
- {
1172
- "name": "bottom"
1173
- },
1174
1382
  {
1175
1383
  "name": "top-start"
1176
1384
  },
1177
1385
  {
1178
1386
  "name": "top-end"
1179
1387
  },
1388
+ {
1389
+ "name": "bottom"
1390
+ },
1180
1391
  {
1181
1392
  "name": "bottom-start"
1182
1393
  },
@@ -1254,7 +1465,7 @@
1254
1465
  },
1255
1466
  {
1256
1467
  "name": "igc-radio",
1257
- "description": "Events:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The radio label.\n\nAttributes:\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `disabled` {`boolean`} - Disables the radio control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n * `tagName` {`\"igc-radio\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `_tabIndex` {`number`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `disabled` {`boolean`} - Disables the radio control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
1468
+ "description": "Events:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The radio label.\n\nAttributes:\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `disabled` {`boolean`} - Disables the radio control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n * `tagName` {`\"igc-radio\"`} - \n\n * `styles` {`CSSResult`} - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `_tabIndex` {`number`} - \n\n * `focused` {`boolean`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `disabled` {`boolean`} - Disables the radio control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
1258
1469
  "attributes": [
1259
1470
  {
1260
1471
  "name": "name",
@@ -1688,6 +1899,11 @@
1688
1899
  "valueSet": "v"
1689
1900
  }
1690
1901
  ]
1902
+ },
1903
+ {
1904
+ "name": "test-popper",
1905
+ "description": "Properties:\n\n * `toggleDirective` - ",
1906
+ "attributes": []
1691
1907
  }
1692
1908
  ],
1693
1909
  "globalAttributes": [],