igniteui-webcomponents 1.0.0-beta.2 → 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 (276) hide show
  1. package/CHANGELOG.md +40 -1
  2. package/README.md +48 -3
  3. package/components/avatar/avatar.d.ts +21 -2
  4. package/components/avatar/avatar.js +7 -0
  5. package/components/avatar/avatar.js.map +1 -1
  6. package/components/avatar/avatar.material.css.d.ts +0 -1
  7. package/components/avatar/avatar.material.css.js +1 -1
  8. package/components/avatar/avatar.material.css.js.map +1 -1
  9. package/components/badge/badge.d.ts +18 -5
  10. package/components/badge/badge.js +1 -20
  11. package/components/badge/badge.js.map +1 -1
  12. package/components/badge/badge.material.css.d.ts +0 -1
  13. package/components/badge/badge.material.css.js +1 -1
  14. package/components/badge/badge.material.css.js.map +1 -1
  15. package/components/button/button-base.d.ts +24 -1
  16. package/components/button/button-base.js +16 -0
  17. package/components/button/button-base.js.map +1 -1
  18. package/components/button/button.d.ts +24 -2
  19. package/components/button/button.js +3 -2
  20. package/components/button/button.js.map +1 -1
  21. package/components/button/button.material.css.d.ts +0 -1
  22. package/components/button/button.material.css.js +1 -1
  23. package/components/button/button.material.css.js.map +1 -1
  24. package/components/button/icon-button.d.ts +15 -2
  25. package/components/button/icon-button.js +17 -2
  26. package/components/button/icon-button.js.map +1 -1
  27. package/components/button/icon-button.material.css.d.ts +0 -1
  28. package/components/button/icon-button.material.css.js +1 -1
  29. package/components/button/icon-button.material.css.js.map +1 -1
  30. package/components/calendar/calendar.d.ts +42 -5
  31. package/components/calendar/calendar.js +35 -15
  32. package/components/calendar/calendar.js.map +1 -1
  33. package/components/calendar/calendar.material.css.d.ts +0 -1
  34. package/components/calendar/calendar.material.css.js +1 -1
  35. package/components/calendar/calendar.material.css.js.map +1 -1
  36. package/components/calendar/common/calendar-base.d.ts +19 -2
  37. package/components/calendar/common/calendar-base.js +30 -4
  38. package/components/calendar/common/calendar-base.js.map +1 -1
  39. package/components/calendar/common/calendar.model.d.ts +57 -1
  40. package/components/calendar/common/utils.d.ts +0 -1
  41. package/components/calendar/days-view/days-view.d.ts +25 -2
  42. package/components/calendar/days-view/days-view.js +38 -35
  43. package/components/calendar/days-view/days-view.js.map +1 -1
  44. package/components/calendar/days-view/days-view.material.css.d.ts +0 -1
  45. package/components/calendar/days-view/days-view.material.css.js +1 -1
  46. package/components/calendar/days-view/days-view.material.css.js.map +1 -1
  47. package/components/calendar/months-view/months-view.d.ts +17 -2
  48. package/components/calendar/months-view/months-view.js +5 -3
  49. package/components/calendar/months-view/months-view.js.map +1 -1
  50. package/components/calendar/months-view/months-view.material.css.d.ts +0 -1
  51. package/components/calendar/years-view/years-view.d.ts +16 -2
  52. package/components/calendar/years-view/years-view.js +5 -3
  53. package/components/calendar/years-view/years-view.js.map +1 -1
  54. package/components/calendar/years-view/years-view.material.css.d.ts +0 -1
  55. package/components/card/card.actions.d.ts +10 -2
  56. package/components/card/card.actions.material.css.d.ts +0 -1
  57. package/components/card/card.actions.material.css.js +1 -1
  58. package/components/card/card.actions.material.css.js.map +1 -1
  59. package/components/card/card.content.d.ts +8 -2
  60. package/components/card/card.content.material.css.d.ts +0 -1
  61. package/components/card/card.content.material.css.js +1 -1
  62. package/components/card/card.content.material.css.js.map +1 -1
  63. package/components/card/card.d.ts +10 -3
  64. package/components/card/card.header.d.ts +13 -2
  65. package/components/card/card.header.material.css.d.ts +0 -1
  66. package/components/card/card.header.material.css.js +1 -1
  67. package/components/card/card.header.material.css.js.map +1 -1
  68. package/components/card/card.js +2 -2
  69. package/components/card/card.js.map +1 -1
  70. package/components/card/card.material.css.d.ts +0 -1
  71. package/components/card/card.material.css.js +1 -1
  72. package/components/card/card.material.css.js.map +1 -1
  73. package/components/card/card.media.d.ts +8 -2
  74. package/components/card/card.media.material.css.d.ts +0 -1
  75. package/components/card/card.media.material.css.js +1 -1
  76. package/components/card/card.media.material.css.js.map +1 -1
  77. package/components/checkbox/checkbox-base.d.ts +16 -1
  78. package/components/checkbox/checkbox.d.ts +21 -3
  79. package/components/checkbox/checkbox.js +25 -27
  80. package/components/checkbox/checkbox.js.map +1 -1
  81. package/components/checkbox/checkbox.material.css.d.ts +0 -1
  82. package/components/checkbox/checkbox.material.css.js +1 -1
  83. package/components/checkbox/checkbox.material.css.js.map +1 -1
  84. package/components/checkbox/switch.d.ts +19 -2
  85. package/components/checkbox/switch.js +17 -18
  86. package/components/checkbox/switch.js.map +1 -1
  87. package/components/checkbox/switch.material.css.d.ts +0 -1
  88. package/components/checkbox/switch.material.css.js +1 -1
  89. package/components/checkbox/switch.material.css.js.map +1 -1
  90. package/components/common/decorators/alternateName.d.ts +6 -1
  91. package/components/common/decorators/blazorInclude.d.ts +4 -1
  92. package/components/common/decorators/blazorIndirectRender.d.ts +4 -0
  93. package/components/common/decorators/blazorIndirectRender.js +2 -0
  94. package/components/common/decorators/blazorIndirectRender.js.map +1 -0
  95. package/components/common/decorators/blazorSuppress.d.ts +4 -1
  96. package/components/common/decorators/blazorSuppressComponent.d.ts +4 -0
  97. package/components/common/decorators/blazorSuppressComponent.js +2 -0
  98. package/components/common/decorators/blazorSuppressComponent.js.map +1 -0
  99. package/components/common/decorators/blazorTwoWayBind.d.ts +6 -1
  100. package/components/common/decorators/index.d.ts +2 -1
  101. package/components/common/decorators/index.js +2 -0
  102. package/components/common/decorators/index.js.map +1 -1
  103. package/components/common/decorators/watch.d.ts +0 -1
  104. package/components/common/definitions/defineAllComponents.d.ts +0 -1
  105. package/components/common/definitions/defineAllComponents.js +4 -0
  106. package/components/common/definitions/defineAllComponents.js.map +1 -1
  107. package/components/common/definitions/defineComponents.d.ts +0 -1
  108. package/components/common/i18n/calendar.resources.d.ts +0 -1
  109. package/components/common/mixins/constructor.d.ts +0 -1
  110. package/components/common/mixins/event-emitter.d.ts +0 -1
  111. package/components/common/mixins/sizable.d.ts +4 -1
  112. package/components/common/util.d.ts +0 -1
  113. package/components/form/form.d.ts +21 -2
  114. package/components/form/form.js +4 -1
  115. package/components/form/form.js.map +1 -1
  116. package/components/icon/icon.d.ts +26 -2
  117. package/components/icon/icon.material.css.d.ts +0 -1
  118. package/components/icon/icon.material.css.js +1 -1
  119. package/components/icon/icon.material.css.js.map +1 -1
  120. package/components/icon/icon.registry.d.ts +0 -1
  121. package/components/input/input.d.ts +57 -2
  122. package/components/input/input.dark.material.css.d.ts +1 -0
  123. package/components/input/input.dark.material.css.js +3 -0
  124. package/components/input/input.dark.material.css.js.map +1 -0
  125. package/components/input/input.js +2 -1
  126. package/components/input/input.js.map +1 -1
  127. package/components/input/input.material.css.d.ts +0 -1
  128. package/components/input/input.material.css.js +1 -1
  129. package/components/input/input.material.css.js.map +1 -1
  130. package/components/list/list-header.d.ts +10 -2
  131. package/components/list/list-header.material.css.d.ts +0 -1
  132. package/components/list/list-header.material.css.js +1 -1
  133. package/components/list/list-header.material.css.js.map +1 -1
  134. package/components/list/list-item.d.ts +22 -2
  135. package/components/list/list-item.material.css.d.ts +0 -1
  136. package/components/list/list-item.material.css.js +1 -1
  137. package/components/list/list-item.material.css.js.map +1 -1
  138. package/components/list/list.d.ts +10 -2
  139. package/components/list/list.material.css.d.ts +0 -1
  140. package/components/list/list.material.css.js +1 -1
  141. package/components/list/list.material.css.js.map +1 -1
  142. package/components/nav-drawer/nav-drawer-header-item.d.ts +9 -2
  143. package/components/nav-drawer/nav-drawer-header-item.material.css.d.ts +0 -1
  144. package/components/nav-drawer/nav-drawer-header-item.material.css.js +1 -1
  145. package/components/nav-drawer/nav-drawer-header-item.material.css.js.map +1 -1
  146. package/components/nav-drawer/nav-drawer-item.d.ts +17 -5
  147. package/components/nav-drawer/nav-drawer-item.js +1 -27
  148. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  149. package/components/nav-drawer/nav-drawer-item.material.css.d.ts +0 -1
  150. package/components/nav-drawer/nav-drawer-item.material.css.js +1 -1
  151. package/components/nav-drawer/nav-drawer-item.material.css.js.map +1 -1
  152. package/components/nav-drawer/nav-drawer.d.ts +26 -2
  153. package/components/nav-drawer/nav-drawer.material.css.d.ts +0 -1
  154. package/components/nav-drawer/nav-drawer.material.css.js +1 -1
  155. package/components/nav-drawer/nav-drawer.material.css.js.map +1 -1
  156. package/components/navbar/navbar.d.ts +18 -2
  157. package/components/navbar/navbar.material.css.d.ts +0 -1
  158. package/components/navbar/navbar.material.css.js +1 -1
  159. package/components/navbar/navbar.material.css.js.map +1 -1
  160. package/components/radio/radio.d.ts +31 -2
  161. package/components/radio/radio.material.css.d.ts +0 -1
  162. package/components/radio/radio.material.css.js +1 -1
  163. package/components/radio/radio.material.css.js.map +1 -1
  164. package/components/radio-group/radio-group.d.ts +3 -2
  165. package/components/radio-group/radio-group.material.css.d.ts +0 -1
  166. package/components/radio-group/radio-group.material.css.js +1 -1
  167. package/components/radio-group/radio-group.material.css.js.map +1 -1
  168. package/components/ripple/ripple.d.ts +9 -2
  169. package/components/ripple/ripple.material.css.d.ts +0 -1
  170. package/components/ripple/ripple.material.css.js +1 -1
  171. package/components/ripple/ripple.material.css.js.map +1 -1
  172. package/components/slider/range-slider.d.ts +85 -0
  173. package/components/slider/range-slider.js +141 -0
  174. package/components/slider/range-slider.js.map +1 -0
  175. package/components/slider/slider-base.d.ts +117 -0
  176. package/components/slider/slider-base.js +448 -0
  177. package/components/slider/slider-base.js.map +1 -0
  178. package/components/slider/slider.d.ts +76 -0
  179. package/components/slider/slider.js +80 -0
  180. package/components/slider/slider.js.map +1 -0
  181. package/components/slider/slider.material.css.d.ts +1 -0
  182. package/components/slider/slider.material.css.js +3 -0
  183. package/components/slider/slider.material.css.js.map +1 -0
  184. package/custom-elements.json +654 -28
  185. package/index.d.ts +2 -1
  186. package/index.js +2 -0
  187. package/index.js.map +1 -1
  188. package/package.json +9 -8
  189. package/themes/dark/bootstrap.css +1 -0
  190. package/themes/dark/fluent.css +1 -0
  191. package/themes/dark/indigo.css +1 -0
  192. package/themes/dark/material.css +1 -0
  193. package/themes/light/bootstrap.css +1 -0
  194. package/themes/light/fluent.css +1 -0
  195. package/themes/light/indigo.css +1 -0
  196. package/themes/light/material.css +1 -0
  197. package/vscode-html-custom-data.json +267 -39
  198. package/components/avatar/avatar.d.ts.map +0 -1
  199. package/components/avatar/avatar.material.css.d.ts.map +0 -1
  200. package/components/badge/badge.d.ts.map +0 -1
  201. package/components/badge/badge.material.css.d.ts.map +0 -1
  202. package/components/button/button-base.d.ts.map +0 -1
  203. package/components/button/button.d.ts.map +0 -1
  204. package/components/button/button.material.css.d.ts.map +0 -1
  205. package/components/button/icon-button.d.ts.map +0 -1
  206. package/components/button/icon-button.material.css.d.ts.map +0 -1
  207. package/components/calendar/calendar.d.ts.map +0 -1
  208. package/components/calendar/calendar.material.css.d.ts.map +0 -1
  209. package/components/calendar/common/calendar-base.d.ts.map +0 -1
  210. package/components/calendar/common/calendar.model.d.ts.map +0 -1
  211. package/components/calendar/common/utils.d.ts.map +0 -1
  212. package/components/calendar/days-view/days-view.d.ts.map +0 -1
  213. package/components/calendar/days-view/days-view.material.css.d.ts.map +0 -1
  214. package/components/calendar/months-view/months-view.d.ts.map +0 -1
  215. package/components/calendar/months-view/months-view.material.css.d.ts.map +0 -1
  216. package/components/calendar/years-view/years-view.d.ts.map +0 -1
  217. package/components/calendar/years-view/years-view.material.css.d.ts.map +0 -1
  218. package/components/card/card.actions.d.ts.map +0 -1
  219. package/components/card/card.actions.material.css.d.ts.map +0 -1
  220. package/components/card/card.content.d.ts.map +0 -1
  221. package/components/card/card.content.material.css.d.ts.map +0 -1
  222. package/components/card/card.d.ts.map +0 -1
  223. package/components/card/card.header.d.ts.map +0 -1
  224. package/components/card/card.header.material.css.d.ts.map +0 -1
  225. package/components/card/card.material.css.d.ts.map +0 -1
  226. package/components/card/card.media.d.ts.map +0 -1
  227. package/components/card/card.media.material.css.d.ts.map +0 -1
  228. package/components/checkbox/checkbox-base.d.ts.map +0 -1
  229. package/components/checkbox/checkbox.d.ts.map +0 -1
  230. package/components/checkbox/checkbox.material.css.d.ts.map +0 -1
  231. package/components/checkbox/switch.d.ts.map +0 -1
  232. package/components/checkbox/switch.material.css.d.ts.map +0 -1
  233. package/components/common/decorators/alternateName.d.ts.map +0 -1
  234. package/components/common/decorators/blazorInclude.d.ts.map +0 -1
  235. package/components/common/decorators/blazorSuppress.d.ts.map +0 -1
  236. package/components/common/decorators/blazorTwoWayBind.d.ts.map +0 -1
  237. package/components/common/decorators/index.d.ts.map +0 -1
  238. package/components/common/decorators/watch.d.ts.map +0 -1
  239. package/components/common/definitions/defineAllComponents.d.ts.map +0 -1
  240. package/components/common/definitions/defineComponents.d.ts.map +0 -1
  241. package/components/common/i18n/calendar.resources.d.ts.map +0 -1
  242. package/components/common/mixins/constructor.d.ts.map +0 -1
  243. package/components/common/mixins/event-emitter.d.ts.map +0 -1
  244. package/components/common/mixins/sizable.d.ts.map +0 -1
  245. package/components/common/util.d.ts.map +0 -1
  246. package/components/form/form.d.ts.map +0 -1
  247. package/components/icon/icon.d.ts.map +0 -1
  248. package/components/icon/icon.material.css.d.ts.map +0 -1
  249. package/components/icon/icon.registry.d.ts.map +0 -1
  250. package/components/input/input.d.ts.map +0 -1
  251. package/components/input/input.material.css.d.ts.map +0 -1
  252. package/components/list/list-header.d.ts.map +0 -1
  253. package/components/list/list-header.material.css.d.ts.map +0 -1
  254. package/components/list/list-item.d.ts.map +0 -1
  255. package/components/list/list-item.material.css.d.ts.map +0 -1
  256. package/components/list/list.d.ts.map +0 -1
  257. package/components/list/list.material.css.d.ts.map +0 -1
  258. package/components/nav-drawer/nav-drawer-header-item.d.ts.map +0 -1
  259. package/components/nav-drawer/nav-drawer-header-item.material.css.d.ts.map +0 -1
  260. package/components/nav-drawer/nav-drawer-item.d.ts.map +0 -1
  261. package/components/nav-drawer/nav-drawer-item.material.css.d.ts.map +0 -1
  262. package/components/nav-drawer/nav-drawer.d.ts.map +0 -1
  263. package/components/nav-drawer/nav-drawer.material.css.d.ts.map +0 -1
  264. package/components/navbar/navbar.d.ts.map +0 -1
  265. package/components/navbar/navbar.material.css.d.ts.map +0 -1
  266. package/components/radio/radio.d.ts.map +0 -1
  267. package/components/radio/radio.material.css.d.ts.map +0 -1
  268. package/components/radio-group/radio-group.d.ts.map +0 -1
  269. package/components/radio-group/radio-group.material.css.d.ts.map +0 -1
  270. package/components/ripple/ripple.d.ts.map +0 -1
  271. package/components/ripple/ripple.material.css.d.ts.map +0 -1
  272. package/index.d.ts.map +0 -1
  273. package/themes/bootstrap.css +0 -1
  274. package/themes/fluent.css +0 -1
  275. package/themes/indigo.css +0 -1
  276. package/themes/material.css +0 -1
