igniteui-webcomponents 1.0.0 → 2.0.0-beta.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 (267) hide show
  1. package/CHANGELOG.md +40 -1
  2. package/README.md +17 -1
  3. package/components/avatar/avatar.d.ts +20 -2
  4. package/components/avatar/avatar.material.css.d.ts +0 -1
  5. package/components/avatar/avatar.material.css.js +1 -1
  6. package/components/avatar/avatar.material.css.js.map +1 -1
  7. package/components/badge/badge.d.ts +18 -4
  8. package/components/badge/badge.js.map +1 -1
  9. package/components/badge/badge.material.css.d.ts +0 -1
  10. package/components/badge/badge.material.css.js +1 -1
  11. package/components/badge/badge.material.css.js.map +1 -1
  12. package/components/button/button-base.d.ts +24 -1
  13. package/components/button/button-base.js +16 -0
  14. package/components/button/button-base.js.map +1 -1
  15. package/components/button/button.d.ts +23 -2
  16. package/components/button/button.material.css.d.ts +0 -1
  17. package/components/button/button.material.css.js +1 -1
  18. package/components/button/button.material.css.js.map +1 -1
  19. package/components/button/icon-button.d.ts +15 -2
  20. package/components/button/icon-button.js +15 -1
  21. package/components/button/icon-button.js.map +1 -1
  22. package/components/button/icon-button.material.css.d.ts +0 -1
  23. package/components/button/icon-button.material.css.js +1 -1
  24. package/components/button/icon-button.material.css.js.map +1 -1
  25. package/components/calendar/calendar.d.ts +42 -3
  26. package/components/calendar/calendar.js +34 -12
  27. package/components/calendar/calendar.js.map +1 -1
  28. package/components/calendar/calendar.material.css.d.ts +0 -1
  29. package/components/calendar/calendar.material.css.js +1 -1
  30. package/components/calendar/calendar.material.css.js.map +1 -1
  31. package/components/calendar/common/calendar-base.d.ts +17 -2
  32. package/components/calendar/common/calendar-base.js +28 -4
  33. package/components/calendar/common/calendar-base.js.map +1 -1
  34. package/components/calendar/common/calendar.model.d.ts +57 -1
  35. package/components/calendar/common/utils.d.ts +0 -1
  36. package/components/calendar/days-view/days-view.d.ts +25 -2
  37. package/components/calendar/days-view/days-view.js +38 -35
  38. package/components/calendar/days-view/days-view.js.map +1 -1
  39. package/components/calendar/days-view/days-view.material.css.d.ts +0 -1
  40. package/components/calendar/days-view/days-view.material.css.js +1 -1
  41. package/components/calendar/days-view/days-view.material.css.js.map +1 -1
  42. package/components/calendar/months-view/months-view.d.ts +17 -2
  43. package/components/calendar/months-view/months-view.js +4 -2
  44. package/components/calendar/months-view/months-view.js.map +1 -1
  45. package/components/calendar/months-view/months-view.material.css.d.ts +0 -1
  46. package/components/calendar/years-view/years-view.d.ts +16 -2
  47. package/components/calendar/years-view/years-view.js +4 -2
  48. package/components/calendar/years-view/years-view.js.map +1 -1
  49. package/components/calendar/years-view/years-view.material.css.d.ts +0 -1
  50. package/components/card/card.actions.d.ts +10 -2
  51. package/components/card/card.actions.material.css.d.ts +0 -1
  52. package/components/card/card.actions.material.css.js +1 -1
  53. package/components/card/card.actions.material.css.js.map +1 -1
  54. package/components/card/card.content.d.ts +8 -2
  55. package/components/card/card.content.material.css.d.ts +0 -1
  56. package/components/card/card.content.material.css.js +1 -1
  57. package/components/card/card.content.material.css.js.map +1 -1
  58. package/components/card/card.d.ts +10 -3
  59. package/components/card/card.header.d.ts +13 -2
  60. package/components/card/card.header.material.css.d.ts +0 -1
  61. package/components/card/card.header.material.css.js +1 -1
  62. package/components/card/card.header.material.css.js.map +1 -1
  63. package/components/card/card.js +2 -2
  64. package/components/card/card.js.map +1 -1
  65. package/components/card/card.material.css.d.ts +0 -1
  66. package/components/card/card.material.css.js +1 -1
  67. package/components/card/card.material.css.js.map +1 -1
  68. package/components/card/card.media.d.ts +8 -2
  69. package/components/card/card.media.material.css.d.ts +0 -1
  70. package/components/card/card.media.material.css.js +1 -1
  71. package/components/card/card.media.material.css.js.map +1 -1
  72. package/components/checkbox/checkbox-base.d.ts +16 -1
  73. package/components/checkbox/checkbox.d.ts +21 -3
  74. package/components/checkbox/checkbox.js +25 -27
  75. package/components/checkbox/checkbox.js.map +1 -1
  76. package/components/checkbox/checkbox.material.css.d.ts +0 -1
  77. package/components/checkbox/checkbox.material.css.js +1 -1
  78. package/components/checkbox/checkbox.material.css.js.map +1 -1
  79. package/components/checkbox/switch.d.ts +19 -2
  80. package/components/checkbox/switch.js +17 -18
  81. package/components/checkbox/switch.js.map +1 -1
  82. package/components/checkbox/switch.material.css.d.ts +0 -1
  83. package/components/checkbox/switch.material.css.js +1 -1
  84. package/components/checkbox/switch.material.css.js.map +1 -1
  85. package/components/common/decorators/alternateName.d.ts +6 -1
  86. package/components/common/decorators/blazorInclude.d.ts +4 -1
  87. package/components/common/decorators/blazorIndirectRender.d.ts +4 -0
  88. package/components/common/decorators/blazorIndirectRender.js +2 -0
  89. package/components/common/decorators/blazorIndirectRender.js.map +1 -0
  90. package/components/common/decorators/blazorSuppress.d.ts +4 -1
  91. package/components/common/decorators/blazorSuppressComponent.d.ts +4 -0
  92. package/components/common/decorators/blazorSuppressComponent.js +2 -0
  93. package/components/common/decorators/blazorSuppressComponent.js.map +1 -0
  94. package/components/common/decorators/blazorTwoWayBind.d.ts +6 -1
  95. package/components/common/decorators/index.d.ts +2 -1
  96. package/components/common/decorators/index.js +2 -0
  97. package/components/common/decorators/index.js.map +1 -1
  98. package/components/common/decorators/watch.d.ts +0 -1
  99. package/components/common/definitions/defineAllComponents.d.ts +0 -1
  100. package/components/common/definitions/defineAllComponents.js +4 -0
  101. package/components/common/definitions/defineAllComponents.js.map +1 -1
  102. package/components/common/definitions/defineComponents.d.ts +0 -1
  103. package/components/common/i18n/calendar.resources.d.ts +0 -1
  104. package/components/common/mixins/constructor.d.ts +0 -1
  105. package/components/common/mixins/event-emitter.d.ts +0 -1
  106. package/components/common/mixins/sizable.d.ts +4 -1
  107. package/components/common/util.d.ts +0 -1
  108. package/components/form/form.d.ts +21 -2
  109. package/components/form/form.js +4 -1
  110. package/components/form/form.js.map +1 -1
  111. package/components/icon/icon.d.ts +26 -2
  112. package/components/icon/icon.material.css.d.ts +0 -1
  113. package/components/icon/icon.material.css.js +1 -1
  114. package/components/icon/icon.material.css.js.map +1 -1
  115. package/components/icon/icon.registry.d.ts +0 -1
  116. package/components/input/input.d.ts +56 -2
  117. package/components/input/input.dark.material.css.d.ts +1 -0
  118. package/components/input/input.dark.material.css.js +3 -0
  119. package/components/input/input.dark.material.css.js.map +1 -0
  120. package/components/input/input.material.css.d.ts +0 -1
  121. package/components/input/input.material.css.js +1 -1
  122. package/components/input/input.material.css.js.map +1 -1
  123. package/components/list/list-header.d.ts +10 -2
  124. package/components/list/list-header.material.css.d.ts +0 -1
  125. package/components/list/list-header.material.css.js +1 -1
  126. package/components/list/list-header.material.css.js.map +1 -1
  127. package/components/list/list-item.d.ts +22 -2
  128. package/components/list/list-item.material.css.d.ts +0 -1
  129. package/components/list/list-item.material.css.js +1 -1
  130. package/components/list/list-item.material.css.js.map +1 -1
  131. package/components/list/list.d.ts +10 -2
  132. package/components/list/list.material.css.d.ts +0 -1
  133. package/components/list/list.material.css.js +1 -1
  134. package/components/list/list.material.css.js.map +1 -1
  135. package/components/nav-drawer/nav-drawer-header-item.d.ts +9 -2
  136. package/components/nav-drawer/nav-drawer-header-item.material.css.d.ts +0 -1
  137. package/components/nav-drawer/nav-drawer-header-item.material.css.js +1 -1
  138. package/components/nav-drawer/nav-drawer-header-item.material.css.js.map +1 -1
  139. package/components/nav-drawer/nav-drawer-item.d.ts +17 -2
  140. package/components/nav-drawer/nav-drawer-item.material.css.d.ts +0 -1
  141. package/components/nav-drawer/nav-drawer-item.material.css.js +1 -1
  142. package/components/nav-drawer/nav-drawer-item.material.css.js.map +1 -1
  143. package/components/nav-drawer/nav-drawer.d.ts +26 -2
  144. package/components/nav-drawer/nav-drawer.material.css.d.ts +0 -1
  145. package/components/nav-drawer/nav-drawer.material.css.js +1 -1
  146. package/components/nav-drawer/nav-drawer.material.css.js.map +1 -1
  147. package/components/navbar/navbar.d.ts +18 -2
  148. package/components/navbar/navbar.material.css.d.ts +0 -1
  149. package/components/navbar/navbar.material.css.js +1 -1
  150. package/components/navbar/navbar.material.css.js.map +1 -1
  151. package/components/radio/radio.d.ts +31 -2
  152. package/components/radio/radio.material.css.d.ts +0 -1
  153. package/components/radio/radio.material.css.js +1 -1
  154. package/components/radio/radio.material.css.js.map +1 -1
  155. package/components/radio-group/radio-group.d.ts +3 -2
  156. package/components/radio-group/radio-group.material.css.d.ts +0 -1
  157. package/components/radio-group/radio-group.material.css.js +1 -1
  158. package/components/radio-group/radio-group.material.css.js.map +1 -1
  159. package/components/ripple/ripple.d.ts +9 -2
  160. package/components/ripple/ripple.material.css.d.ts +0 -1
  161. package/components/ripple/ripple.material.css.js +1 -1
  162. package/components/ripple/ripple.material.css.js.map +1 -1
  163. package/components/slider/range-slider.d.ts +85 -0
  164. package/components/slider/range-slider.js +141 -0
  165. package/components/slider/range-slider.js.map +1 -0
  166. package/components/slider/slider-base.d.ts +117 -0
  167. package/components/slider/slider-base.js +448 -0
  168. package/components/slider/slider-base.js.map +1 -0
  169. package/components/slider/slider.d.ts +76 -0
  170. package/components/slider/slider.js +80 -0
  171. package/components/slider/slider.js.map +1 -0
  172. package/components/slider/slider.material.css.d.ts +1 -0
  173. package/components/slider/slider.material.css.js +3 -0
  174. package/components/slider/slider.material.css.js.map +1 -0
  175. package/custom-elements.json +648 -22
  176. package/index.d.ts +2 -1
  177. package/index.js +2 -0
  178. package/index.js.map +1 -1
  179. package/package.json +5 -4
  180. package/themes/dark/bootstrap.css +1 -0
  181. package/themes/dark/fluent.css +1 -0
  182. package/themes/dark/indigo.css +1 -0
  183. package/themes/dark/material.css +1 -0
  184. package/themes/light/bootstrap.css +1 -0
  185. package/themes/light/fluent.css +1 -0
  186. package/themes/light/indigo.css +1 -0
  187. package/themes/light/material.css +1 -0
  188. package/vscode-html-custom-data.json +263 -13
  189. package/components/avatar/avatar.d.ts.map +0 -1
  190. package/components/avatar/avatar.material.css.d.ts.map +0 -1
  191. package/components/badge/badge.d.ts.map +0 -1
  192. package/components/badge/badge.material.css.d.ts.map +0 -1
  193. package/components/button/button-base.d.ts.map +0 -1
  194. package/components/button/button.d.ts.map +0 -1
  195. package/components/button/button.material.css.d.ts.map +0 -1
  196. package/components/button/icon-button.d.ts.map +0 -1
  197. package/components/button/icon-button.material.css.d.ts.map +0 -1
  198. package/components/calendar/calendar.d.ts.map +0 -1
  199. package/components/calendar/calendar.material.css.d.ts.map +0 -1
  200. package/components/calendar/common/calendar-base.d.ts.map +0 -1
  201. package/components/calendar/common/calendar.model.d.ts.map +0 -1
  202. package/components/calendar/common/utils.d.ts.map +0 -1
  203. package/components/calendar/days-view/days-view.d.ts.map +0 -1
  204. package/components/calendar/days-view/days-view.material.css.d.ts.map +0 -1
  205. package/components/calendar/months-view/months-view.d.ts.map +0 -1
  206. package/components/calendar/months-view/months-view.material.css.d.ts.map +0 -1
  207. package/components/calendar/years-view/years-view.d.ts.map +0 -1
  208. package/components/calendar/years-view/years-view.material.css.d.ts.map +0 -1
  209. package/components/card/card.actions.d.ts.map +0 -1
  210. package/components/card/card.actions.material.css.d.ts.map +0 -1
  211. package/components/card/card.content.d.ts.map +0 -1
  212. package/components/card/card.content.material.css.d.ts.map +0 -1
  213. package/components/card/card.d.ts.map +0 -1
  214. package/components/card/card.header.d.ts.map +0 -1
  215. package/components/card/card.header.material.css.d.ts.map +0 -1
  216. package/components/card/card.material.css.d.ts.map +0 -1
  217. package/components/card/card.media.d.ts.map +0 -1
  218. package/components/card/card.media.material.css.d.ts.map +0 -1
  219. package/components/checkbox/checkbox-base.d.ts.map +0 -1
  220. package/components/checkbox/checkbox.d.ts.map +0 -1
  221. package/components/checkbox/checkbox.material.css.d.ts.map +0 -1
  222. package/components/checkbox/switch.d.ts.map +0 -1
  223. package/components/checkbox/switch.material.css.d.ts.map +0 -1
  224. package/components/common/decorators/alternateName.d.ts.map +0 -1
  225. package/components/common/decorators/blazorInclude.d.ts.map +0 -1
  226. package/components/common/decorators/blazorSuppress.d.ts.map +0 -1
  227. package/components/common/decorators/blazorTwoWayBind.d.ts.map +0 -1
  228. package/components/common/decorators/index.d.ts.map +0 -1
  229. package/components/common/decorators/watch.d.ts.map +0 -1
  230. package/components/common/definitions/defineAllComponents.d.ts.map +0 -1
  231. package/components/common/definitions/defineComponents.d.ts.map +0 -1
  232. package/components/common/i18n/calendar.resources.d.ts.map +0 -1
  233. package/components/common/mixins/constructor.d.ts.map +0 -1
  234. package/components/common/mixins/event-emitter.d.ts.map +0 -1
  235. package/components/common/mixins/sizable.d.ts.map +0 -1
  236. package/components/common/util.d.ts.map +0 -1
  237. package/components/form/form.d.ts.map +0 -1
  238. package/components/icon/icon.d.ts.map +0 -1
  239. package/components/icon/icon.material.css.d.ts.map +0 -1
  240. package/components/icon/icon.registry.d.ts.map +0 -1
  241. package/components/input/input.d.ts.map +0 -1
  242. package/components/input/input.material.css.d.ts.map +0 -1
  243. package/components/list/list-header.d.ts.map +0 -1
  244. package/components/list/list-header.material.css.d.ts.map +0 -1
  245. package/components/list/list-item.d.ts.map +0 -1
  246. package/components/list/list-item.material.css.d.ts.map +0 -1
  247. package/components/list/list.d.ts.map +0 -1
  248. package/components/list/list.material.css.d.ts.map +0 -1
  249. package/components/nav-drawer/nav-drawer-header-item.d.ts.map +0 -1
  250. package/components/nav-drawer/nav-drawer-header-item.material.css.d.ts.map +0 -1
  251. package/components/nav-drawer/nav-drawer-item.d.ts.map +0 -1
  252. package/components/nav-drawer/nav-drawer-item.material.css.d.ts.map +0 -1
  253. package/components/nav-drawer/nav-drawer.d.ts.map +0 -1
  254. package/components/nav-drawer/nav-drawer.material.css.d.ts.map +0 -1
  255. package/components/navbar/navbar.d.ts.map +0 -1
  256. package/components/navbar/navbar.material.css.d.ts.map +0 -1
  257. package/components/radio/radio.d.ts.map +0 -1
  258. package/components/radio/radio.material.css.d.ts.map +0 -1
  259. package/components/radio-group/radio-group.d.ts.map +0 -1
  260. package/components/radio-group/radio-group.material.css.d.ts.map +0 -1
  261. package/components/ripple/ripple.d.ts.map +0 -1
  262. package/components/ripple/ripple.material.css.d.ts.map +0 -1
  263. package/index.d.ts.map +0 -1
  264. package/themes/bootstrap.css +0 -1
  265. package/themes/fluent.css +0 -1
  266. package/themes/indigo.css +0 -1
  267. package/themes/material.css +0 -1
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=nav-drawer-header-item.material.css.d.ts.map
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;
3
3
  //# sourceMappingURL=nav-drawer-header-item.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-header-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+tBAA+tB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;\n"]}