@@ -1,14 +1,22 @@
1
1
  import { LitElement } from 'lit';
2
+ /**
3
+ * Header list item.
4
+ *
5
+ * @element igc-list-header
6
+ *
7
+ * @slot - Renders header list item's content.
8
+ */
2
9
  export default class IgcListHeaderComponent extends LitElement {
10
+ /** @private */
3
11
  static tagName: string;
12
+ /** @private */
4
13
  static styles: import("lit").CSSResult;
5
14
  constructor();
6
15
  connectedCallback(): void;
7
- protected render(): import("lit").TemplateResult<1>;
16
+ protected render(): import("lit-html").TemplateResult<1>;
8
17
  }
9
18
  declare global {
10
19
  interface HTMLElementTagNameMap {
11
20
  'igc-list-header': IgcListHeaderComponent;
12
21
  }
13
22
  }
14
- //# sourceMappingURL=list-header.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=list-header.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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;
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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;
3
3
  //# sourceMappingURL=list-header.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-header.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,05BAA05B,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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;\n"]}
1
+ {"version":3,"file":"list-header.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0tCAA0tC,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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;\n"]}
@@ -1,14 +1,34 @@
1
1
  import { LitElement } from 'lit';
2
+ /**
3
+ * The list-item component is a container
4
+ * intended for row items in the list component.
5
+ *
6
+ * @element igc-list-item
7
+ *
8
+ * @slot - Renders custom content.
9
+ * @slot start - Renders content before all other content.
10
+ * @slot end - Renders content after all other content.
11
+ * @slot title - Renders the title.
12
+ * @slot subtitle - Renders the subtitle.
13
+ *
14
+ * @csspart start - The start container.
15
+ * @csspart end - The end container.
16
+ * @csspart content - The header and custom content container.
17
+ * @csspart header - The title and subtitle container.
18
+ * @csspart title - The title container.
19
+ * @csspart subtitle - The subtitle container.
20
+ */
2
21
  export default class IgcListItemComponent extends LitElement {
22
+ /** @private */
3
23
  static tagName: string;
24
+ /** @private */
4
25
  static styles: import("lit").CSSResult;
5
26
  constructor();
6
27
  connectedCallback(): void;
7
- protected render(): import("lit").TemplateResult<1>;
28
+ protected render(): import("lit-html").TemplateResult<1>;
8
29
  }