1
+ {"version":3,"file":"nav-drawer-header-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+hCAA+hC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;\n"]}
@@ -1,8 +1,24 @@
1
1
  import { LitElement } from 'lit';
2
+ /**
3
+ * Represents a navigation drawer item.
4
+ *
5
+ * @element igc-nav-drawer-item
6
+ *
7
+ * @slot content - The content slot for the drawer item.
8
+ * @slot icon - The slot for the icon of the drawer item.
9
+ *
10
+ * @csspart base - The base wrapper of the drawer item.
11
+ * @csspart icon - The icon container.
12
+ * @csspart content - The content container.
13
+ */
2
14
  export default class IgcNavDrawerItemComponent extends LitElement {
15
+ /** @private */
3
16
  static tagName: string;
17
+ /** @private */
4
18
  static styles: import("lit").CSSResult[];
19
+ /** Determines whether the drawer is disabled. */
5
20
  disabled: boolean;
21
+ /** Determines whether the drawer is active. */
6
22
  active: boolean;
7
23
  private _textLength;
8
24
  private _text;
@@ -11,11 +27,10 @@ export default class IgcNavDrawerItemComponent extends LitElement {
11
27
  [x: string]: boolean;
12
28
  mini: boolean;
13
29
  };
14
- protected render(): import("lit").TemplateResult<1>;
30
+ protected render(): import("lit-html").TemplateResult<1>;
15
31
  }