9
30
  declare global {
10
31
  interface HTMLElementTagNameMap {
11
32
  'igc-list-item': IgcListItemComponent;
12
33
  }
13
34
  }
14
- //# sourceMappingURL=list-item.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=list-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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{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)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;
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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{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)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;
3
3
  //# sourceMappingURL=list-item.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gkEAAgkE,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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{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)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;\n"]}
1
+ {"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g4EAAg4E,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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{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)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;\n"]}
@@ -1,11 +1,20 @@
1
1
  import { LitElement } from 'lit';
2
2
  declare const IgcListComponent_base: import("../common/mixins/constructor").Constructor<import("../common/mixins/sizable").SizableInterface> & typeof LitElement;
3
+ /**
4
+ * Displays a collection of data items in a templatable list format.
5
+ *
6
+ * @element igc-list
7
+ *
8
+ * @slot - Renders the list items and list headers inside default slot.
9
+ */
3
10
  export default class IgcListComponent extends IgcListComponent_base {
11
+ /** @private */
4
12
  static tagName: string;
13
+ /** @private */
5
14
  static styles: import("lit").CSSResult;
6
15
  constructor();
7
16
  connectedCallback(): void;
8
- protected render(): import("lit").TemplateResult<1>;
17
+ protected render(): import("lit-html").TemplateResult<1>;
9
18
  }