16
32
  declare global {
17
33
  interface HTMLElementTagNameMap {
18
34
  'igc-nav-drawer-item': IgcNavDrawerItemComponent;
19
35
  }
20
36
  }
21
- //# sourceMappingURL=nav-drawer-item.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=nav-drawer-item.material.css.d.ts.map
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}[part="base mini"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}[part="base mini"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
3
3
  //# sourceMappingURL=nav-drawer-item.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,otEAAotE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}[part=\"base mini\"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;\n"]}
1
+ {"version":3,"file":"nav-drawer-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ohFAAohF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}[part=\"base mini\"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;\n"]}
@@ -7,18 +7,43 @@ export interface IgcNavDrawerEventMap {
7
7
  igcClosed: CustomEvent<void>;
8
8
  }
9
9
  declare const IgcNavDrawerComponent_base: Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcNavDrawerEventMap>> & Constructor<LitElement>;
10
+ /**
11
+ * Represents a side navigation container that provides
12
+ * quick access between views.
13
+ *
14
+ * @element igc-nav-drawer
15
+ *
16
+ * @slot - The default slot for the drawer.
17
+ * @slot mini - The slot for the mini variant of the drawer.
18
+ *
19
+ * @fires igcOpening - Emitted when the navigation drawer is about to open.
20
+ * @fires igcOpened - Emitted when the navigation drawer is opened.
21
+ * @fires igcClosing - Emitted when the navigation drawer is about to close.
22
+ * @fires igcClosed - Emitted when the navigation drawer is closed.
23
+ *
24
+ * @csspart base - The base wrapper of the navigation drawer.
25
+ * @csspart main - The main container.
26
+ * @csspart mini - The mini container.
27
+ */
10
28
  export default class IgcNavDrawerComponent extends IgcNavDrawerComponent_base {
29
+ /** @private */
11
30
  static tagName: string;
31
+ /** @private */
12
32
  static styles: import("lit").CSSResult[];
33
+ /** The position of the drawer. */
13
34
  position: 'start' | 'end' | 'top' | 'bottom';
35
+ /** Determines whether the drawer is opened. */
14
36
  open: boolean;
37
+ /** Opens the drawer. */
15
38
  show(): void;
39
+ /** Closes the drawer. */
16
40
  hide(): void;
41
+ /** Toggles the open state of the drawer. */
17
42
  toggle(): void;
18
43
  private handleOpening;
19
44
  private handleClosing;
20
45
  private resolvePartNames;
21
- protected render(): import("lit").TemplateResult<1>;
46
+ protected render(): import("lit-html").TemplateResult<1>;
22
47
  }