10
19
  declare global {
11
20
  interface HTMLElementTagNameMap {
@@ -13,4 +22,3 @@ declare global {
13
22
  }
14
23
  }
15
24
  export {};
16
- //# sourceMappingURL=list.d.ts.map
@@ -1,2 +1 @@
1
1
  export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=list.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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;
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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;
3
3
  //# sourceMappingURL=list.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i8BAAi8B,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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;\n"]}
1
+ {"version":3,"file":"list.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iwCAAiwC,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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;\n"]}
@@ -1,12 +1,19 @@
1
1
  import { LitElement } from 'lit';
2
+ /**
3
+ * A wrapper for navigation drawer's header.
4
+ * @element igc-nav-drawer-header-item
5
+ *
6
+ * @slot - Renders the header content
7
+ */
2
8
  export default class IgcNavDrawerHeaderItemComponent extends LitElement {
9
+ /** @private */
3
10
  static tagName: string;
11
+ /** @private */
4
12
  static styles: import("lit").CSSResult[];
5
- protected render(): import("lit").TemplateResult<1>;
13
+ protected render(): import("lit-html").TemplateResult<1>;
6
14
  }
7
15
  declare global {
8
16
  interface HTMLElementTagNameMap {
9
17
  'igc-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;
10
18
  }
11
19
  }