23
48
  declare global {
24
49
  interface HTMLElementTagNameMap {
@@ -26,4 +51,3 @@ declare global {
26
51
  }
27
52
  }
28
53
  export {};
29
- //# sourceMappingURL=nav-drawer.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=nav-drawer.material.css.d.ts.map
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;
3
3
  //# sourceMappingURL=nav-drawer.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8wDAA8wD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;\n"]}
1
+ {"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kEAA8kE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;\n"]}
@@ -1,12 +1,28 @@
1
1
  import { LitElement } from 'lit';
2
+ /**
3
+ * A navigation bar component is used to facilitate navigation through
4
+ * a series of hierarchical screens within an app.
5
+ *
6
+ * @element igc-navbar
7
+ *
8
+ * @slot - Renders a title inside the default slot.
9
+ * @slot start - Renders left aligned icons.
10
+ * @slot end - Renders right aligned action icons.
11
+ *
12
+ * @csspart base - The base wrapper of the navigation bar.
13
+ * @csspart start - The left aligned icon container.
14
+ * @csspart middle - The navigation bar title container.
15
+ * @csspart end - The right aligned action icons container.
16
+ */
2
17
  export default class IgcNavbarComponent extends LitElement {
18
+ /** @private */
3
19
  static tagName: string;
20
+ /** @private */
4
21
  static styles: import("lit").CSSResult[];
5
- protected render(): import("lit").TemplateResult<1>;
22
+ protected render(): import("lit-html").TemplateResult<1>;
6
23
  }
7
24
  declare global {
8
25
  interface HTMLElementTagNameMap {
9
26
  'igc-navbar': IgcNavbarComponent;
10
27
  }
11
28
  }
12
- //# sourceMappingURL=navbar.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=navbar.material.css.d.ts.map
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-500-contrast)}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:.0625rem;margin-inline-end:.0625rem}::slotted(igc-input[part=helper-text]){margin-top:0 !important}::slotted(igc-avatar[part=base]){max-width:2rem;max-height:2rem;min-height:0;min-width:0}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-600-contrast);width:2rem;height:2rem;font-size:2rem}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;
3
3
  //# sourceMappingURL=navbar.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y+DAAy+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-500-contrast)}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;\n"]}
1
+ {"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ylFAAylF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:.0625rem;margin-inline-end:.0625rem}::slotted(igc-input[part=helper-text]){margin-top:0 !important}::slotted(igc-avatar[part=base]){max-width:2rem;max-height:2rem;min-height:0;min-width:0}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-600-contrast);width:2rem;height:2rem;font-size:2rem}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;\n"]}
@@ -6,24 +6,54 @@ export interface IgcRadioEventMap {
6
6
  igcBlur: CustomEvent<void>;
7
7
  }
8
8
  declare const IgcRadioComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcRadioEventMap>> & Constructor<LitElement>;