12
- //# sourceMappingURL=nav-drawer-header-item.d.ts.map
@@ -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,24 +1,36 @@
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;
9
- protected handleClick(): void;
10
25
  connectedCallback(): void;
11
26
  protected resolvePartNames(base: string): {
12
27
  [x: string]: boolean;
13
28
  mini: boolean;
14
29
  };
15
- protected handleChange(): void;
16
- private getDrawerItems;
17
- protected render(): import("lit").TemplateResult<1>;
30
+ protected render(): import("lit-html").TemplateResult<1>;
18
31
  }
19
32
  declare global {
20
33
  interface HTMLElementTagNameMap {
21
34
  'igc-nav-drawer-item': IgcNavDrawerItemComponent;
22
35
  }
23
36
  }
24
- //# sourceMappingURL=nav-drawer-item.d.ts.map
@@ -6,8 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
6
6
  };
7
7
  import { html, LitElement } from 'lit';
8
8
  import { property, queryAssignedNodes, state } from 'lit/decorators.js';
9
- import { live } from 'lit/directives/live.js';
10
- import { watch } from '../common/decorators';
11
9
  import { partNameMap } from '../common/util';
12
10
  import { styles } from './nav-drawer-item.material.css';
13
11
  export default class IgcNavDrawerItemComponent extends LitElement {
@@ -16,9 +14,6 @@ export default class IgcNavDrawerItemComponent extends LitElement {
16
14
  this.disabled = false;
17
15
  this.active = false;
18
16
  }
19
- handleClick() {
20
- this.active = true;
21
- }
22
17
  connectedCallback() {
23
18
  var _a;
24
19
  super.connectedCallback();
@@ -32,27 +27,9 @@ export default class IgcNavDrawerItemComponent extends LitElement {
32
27
  mini: this._textLength < 1,
33
28
  };
34
29
  }
35
- handleChange() {
36
- if (this.active) {
37
- this.getDrawerItems().forEach((item) => {
38
- item.active = false;
39
- });
40
- }
41
- }
42
- getDrawerItems() {
43
- const drawer = this.closest('igc-nav-drawer');
44
- if (!drawer)
45
- return [];
46
- return Array.from(drawer.querySelectorAll('igc-nav-drawer-item')).filter((item) => item !== this);
47
- }
48
30
  render() {
49
31
  return html `
50
- <div
51
- part="${partNameMap(this.resolvePartNames('base'))}"
52
- .disabled="${this.disabled}"
53
- .active="${live(this.active)}"
54
- @click="${this.handleClick}"
55
- >
32
+ <div part="${partNameMap(this.resolvePartNames('base'))}">
56
33
  <span part="icon">
57
34
  <slot name="icon"></slot>
58
35
  </span>
@@ -77,7 +54,4 @@ __decorate([
77
54
  __decorate([
78
55
  queryAssignedNodes('content', true)
79
56
  ], IgcNavDrawerItemComponent.prototype, "_text", void 0);
80
- __decorate([
81
- watch('active', { waitUntilFirstUpdate: true })
82
- ], IgcNavDrawerItemComponent.prototype, "handleChange", null);
83
57
  //# sourceMappingURL=nav-drawer-item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAcxD,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAAjE;;QASS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IA6DxB,CAAC;IArDW,WAAW;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IAEM,iBAAiB;;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAGS,YAAY;QACpB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,cAAc;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAC9C,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,CAAC;QAEvB,OAAO,KAAK,CAAC,IAAI,CACf,MAAM,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAC/C,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IACpC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;gBAEC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;qBACrC,IAAI,CAAC,QAAQ;mBACf,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;kBAClB,IAAI,CAAC,WAAW;;;;;;;;;KAS7B,CAAC;IACJ,CAAC;;AAvEa,iCAAO,GAAG,qBAAqB,CAAC;AAGhC,gCAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC;wDACI;AAqBxC;IADC,KAAK,CAAC,QAAQ,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;6DAO/C","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedNodes, state } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../common/decorators';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer-item.material.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n /** @private */\n public static tagName = 'igc-nav-drawer-item';\n\n /** @private */\n public static styles = [styles];\n\n /** Determines whether the drawer is disabled. */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /** Determines whether the drawer is active. */\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n @state()\n private _textLength!: number;\n\n @queryAssignedNodes('content', true)\n private _text!: NodeListOf<HTMLElement>;\n\n protected handleClick() {\n this.active = true;\n }\n\n public connectedCallback() {\n super.connectedCallback();\n this.shadowRoot?.addEventListener('slotchange', (_) => {\n this._textLength = this._text.length;\n });\n }\n\n protected resolvePartNames(base: string) {\n return {\n [base]: true,\n mini: this._textLength < 1,\n };\n }\n\n @watch('active', { waitUntilFirstUpdate: true })\n protected handleChange() {\n if (this.active) {\n this.getDrawerItems().forEach((item) => {\n item.active = false;\n });\n }\n }\n\n private getDrawerItems() {\n const drawer = this.closest('igc-nav-drawer');\n if (!drawer) return [];\n\n return Array.from<IgcNavDrawerItemComponent>(\n drawer.querySelectorAll('igc-nav-drawer-item')\n ).filter((item) => item !== this);\n }\n\n protected render() {\n return html`\n <div\n part=\"${partNameMap(this.resolvePartNames('base'))}\"\n .disabled=\"${this.disabled}\"\n .active=\"${live(this.active)}\"\n @click=\"${this.handleClick}\"\n >\n <span part=\"icon\">\n <slot name=\"icon\"></slot>\n </span>\n <span part=\"content\">\n <slot name=\"content\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAcxD,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAAjE;;QASS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IAkCxB,CAAC;IA1BQ,iBAAiB;;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;mBACI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;;;;KAQxD,CAAC;IACJ,CAAC;;AA5Ca,iCAAO,GAAG,qBAAqB,CAAC;AAGhC,gCAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC;wDACI","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedNodes, state } from 'lit/decorators.js';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer-item.material.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n /** @private */\n public static tagName = 'igc-nav-drawer-item';\n\n /** @private */\n public static styles = [styles];\n\n /** Determines whether the drawer is disabled. */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /** Determines whether the drawer is active. */\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n @state()\n private _textLength!: number;\n\n @queryAssignedNodes('content', true)\n private _text!: NodeListOf<HTMLElement>;\n\n public connectedCallback() {\n super.connectedCallback();\n this.shadowRoot?.addEventListener('slotchange', (_) => {\n this._textLength = this._text.length;\n });\n }\n\n protected resolvePartNames(base: string) {\n return {\n [base]: true,\n mini: this._textLength < 1,\n };\n }\n\n protected render() {\n return html`\n <div part=\"${partNameMap(this.resolvePartNames('base'))}\">\n <span part=\"icon\">\n <slot name=\"icon\"></slot>\n </span>\n <span part=\"content\">\n <slot name=\"content\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n }\n}\n"]}
@@ -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: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;-webkit-margin-start:1rem;margin-inline-start:1rem}[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=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-500-contrast)}`;
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,2kDAA2kD,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: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;-webkit-margin-start:1rem;margin-inline-start:1rem}[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=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-500-contrast)}`;\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