9
+ /**
10
+ * @element igc-radio
11
+ *
12
+ * @slot - The radio label.
13
+ *
14
+ * @fires igcChange - Emitted when the control's checked state changes.
15
+ * @fires igcFocus - Emitted when the control gains focus.
16
+ * @fires igcBlur - Emitted when the control loses focus.
17
+ *
18
+ * @csspart base - The radio control base wrapper.
19
+ * @csspart control - The radio control.
20
+ * @csspart label - The radio control label.
21
+ */
9
22
  export default class IgcRadioComponent extends IgcRadioComponent_base {
23
+ /** @private */
10
24
  static tagName: string;
25
+ /** @private */
11
26
  static styles: import("lit").CSSResult;
12
27
  private inputId;
13
28
  private labelId;
14
29
  protected input: HTMLInputElement;
15
30
  private _tabIndex;
31
+ /** The name attribute of the control. */
16
32
  name: string;
33
+ /** The value attribute of the control. */
17
34
  value: string;
35
+ /** The checked state of the control. */
18
36
  checked: boolean;
37
+ /** Disables the radio control. */
19
38
  disabled: boolean;
39
+ /** Controls the validity of the control. */
20
40
  invalid: boolean;
41
+ /** The label position of the radio control. */
21
42
  labelPosition: 'before' | 'after';
43
+ /** Sets the aria-labelledby attribute for the radio control. */
22
44
  ariaLabelledby: string;
45
+ /** Simulates a click on the radio control. */
23
46
  click(): void;
47
+ /** Sets focus on the radio control. */
24
48
  focus(options?: FocusOptions): void;
49
+ /** Removes focus from the radio control. */
25
50
  blur(): void;
51
+ /** Checks for validity of the control and shows the browser message if it invalid. */
26
52
  reportValidity(): void;
53
+ /**
54
+ * Sets a custom validation message for the control.
55
+ * As long as `message` is not empty, the control is considered invalid.
56
+ */
27
57
  setCustomValidity(message: string): void;
28
58
  protected handleMouseDown(event: MouseEvent): void;
29
59
  protected handleClick(): void;
@@ -31,7 +61,7 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
31
61
  protected handleFocus(): void;
32
62
  protected handleChange(): void;
33
63
  protected getSiblings(): IgcRadioComponent[];
34
- protected render(): import("lit").TemplateResult<1>;
64
+ protected render(): import("lit-html").TemplateResult<1>;
35
65
  }
36
66
  declare global {
37
67
  interface HTMLElementTagNameMap {
@@ -39,4 +69,3 @@ declare global {
39
69
  }
40
70
  }
41
71
  export {};
42
- //# sourceMappingURL=radio.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=radio.material.css.d.ts.map
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:hover [part=control]{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-300), 0.87)}[part~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size, 1.25rem) * 2);height:calc(var(--size, 1.25rem) * 2);min-width:calc(var(--size, 1.25rem) * 2);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{position:absolute;content:"";width:var(--size, 1.25rem);height:var(--size, 1.25rem);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size, 1.25rem) / 10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part="base checked"]:hover [part~=control]{background:hsla(var(--igc-secondary-50), 0.54)}[part="base checked"]:focus-within [part~=control]{background:hsla(var(--igc-secondary-100), 0.72)}[part="control checked"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part="control checked"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part="control checked"]::before{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part="control checked"]::before{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:transparent}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:hover [part=control]{background:hsla(var(--igc-gray-600), 0.06)}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size, 1.25rem) * 2);height:calc(var(--size, 1.25rem) * 2);min-width:calc(var(--size, 1.25rem) * 2);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{position:absolute;content:"";width:var(--size, 1.25rem);height:var(--size, 1.25rem);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size, 1.25rem) / 10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part="base checked"]:hover [part~=control]{background:hsla(var(--igc-secondary-500), 0.06)}[part="base checked"]:focus-within [part~=control]{background:hsla(var(--igc-secondary-500), 0.12)}[part="control checked"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part="control checked"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part="control checked"]::before{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part="control checked"]::before{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:transparent}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;
3
3
  //# sourceMappingURL=radio.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../src/components/radio/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8uHAA8uH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:hover [part=control]{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-300), 0.87)}[part~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size, 1.25rem) * 2);height:calc(var(--size, 1.25rem) * 2);min-width:calc(var(--size, 1.25rem) * 2);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{position:absolute;content:\"\";width:var(--size, 1.25rem);height:var(--size, 1.25rem);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size, 1.25rem) / 10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=\"base checked\"]:hover [part~=control]{background:hsla(var(--igc-secondary-50), 0.54)}[part=\"base checked\"]:focus-within [part~=control]{background:hsla(var(--igc-secondary-100), 0.72)}[part=\"control checked\"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part=\"control checked\"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part=\"control checked\"]::before{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=\"control checked\"]::before{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:transparent}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;\n"]}
1
+ {"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../src/components/radio/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+iIAA+iI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:hover [part=control]{background:hsla(var(--igc-gray-600), 0.06)}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size, 1.25rem) * 2);height:calc(var(--size, 1.25rem) * 2);min-width:calc(var(--size, 1.25rem) * 2);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{position:absolute;content:\"\";width:var(--size, 1.25rem);height:var(--size, 1.25rem);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size, 1.25rem) / 10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=\"base checked\"]:hover [part~=control]{background:hsla(var(--igc-secondary-500), 0.06)}[part=\"base checked\"]:focus-within [part~=control]{background:hsla(var(--igc-secondary-500), 0.12)}[part=\"control checked\"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part=\"control checked\"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part=\"control checked\"]::before{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=\"control checked\"]::before{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:transparent}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;\n"]}
@@ -1,6 +1,8 @@
1
1
  import { LitElement } from 'lit';
2
2
  export default class IgcRadioGroupComponent extends LitElement {
3
+ /** @private */
3
4
  static tagName: string;
5
+ /** @private */
4
6
  static styles: import("lit").CSSResult;
5
7
  private _slottedRadios;
6
8
  private get radios();
@@ -8,11 +10,10 @@ export default class IgcRadioGroupComponent extends LitElement {
8
10
  constructor();
9
11
  alignment: 'vertical' | 'horizontal';
10
12
  private handleKeydown;
11
- protected render(): import("lit").TemplateResult<1>;
13
+ protected render(): import("lit-html").TemplateResult<1>;
12
14
  }
13
15
  declare global {
14
16
  interface HTMLElementTagNameMap {
15
17
  'igc-radio-group': IgcRadioGroupComponent;
16
18
  }
17
19
  }
18
- //# sourceMappingURL=radio-group.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=radio-group.material.css.d.ts.map
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex}:host([alignment=vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host([alignment=vertical]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-before:.5rem;margin-block-start:.5rem}:host([alignment=horizontal]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([alignment=horizontal]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}`;
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex}:host([alignment=vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host([alignment=vertical]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-before:.5rem;margin-block-start:.5rem}:host([alignment=horizontal]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([alignment=horizontal]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}`;
3
3
  //# sourceMappingURL=radio-group.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.material.css.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mwBAAmwB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex}:host([alignment=vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host([alignment=vertical]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-before:.5rem;margin-block-start:.5rem}:host([alignment=horizontal]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([alignment=horizontal]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}`;\n"]}
1
+ {"version":3,"file":"radio-group.material.css.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mkCAAmkC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex}:host([alignment=vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host([alignment=vertical]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-before:.5rem;margin-block-start:.5rem}:host([alignment=horizontal]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([alignment=horizontal]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}`;\n"]}
@@ -1,15 +1,22 @@
1
1
  import { LitElement } from 'lit';
2
+ /**
3
+ * A ripple can be applied to an element to represent
4
+ * interactive surface.
5
+ *
6
+ * @element igc-ripple
7
+ */
2
8
  export default class IgcRippleComponent extends LitElement {
9
+ /** @private */
3
10
  static tagName: string;
11
+ /** @private */
4
12
  static styles: import("lit").CSSResult;
5
13
  constructor();
6
14
  private handler;
7
15
  private getDimensions;
8
- protected render(): import("lit").TemplateResult<1>;
16
+ protected render(): import("lit-html").TemplateResult<1>;
9
17
  }
10
18
  declare global {
11
19
  interface HTMLElementTagNameMap {
12
20
  'igc-ripple': IgcRippleComponent;
13
21
  }
14
22
  }
15
- //# sourceMappingURL=ripple.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=ripple.material.css.d.ts.map
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{position:absolute;display:block;width:100%;height:100%;top:0;left:0;contain:content;overflow:hidden}`;
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{position:absolute;display:block;width:100%;height:100%;top:0;left:0;contain:content;overflow:hidden}`;
3
3
  //# sourceMappingURL=ripple.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ripple.material.css.js","sourceRoot":"","sources":["../../../src/components/ripple/ripple.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oTAAoT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{position:absolute;display:block;width:100%;height:100%;top:0;left:0;contain:content;overflow:hidden}`;\n"]}
1
+ {"version":3,"file":"ripple.material.css.js","sourceRoot":"","sources":["../../../src/components/ripple/ripple.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,onBAAonB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{position:absolute;display:block;width:100%;height:100%;top:0;left:0;contain:content;overflow:hidden}`;\n"]}
@@ -0,0 +1,85 @@
1
+ import { Constructor } from '../common/mixins/constructor';
2
+ import { IgcSliderBaseComponent } from './slider-base';
3
+ export interface IgcRangeSliderValue {
4
+ lower: number;
5
+ upper: number;
6
+ }
7
+ export interface IgcRangeSliderEventMap {
8
+ /**
9
+ * Emitted when a value is changed via thumb drag or keyboard interaction.
10
+ */
11
+ igcInput: CustomEvent<IgcRangeSliderValue>;
12
+ /**
13
+ * Emitted when a value change is committed on a thumb drag end or keyboard interaction.
14
+ */
15
+ igcChange: CustomEvent<IgcRangeSliderValue>;
16
+ }
17
+ declare const IgcRangeSliderComponent_base: Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcRangeSliderEventMap>> & Constructor<IgcSliderBaseComponent>;
18
+ /**
19
+ * A range slider component used to select two numeric values within a range.
20
+ *
21
+ * @element igc-range-slider
22
+ *
23
+ * @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.
24
+ * @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.
25
+ *
26
+ * @csspart base - The base wrapper of the slider.
27
+ * @csspart ticks - The ticks container.
28
+ * @csspart tick-group - The tick group container.
29
+ * @csspart tick - The tick element.
30
+ * @csspart tick-label - The tick label element.
31
+ * @csspart tick-label-inner - The inner element of the tick label.
32
+ * @csspart thumbs - The thumbs container.
33
+ * @csspart thumb - The thumb element.
34
+ * @csspart thumb-label - The thumb tooltip label.
35
+ * @csspart track - The track container.
36
+ * @csspart steps - The track steps element.
37
+ * @csspart inactive - The inactive element of the track.
38
+ * @csspart fill - The filled part of the track.
39
+ */
40
+ export default class IgcRangeSliderComponent extends IgcRangeSliderComponent_base {
41
+ /** @private */
42
+ static tagName: string;
43
+ private thumbFrom;
44
+ private thumbTo;
45
+ private _lower;
46
+ private _upper;
47
+ set lower(val: number);
48
+ /**
49
+ * The current value of the lower thumb.
50
+ */
51
+ get lower(): number;
52
+ set upper(val: number);
53
+ /**
54
+ * The current value of the upper thumb.
55
+ */
56
+ get upper(): number;
57
+ /**
58
+ * The aria label of the lower thumb.
59
+ */
60
+ ariaLabelLower: string;
61
+ /**
62
+ * The aria label of the upper thumb.
63
+ */
64
+ ariaLabelUpper: string;
65
+ protected get activeValue(): number;
66
+ protected normalizeValue(): void;
67
+ protected getTrackStyle(): {
68
+ width: string;
69
+ insetInlineStart: string;
70
+ };
71
+ private closestTo;
72
+ protected closestHandle(event: PointerEvent): HTMLElement;
73
+ protected updateValue(increment: number): boolean;
74
+ protected emitInputEvent(): void;
75
+ protected emitChangeEvent(): void;
76
+ private swapValues;
77
+ private toggleActiveThumb;
78
+ protected renderThumbs(): import("lit-html").TemplateResult<1>;
79
+ }
80
+ declare global {
81
+ interface HTMLElementTagNameMap {
82
+ 'igc-range-slider': IgcRangeSliderComponent;
83
+ }
84
+ }
85
+ export {};