igniteui-webcomponents 5.1.2 → 5.3.0-alpha.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 (495) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/components/avatar/themes/avatar.base.css.js +1 -1
  3. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  4. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  5. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  6. package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
  7. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
  8. package/components/avatar/themes/light/avatar.shared.css.js +1 -1
  9. package/components/avatar/themes/light/avatar.shared.css.js.map +1 -1
  10. package/components/avatar/themes/shared/avatar.common.css.js +1 -1
  11. package/components/avatar/themes/shared/avatar.common.css.js.map +1 -1
  12. package/components/avatar/themes/shared/avatar.indigo.css.js +1 -1
  13. package/components/avatar/themes/shared/avatar.indigo.css.js.map +1 -1
  14. package/components/badge/themes/badge.base.css.js +1 -1
  15. package/components/badge/themes/badge.base.css.js.map +1 -1
  16. package/components/badge/themes/dark/badge.bootstrap.css.js +1 -1
  17. package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
  18. package/components/badge/themes/dark/badge.indigo.css.js +1 -1
  19. package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
  20. package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
  21. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  22. package/components/badge/themes/light/badge.indigo.css.js +1 -1
  23. package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
  24. package/components/badge/themes/light/badge.shared.css.js +1 -1
  25. package/components/badge/themes/light/badge.shared.css.js.map +1 -1
  26. package/components/badge/themes/shared/badge.common.css.js +1 -1
  27. package/components/badge/themes/shared/badge.common.css.js.map +1 -1
  28. package/components/badge/themes/shared/badge.indigo.css.js +1 -1
  29. package/components/badge/themes/shared/badge.indigo.css.js.map +1 -1
  30. package/components/button/themes/button/button.base.css.js +1 -1
  31. package/components/button/themes/button/button.base.css.js.map +1 -1
  32. package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
  33. package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
  34. package/components/button-group/themes/button.base.css.js +1 -1
  35. package/components/button-group/themes/button.base.css.js.map +1 -1
  36. package/components/button-group/themes/group.base.css.js +1 -1
  37. package/components/button-group/themes/group.base.css.js.map +1 -1
  38. package/components/calendar/base.d.ts +7 -7
  39. package/components/calendar/base.js +23 -16
  40. package/components/calendar/base.js.map +1 -1
  41. package/components/calendar/calendar.js.map +1 -1
  42. package/components/calendar/helpers.d.ts +28 -3
  43. package/components/calendar/helpers.js +36 -11
  44. package/components/calendar/helpers.js.map +1 -1
  45. package/components/calendar/themes/calendar.base.css.js +1 -1
  46. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  47. package/components/card/themes/card.actions.base.css.js +1 -1
  48. package/components/card/themes/card.actions.base.css.js.map +1 -1
  49. package/components/card/themes/card.content.base.css.js +1 -1
  50. package/components/card/themes/card.content.base.css.js.map +1 -1
  51. package/components/card/themes/card.header.base.css.js +1 -1
  52. package/components/card/themes/card.header.base.css.js.map +1 -1
  53. package/components/card/themes/card.media.base.css.js +1 -1
  54. package/components/card/themes/card.media.base.css.js.map +1 -1
  55. package/components/card/themes/container.base.css.js +1 -1
  56. package/components/card/themes/container.base.css.js.map +1 -1
  57. package/components/card/themes/dark/card.fluent.css.js +1 -1
  58. package/components/card/themes/dark/card.fluent.css.js.map +1 -1
  59. package/components/card/themes/light/container/card.fluent.css.js +1 -1
  60. package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
  61. package/components/carousel/carousel-indicator.js +1 -1
  62. package/components/carousel/carousel-indicator.js.map +1 -1
  63. package/components/carousel/carousel-slide.js +1 -1
  64. package/components/carousel/carousel-slide.js.map +1 -1
  65. package/components/carousel/carousel.js +1 -1
  66. package/components/carousel/carousel.js.map +1 -1
  67. package/components/carousel/themes/carousel-indicator-container.base.css.js +1 -1
  68. package/components/carousel/themes/carousel-indicator-container.base.css.js.map +1 -1
  69. package/components/carousel/themes/carousel-indicator.base.css.js +1 -1
  70. package/components/carousel/themes/carousel-indicator.base.css.js.map +1 -1
  71. package/components/carousel/themes/carousel-slide.base.css.js +1 -1
  72. package/components/carousel/themes/carousel-slide.base.css.js.map +1 -1
  73. package/components/carousel/themes/carousel.base.css.js +1 -1
  74. package/components/carousel/themes/carousel.base.css.js.map +1 -1
  75. package/components/checkbox/checkbox-base.d.ts +3 -1
  76. package/components/checkbox/checkbox-base.js +14 -10
  77. package/components/checkbox/checkbox-base.js.map +1 -1
  78. package/components/checkbox/checkbox.js +1 -2
  79. package/components/checkbox/checkbox.js.map +1 -1
  80. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  81. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  82. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  83. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  84. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  85. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  86. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  87. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  88. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  89. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  90. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
  91. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
  92. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  93. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  94. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
  95. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
  96. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  97. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  98. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  99. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  100. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  101. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  102. package/components/checkbox/themes/switch.base.css.js +1 -1
  103. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  104. package/components/chip/themes/chip.base.css.js +1 -1
  105. package/components/chip/themes/chip.base.css.js.map +1 -1
  106. package/components/combo/combo-item.d.ts +4 -2
  107. package/components/combo/combo-item.js +19 -16
  108. package/components/combo/combo-item.js.map +1 -1
  109. package/components/combo/combo.d.ts +52 -41
  110. package/components/combo/combo.js +340 -339
  111. package/components/combo/combo.js.map +1 -1
  112. package/components/combo/controllers/data.d.ts +3 -1
  113. package/components/combo/controllers/data.js +9 -2
  114. package/components/combo/controllers/data.js.map +1 -1
  115. package/components/combo/controllers/navigation.d.ts +3 -1
  116. package/components/combo/controllers/navigation.js +4 -3
  117. package/components/combo/controllers/navigation.js.map +1 -1
  118. package/components/combo/controllers/selection.d.ts +14 -6
  119. package/components/combo/controllers/selection.js +66 -59
  120. package/components/combo/controllers/selection.js.map +1 -1
  121. package/components/combo/themes/combo-header.base.css.js +1 -1
  122. package/components/combo/themes/combo-header.base.css.js.map +1 -1
  123. package/components/combo/themes/combo-item.base.css.js +1 -1
  124. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  125. package/components/combo/themes/combo.base.css.js +1 -1
  126. package/components/combo/themes/combo.base.css.js.map +1 -1
  127. package/components/common/context.d.ts +22 -0
  128. package/components/common/context.js +6 -0
  129. package/components/common/context.js.map +1 -0
  130. package/components/common/mixins/alert.js.map +1 -1
  131. package/components/common/mixins/combo-box.js.map +1 -1
  132. package/components/common/mixins/forms/associated.js +41 -39
  133. package/components/common/mixins/forms/associated.js.map +1 -1
  134. package/components/common/mixins/forms/form-value.d.ts +32 -0
  135. package/components/common/mixins/forms/form-value.js +59 -0
  136. package/components/common/mixins/forms/form-value.js.map +1 -0
  137. package/components/common/mixins/forms/types.d.ts +9 -8
  138. package/components/common/mixins/forms/types.js.map +1 -1
  139. package/components/common/util.d.ts +4 -0
  140. package/components/common/util.js +21 -0
  141. package/components/common/util.js.map +1 -1
  142. package/components/common/validators.d.ts +7 -7
  143. package/components/common/validators.js +24 -17
  144. package/components/common/validators.js.map +1 -1
  145. package/components/date-picker/date-picker.d.ts +17 -14
  146. package/components/date-picker/date-picker.js +30 -20
  147. package/components/date-picker/date-picker.js.map +1 -1
  148. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  149. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  150. package/components/date-picker/validators.js +2 -2
  151. package/components/date-picker/validators.js.map +1 -1
  152. package/components/date-time-input/date-time-input.d.ts +9 -6
  153. package/components/date-time-input/date-time-input.js +33 -30
  154. package/components/date-time-input/date-time-input.js.map +1 -1
  155. package/components/date-time-input/date-util.js +2 -12
  156. package/components/date-time-input/date-util.js.map +1 -1
  157. package/components/date-time-input/validators.js +2 -2
  158. package/components/date-time-input/validators.js.map +1 -1
  159. package/components/dialog/themes/dialog.base.css.js +1 -1
  160. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  161. package/components/dialog/themes/shared/dialog.fluent.css.js +1 -1
  162. package/components/dialog/themes/shared/dialog.fluent.css.js.map +1 -1
  163. package/components/divider/themes/divider.base.css.js +1 -1
  164. package/components/divider/themes/divider.base.css.js.map +1 -1
  165. package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
  166. package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
  167. package/components/dropdown/themes/dropdown-header.base.css.js +1 -1
  168. package/components/dropdown/themes/dropdown-header.base.css.js.map +1 -1
  169. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  170. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  171. package/components/dropdown/themes/dropdown.base.css.js +1 -1
  172. package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
  173. package/components/dropdown/themes/header.js +7 -0
  174. package/components/dropdown/themes/header.js.map +1 -1
  175. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js +1 -1
  176. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js.map +1 -1
  177. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.d.ts +1 -0
  178. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js +3 -0
  179. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js.map +1 -0
  180. package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
  181. package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
  182. package/components/icon/icon-references.js +46 -0
  183. package/components/icon/icon-references.js.map +1 -1
  184. package/components/icon/icon-state.broadcast.d.ts +1 -0
  185. package/components/icon/icon-state.broadcast.js +4 -1
  186. package/components/icon/icon-state.broadcast.js.map +1 -1
  187. package/components/icon/internal-icons-lib.js +47 -0
  188. package/components/icon/internal-icons-lib.js.map +1 -1
  189. package/components/icon/registry/types.d.ts +1 -0
  190. package/components/icon/registry/types.js.map +1 -1
  191. package/components/icon/themes/icon.base.css.js +1 -1
  192. package/components/icon/themes/icon.base.css.js.map +1 -1
  193. package/components/input/input-base.js +8 -2
  194. package/components/input/input-base.js.map +1 -1
  195. package/components/input/input.d.ts +21 -9
  196. package/components/input/input.js +59 -32
  197. package/components/input/input.js.map +1 -1
  198. package/components/input/themes/input.base.css.js +1 -1
  199. package/components/input/themes/input.base.css.js.map +1 -1
  200. package/components/input/themes/shared/input.common.css.js +1 -1
  201. package/components/input/themes/shared/input.common.css.js.map +1 -1
  202. package/components/input/themes/shared/input.indigo.css.js +1 -1
  203. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  204. package/components/input/themes/shared/input.material.css.js +1 -1
  205. package/components/input/themes/shared/input.material.css.js.map +1 -1
  206. package/components/list/themes/container.base.css.js +1 -1
  207. package/components/list/themes/container.base.css.js.map +1 -1
  208. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  209. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  210. package/components/list/themes/dark/container/list.fluent.css.js +1 -1
  211. package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
  212. package/components/list/themes/dark/container/list.indigo.css.js +1 -1
  213. package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
  214. package/components/list/themes/dark/container/list.material.css.js +1 -1
  215. package/components/list/themes/dark/container/list.material.css.js.map +1 -1
  216. package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
  217. package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
  218. package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
  219. package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
  220. package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
  221. package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
  222. package/components/list/themes/dark/header/list-header.material.css.js +1 -1
  223. package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
  224. package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
  225. package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
  226. package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
  227. package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
  228. package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
  229. package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
  230. package/components/list/themes/dark/item/list-item.material.css.js +1 -1
  231. package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
  232. package/components/list/themes/item.base.css.js +1 -1
  233. package/components/list/themes/item.base.css.js.map +1 -1
  234. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  235. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  236. package/components/list/themes/light/container/list.indigo.css.js +1 -1
  237. package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
  238. package/components/list/themes/light/container/list.shared.css.js +1 -1
  239. package/components/list/themes/light/container/list.shared.css.js.map +1 -1
  240. package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
  241. package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
  242. package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
  243. package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
  244. package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
  245. package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
  246. package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
  247. package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
  248. package/components/list/themes/shared/container/list.indigo.css.js +1 -1
  249. package/components/list/themes/shared/container/list.indigo.css.js.map +1 -1
  250. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  251. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  252. package/components/list/themes/shared/item/list-item.fluent.css.js +1 -1
  253. package/components/list/themes/shared/item/list-item.fluent.css.js.map +1 -1
  254. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  255. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  256. package/components/mask-input/mask-input.d.ts +5 -3
  257. package/components/mask-input/mask-input.js +35 -23
  258. package/components/mask-input/mask-input.js.map +1 -1
  259. package/components/nav-drawer/themes/container.base.css.js +1 -1
  260. package/components/nav-drawer/themes/container.base.css.js.map +1 -1
  261. package/components/nav-drawer/themes/header-item.base.css.js +1 -1
  262. package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
  263. package/components/nav-drawer/themes/item.base.css.js +1 -1
  264. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  265. package/components/navbar/themes/navbar.base.css.js +1 -1
  266. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  267. package/components/popover/themes/light/popover.base.css.js +1 -1
  268. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  269. package/components/progress/base.d.ts +11 -12
  270. package/components/progress/base.js +59 -70
  271. package/components/progress/base.js.map +1 -1
  272. package/components/progress/circular-progress.d.ts +0 -1
  273. package/components/progress/circular-progress.js +15 -15
  274. package/components/progress/circular-progress.js.map +1 -1
  275. package/components/progress/linear-progress.js +7 -13
  276. package/components/progress/linear-progress.js.map +1 -1
  277. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  278. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  279. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js +1 -1
  280. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map +1 -1
  281. package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
  282. package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
  283. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js +1 -1
  284. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js.map +1 -1
  285. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js +1 -1
  286. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js.map +1 -1
  287. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  288. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  289. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +1 -1
  290. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -1
  291. package/components/progress/themes/linear/shared/linear.progress.common.css.js +1 -1
  292. package/components/progress/themes/linear/shared/linear.progress.common.css.js.map +1 -1
  293. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
  294. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
  295. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
  296. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
  297. package/components/radio/radio.d.ts +4 -3
  298. package/components/radio/radio.js +48 -33
  299. package/components/radio/radio.js.map +1 -1
  300. package/components/radio/themes/radio.base.css.js +1 -1
  301. package/components/radio/themes/radio.base.css.js.map +1 -1
  302. package/components/radio-group/radio-group.base.css.js +1 -1
  303. package/components/radio-group/radio-group.base.css.js.map +1 -1
  304. package/components/radio-group/radio-group.d.ts +4 -0
  305. package/components/radio-group/radio-group.js +18 -0
  306. package/components/radio-group/radio-group.js.map +1 -1
  307. package/components/rating/rating-symbol.js +2 -2
  308. package/components/rating/rating-symbol.js.map +1 -1
  309. package/components/rating/rating.d.ts +25 -17
  310. package/components/rating/rating.js +47 -43
  311. package/components/rating/rating.js.map +1 -1
  312. package/components/rating/themes/rating-symbol.base.css.js +1 -1
  313. package/components/rating/themes/rating-symbol.base.css.js.map +1 -1
  314. package/components/rating/themes/rating.base.css.js +1 -1
  315. package/components/rating/themes/rating.base.css.js.map +1 -1
  316. package/components/ripple/ripple.material.css.js +1 -1
  317. package/components/ripple/ripple.material.css.js.map +1 -1
  318. package/components/select/select.d.ts +7 -9
  319. package/components/select/select.js +29 -31
  320. package/components/select/select.js.map +1 -1
  321. package/components/select/themes/select.base.css.js +1 -1
  322. package/components/select/themes/select.base.css.js.map +1 -1
  323. package/components/slider/slider-base.d.ts +0 -1
  324. package/components/slider/slider-base.js +0 -4
  325. package/components/slider/slider-base.js.map +1 -1
  326. package/components/slider/slider.d.ts +3 -2
  327. package/components/slider/slider.js +9 -9
  328. package/components/slider/slider.js.map +1 -1
  329. package/components/slider/themes/slider.base.css.js +1 -1
  330. package/components/slider/themes/slider.base.css.js.map +1 -1
  331. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  332. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  333. package/components/stepper/step.d.ts +1 -1
  334. package/components/stepper/step.js.map +1 -1
  335. package/components/stepper/themes/step/step.base.css.js +1 -1
  336. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  337. package/components/stepper/themes/stepper/stepper.base.css.js +1 -1
  338. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  339. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  340. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  341. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  342. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  343. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  344. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  345. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  346. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  347. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  348. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  349. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  350. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  351. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  352. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  353. package/components/tabs/themes/tab.base.css.js +1 -1
  354. package/components/tabs/themes/tab.base.css.js.map +1 -1
  355. package/components/tabs/themes/tabs.base.css.js +1 -1
  356. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  357. package/components/textarea/textarea.d.ts +5 -4
  358. package/components/textarea/textarea.js +15 -8
  359. package/components/textarea/textarea.js.map +1 -1
  360. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  361. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  362. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  363. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  364. package/components/textarea/themes/textarea.base.css.js +1 -1
  365. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  366. package/components/tile-manager/controllers/fullscreen.d.ts +15 -0
  367. package/components/tile-manager/controllers/fullscreen.js +43 -0
  368. package/components/tile-manager/controllers/fullscreen.js.map +1 -0
  369. package/components/tile-manager/controllers/tile-dnd.d.ts +24 -0
  370. package/components/tile-manager/controllers/tile-dnd.js +46 -0
  371. package/components/tile-manager/controllers/tile-dnd.js.map +1 -0
  372. package/components/tile-manager/position.d.ts +20 -0
  373. package/components/tile-manager/position.js +61 -0
  374. package/components/tile-manager/position.js.map +1 -0
  375. package/components/tile-manager/resize-controller.d.ts +52 -0
  376. package/components/tile-manager/resize-controller.js +157 -0
  377. package/components/tile-manager/resize-controller.js.map +1 -0
  378. package/components/tile-manager/resize-element.d.ts +41 -0
  379. package/components/tile-manager/resize-element.js +107 -0
  380. package/components/tile-manager/resize-element.js.map +1 -0
  381. package/components/tile-manager/serializer.d.ts +24 -0
  382. package/components/tile-manager/serializer.js +52 -0
  383. package/components/tile-manager/serializer.js.map +1 -0
  384. package/components/tile-manager/themes/container.d.ts +2 -0
  385. package/components/tile-manager/themes/container.js +47 -0
  386. package/components/tile-manager/themes/container.js.map +1 -0
  387. package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.d.ts +1 -0
  388. package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js +3 -0
  389. package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js.map +1 -0
  390. package/components/tile-manager/themes/dark/tile-manager.fluent.css.d.ts +1 -0
  391. package/components/tile-manager/themes/dark/tile-manager.fluent.css.js +3 -0
  392. package/components/tile-manager/themes/dark/tile-manager.fluent.css.js.map +1 -0
  393. package/components/tile-manager/themes/dark/tile-manager.indigo.css.d.ts +1 -0
  394. package/components/tile-manager/themes/dark/tile-manager.indigo.css.js +3 -0
  395. package/components/tile-manager/themes/dark/tile-manager.indigo.css.js.map +1 -0
  396. package/components/tile-manager/themes/dark/tile-manager.material.css.d.ts +1 -0
  397. package/components/tile-manager/themes/dark/tile-manager.material.css.js +3 -0
  398. package/components/tile-manager/themes/dark/tile-manager.material.css.js.map +1 -0
  399. package/components/tile-manager/themes/dark/tile-manager.shared.css.d.ts +1 -0
  400. package/components/tile-manager/themes/dark/tile-manager.shared.css.js +3 -0
  401. package/components/tile-manager/themes/dark/tile-manager.shared.css.js.map +1 -0
  402. package/components/tile-manager/themes/header.d.ts +2 -0
  403. package/components/tile-manager/themes/header.js +28 -0
  404. package/components/tile-manager/themes/header.js.map +1 -0
  405. package/components/tile-manager/themes/light/tile-manager.bootstrap.css.d.ts +1 -0
  406. package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js +3 -0
  407. package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js.map +1 -0
  408. package/components/tile-manager/themes/light/tile-manager.fluent.css.d.ts +1 -0
  409. package/components/tile-manager/themes/light/tile-manager.fluent.css.js +3 -0
  410. package/components/tile-manager/themes/light/tile-manager.fluent.css.js.map +1 -0
  411. package/components/tile-manager/themes/light/tile-manager.indigo.css.d.ts +1 -0
  412. package/components/tile-manager/themes/light/tile-manager.indigo.css.js +3 -0
  413. package/components/tile-manager/themes/light/tile-manager.indigo.css.js.map +1 -0
  414. package/components/tile-manager/themes/light/tile-manager.material.css.d.ts +1 -0
  415. package/components/tile-manager/themes/light/tile-manager.material.css.js +3 -0
  416. package/components/tile-manager/themes/light/tile-manager.material.css.js.map +1 -0
  417. package/components/tile-manager/themes/light/tile-manager.shared.css.d.ts +1 -0
  418. package/components/tile-manager/themes/light/tile-manager.shared.css.js +3 -0
  419. package/components/tile-manager/themes/light/tile-manager.shared.css.js.map +1 -0
  420. package/components/tile-manager/themes/resize.base.css.d.ts +1 -0
  421. package/components/tile-manager/themes/resize.base.css.js +3 -0
  422. package/components/tile-manager/themes/resize.base.css.js.map +1 -0
  423. package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.d.ts +1 -0
  424. package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.js +3 -0
  425. package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.js.map +1 -0
  426. package/components/tile-manager/themes/shared/header/tile-header.common.css.d.ts +1 -0
  427. package/components/tile-manager/themes/shared/header/tile-header.common.css.js +3 -0
  428. package/components/tile-manager/themes/shared/header/tile-header.common.css.js.map +1 -0
  429. package/components/tile-manager/themes/shared/header/tile-header.fluent.css.d.ts +1 -0
  430. package/components/tile-manager/themes/shared/header/tile-header.fluent.css.js +3 -0
  431. package/components/tile-manager/themes/shared/header/tile-header.fluent.css.js.map +1 -0
  432. package/components/tile-manager/themes/shared/header/tile-header.indigo.css.d.ts +1 -0
  433. package/components/tile-manager/themes/shared/header/tile-header.indigo.css.js +3 -0
  434. package/components/tile-manager/themes/shared/header/tile-header.indigo.css.js.map +1 -0
  435. package/components/tile-manager/themes/shared/resize.common.css.d.ts +1 -0
  436. package/components/tile-manager/themes/shared/resize.common.css.js +3 -0
  437. package/components/tile-manager/themes/shared/resize.common.css.js.map +1 -0
  438. package/components/tile-manager/themes/shared/tile/tile.common.css.d.ts +1 -0
  439. package/components/tile-manager/themes/shared/tile/tile.common.css.js +3 -0
  440. package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -0
  441. package/components/tile-manager/themes/shared/tile/tile.indigo.css.d.ts +1 -0
  442. package/components/tile-manager/themes/shared/tile/tile.indigo.css.js +3 -0
  443. package/components/tile-manager/themes/shared/tile/tile.indigo.css.js.map +1 -0
  444. package/components/tile-manager/themes/shared/tile-manager.common.css.d.ts +1 -0
  445. package/components/tile-manager/themes/shared/tile-manager.common.css.js +3 -0
  446. package/components/tile-manager/themes/shared/tile-manager.common.css.js.map +1 -0
  447. package/components/tile-manager/themes/tile-header.base.css.d.ts +1 -0
  448. package/components/tile-manager/themes/tile-header.base.css.js +3 -0
  449. package/components/tile-manager/themes/tile-header.base.css.js.map +1 -0
  450. package/components/tile-manager/themes/tile-manager.base.css.d.ts +1 -0
  451. package/components/tile-manager/themes/tile-manager.base.css.js +3 -0
  452. package/components/tile-manager/themes/tile-manager.base.css.js.map +1 -0
  453. package/components/tile-manager/themes/tile.base.css.d.ts +1 -0
  454. package/components/tile-manager/themes/tile.base.css.js +3 -0
  455. package/components/tile-manager/themes/tile.base.css.js.map +1 -0
  456. package/components/tile-manager/themes/tile.d.ts +2 -0
  457. package/components/tile-manager/themes/tile.js +14 -0
  458. package/components/tile-manager/themes/tile.js.map +1 -0
  459. package/components/tile-manager/tile-header.d.ts +34 -0
  460. package/components/tile-manager/tile-header.js +106 -0
  461. package/components/tile-manager/tile-header.js.map +1 -0
  462. package/components/tile-manager/tile-manager.d.ts +83 -0
  463. package/components/tile-manager/tile-manager.js +188 -0
  464. package/components/tile-manager/tile-manager.js.map +1 -0
  465. package/components/tile-manager/tile-util.d.ts +6 -0
  466. package/components/tile-manager/tile-util.js +70 -0
  467. package/components/tile-manager/tile-util.js.map +1 -0
  468. package/components/tile-manager/tile.d.ts +128 -0
  469. package/components/tile-manager/tile.js +467 -0
  470. package/components/tile-manager/tile.js.map +1 -0
  471. package/components/toast/themes/toast.base.css.js +1 -1
  472. package/components/toast/themes/toast.base.css.js.map +1 -1
  473. package/components/tree/themes/container.base.css.js +1 -1
  474. package/components/tree/themes/container.base.css.js.map +1 -1
  475. package/components/tree/themes/shared/item.material.css.js +1 -1
  476. package/components/tree/themes/shared/item.material.css.js.map +1 -1
  477. package/custom-elements.json +7211 -4772
  478. package/igniteui-webcomponents.css-data.json +1 -1
  479. package/igniteui-webcomponents.html-data.json +1 -1
  480. package/index.d.ts +3 -0
  481. package/index.js +3 -0
  482. package/index.js.map +1 -1
  483. package/package.json +1 -1
  484. package/themes/dark/bootstrap.css +1 -1
  485. package/themes/dark/fluent.css +1 -1
  486. package/themes/dark/indigo.css +1 -1
  487. package/themes/dark/material.css +1 -1
  488. package/themes/light/bootstrap.css +1 -1
  489. package/themes/light/fluent.css +1 -1
  490. package/themes/light/indigo.css +1 -1
  491. package/themes/light/material.css +1 -1
  492. package/web-types.json +2 -2
  493. package/components/carousel/context.d.ts +0 -4
  494. package/components/carousel/context.js +0 -3
  495. package/components/carousel/context.js.map +0 -1
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-200) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-200) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-700) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-700) h s l/0.5))}`;
3
+ //# sourceMappingURL=tile-manager.shared.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-manager.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+aAA+a,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-200) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-200) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-700) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-700) h s l/0.5))}`;\n"]}
@@ -0,0 +1,2 @@
1
+ import type { Themes } from '../../../theming/types.js';
2
+ export declare const all: Themes;
@@ -0,0 +1,28 @@
1
+ import { css } from 'lit';
2
+ import { styles as bootstrap } from './shared/header/tile-header.bootstrap.css.js';
3
+ import { styles as fluent } from './shared/header/tile-header.fluent.css.js';
4
+ import { styles as indigo } from './shared/header/tile-header.indigo.css.js';
5
+ const light = {
6
+ bootstrap: css `
7
+ ${bootstrap}
8
+ `,
9
+ fluent: css `
10
+ ${fluent}
11
+ `,
12
+ indigo: css `
13
+ ${indigo}
14
+ `,
15
+ };
16
+ const dark = {
17
+ bootstrap: css `
18
+ ${bootstrap}
19
+ `,
20
+ fluent: css `
21
+ ${fluent}
22
+ `,
23
+ indigo: css `
24
+ ${indigo}
25
+ `,
26
+ };
27
+ export const all = { light, dark };
28
+ //# sourceMappingURL=header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/header/tile-header.bootstrap.css.js';\nimport { styles as fluent } from './shared/header/tile-header.fluent.css.js';\nimport { styles as indigo } from './shared/header/tile-header.indigo.css.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-300) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-300) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-300) h s l/0.4))}`;
3
+ //# sourceMappingURL=tile-manager.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-manager.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ibAAib,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-300) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-300) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-300) h s l/0.4))}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.5));--border-radius: var(--ig-tile-manager-border-radius, 0)}`;
3
+ //# sourceMappingURL=tile-manager.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-manager.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+RAA+R,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.5));--border-radius: var(--ig-tile-manager-border-radius, 0)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-surface-500) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-800) h s l/1));--header-background: var(--ig-tile-manager-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--content-background: var(--ig-tile-manager-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-500) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--border-radius: var(--ig-tile-manager-border-radius, 0.375rem)}`;
3
+ //# sourceMappingURL=tile-manager.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-manager.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4iCAA4iC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-surface-500) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-800) h s l/1));--header-background: var(--ig-tile-manager-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--content-background: var(--ig-tile-manager-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-500) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--border-radius: var(--ig-tile-manager-border-radius, 0.375rem)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css ``;
3
+ //# sourceMappingURL=tile-manager.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-manager.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-gray-100) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-900) h s l/1));--header-background: var(--ig-tile-manager-header-background, hsl(from var(--ig-surface-500) h s l/1));--content-background: var(--ig-tile-manager-content-background, hsl(from var(--ig-surface-500) h s l/1));--content-color: var(--ig-tile-manager-content-color, hsl(from var(--ig-gray-700) h s l/1));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-400) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-400) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.3));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.6));--ghost-border: var(--ig-tile-manager-ghost-border, hsl(from var(--ig-primary-500) h s l/1));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;
3
+ //# sourceMappingURL=tile-manager.shared.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-manager.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ggDAAggD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-gray-100) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-900) h s l/1));--header-background: var(--ig-tile-manager-header-background, hsl(from var(--ig-surface-500) h s l/1));--content-background: var(--ig-tile-manager-content-background, hsl(from var(--ig-surface-500) h s l/1));--content-color: var(--ig-tile-manager-content-color, hsl(from var(--ig-gray-700) h s l/1));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-400) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-400) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.3));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.6));--ghost-border: var(--ig-tile-manager-ghost-border, hsl(from var(--ig-primary-500) h s l/1));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--resize-visibility: hidden;display:contents}[part=resize-base]{position:relative;height:100%}[part=trigger]{display:inline-flex;visibility:var(--resize-visibility);cursor:nwse-resize;position:absolute;bottom:.125rem;right:.125rem;z-index:1}[part=trigger] igc-icon{--size: 0.5625rem !important;--ig-icon-size: 0.5625rem;--igx-icon-size: 0.5625rem}[part=trigger]:focus{outline:none}`;
3
+ //# sourceMappingURL=resize.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resize.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/resize.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,60CAA60C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--resize-visibility: hidden;display:contents}[part=resize-base]{position:relative;height:100%}[part=trigger]{display:inline-flex;visibility:var(--resize-visibility);cursor:nwse-resize;position:absolute;bottom:.125rem;right:.125rem;z-index:1}[part=trigger] igc-icon{--size: 0.5625rem !important;--ig-icon-size: 0.5625rem;--igx-icon-size: 0.5625rem}[part=trigger]:focus{outline:none}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-medium, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}::slotted([slot=title]){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}`;
3
+ //# sourceMappingURL=tile-header.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-header.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ikBAAikB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-medium, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}::slotted([slot=title]){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part=header]{background:var(--tile-background);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}[part=title]{color:var(--title-color)}igc-divider{--color: var-get($theme, "divider-color")}`;
3
+ //# sourceMappingURL=tile-header.common.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-header.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uOAAuO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{background:var(--tile-background);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}[part=title]{color:var(--title-color)}igc-divider{--color: var-get($theme, \"divider-color\")}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;
3
+ //# sourceMappingURL=tile-header.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-header.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4KAA4K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;
3
+ //# sourceMappingURL=tile-header.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gLAAgL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part=trigger] igc-icon{color:var(--resize-indicator)}`;
3
+ //# sourceMappingURL=resize.common.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resize.common.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/shared/resize.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=trigger] igc-icon{color:var(--resize-indicator)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part~=base]{background:var(--tile-background);border-radius:var(--border-radius);box-shadow:var(--resting-elevation)}[part~=base]:hover::after{content:"";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;border:.0625rem solid var(--hover-border-color)}[part~=base][part~=resizing]{opacity:.3}[part~=base][part~=resizing]:hover::after{display:none}[part=content-container]{background:var(--content-background);color:var(--content-color)}[part=ghost]{border-radius:var(--border-radius);border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part~=drag-over]::after{content:"";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}`;
3
+ //# sourceMappingURL=tile.common.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/tile/tile.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s3BAAs3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part~=base]{background:var(--tile-background);border-radius:var(--border-radius);box-shadow:var(--resting-elevation)}[part~=base]:hover::after{content:\"\";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;border:.0625rem solid var(--hover-border-color)}[part~=base][part~=resizing]{opacity:.3}[part~=base][part~=resizing]:hover::after{display:none}[part=content-container]{background:var(--content-background);color:var(--content-color)}[part=ghost]{border-radius:var(--border-radius);border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part~=drag-over]::after{content:\"\";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part~=base]{border:.0625rem solid var(--border-color)}[part~=base]:hover{border:.0625rem solid var(--hover-border-color)}[part~=base]:hover::after{display:none}[part=content-container] ::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0}`;
3
+ //# sourceMappingURL=tile.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/tile/tile.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmBAAkmB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border:.0625rem solid var(--border-color)}[part~=base]:hover{border:.0625rem solid var(--hover-border-color)}[part~=base]:hover::after{display:none}[part=content-container] ::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part=base]{background:var(--tile-manager-background)}`;
3
+ //# sourceMappingURL=tile-manager.common.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-manager.common.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/shared/tile-manager.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{background:var(--tile-manager-background)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part=header]{display:flex;align-items:center;gap:max(var(--is-large, 1)*max(1rem, -1 * 1rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem));padding-block:max(var(--is-large, 1)*max(0.8125rem, -1 * 0.8125rem),var(--is-medium, 1)*max(0.8125rem, -1 * 0.8125rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));padding-inline:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem))}::slotted([slot=title]){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;min-width:2ch}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto}`;
3
+ //# sourceMappingURL=tile-header.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-header.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile-header.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w9DAAw9D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part=header]{display:flex;align-items:center;gap:max(var(--is-large, 1)*max(1rem, -1 * 1rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem));padding-block:max(var(--is-large, 1)*max(0.8125rem, -1 * 0.8125rem),var(--is-medium, 1)*max(0.8125rem, -1 * 0.8125rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));padding-inline:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem))}::slotted([slot=title]){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;min-width:2ch}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;--ig-min-col-width: 200px;--ig-min-row-height: 200px}[part~=base]{display:grid;position:relative;padding:1.25rem;width:100%;height:100%;grid-template-columns:repeat(var(--ig-column-count, auto-fit), minmax(var(--ig-min-col-width), 1fr));grid-auto-rows:minmax(var(--ig-min-row-height), auto);grid-gap:var(--ig-gap, 0.625rem);grid-auto-flow:dense;overflow:auto hidden}[part~=maximized-tile]{overflow:clip}`;
3
+ //# sourceMappingURL=tile-manager.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-manager.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile-manager.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i3CAAi3C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;--ig-min-col-width: 200px;--ig-min-row-height: 200px}[part~=base]{display:grid;position:relative;padding:1.25rem;width:100%;height:100%;grid-template-columns:repeat(var(--ig-column-count, auto-fit), minmax(var(--ig-min-col-width), 1fr));grid-auto-rows:minmax(var(--ig-min-row-height), auto);grid-gap:var(--ig-gap, 0.625rem);grid-auto-flow:dense;overflow:auto hidden}[part~=maximized-tile]{overflow:clip}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;grid-column:var(--ig-col-start, auto)/span var(--ig-col-span, 1);grid-row:var(--ig-row-start, auto)/span var(--ig-row-span, 1)}:host(:hover) igc-resize{--resize-visibility: visible}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}[part~=tile-container]{width:100%;height:100%}[part~=base]{width:100%;height:100%;overflow:hidden}[part=content-container]{display:block;border-radius:inherit}[part=content-container] ::slotted(*){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}:host([maximized]){position:absolute;inset:0;width:100%;height:100%;z-index:10;grid-column:unset;grid-row:unset}:host([maximized]) [part~=base]{width:100%;height:100%}[part=ghost]{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);z-index:10}`;
3
+ //# sourceMappingURL=tile.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2mEAA2mE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;grid-column:var(--ig-col-start, auto)/span var(--ig-col-span, 1);grid-row:var(--ig-row-start, auto)/span var(--ig-row-span, 1)}:host(:hover) igc-resize{--resize-visibility: visible}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}[part~=tile-container]{width:100%;height:100%}[part~=base]{width:100%;height:100%;overflow:hidden}[part=content-container]{display:block;border-radius:inherit}[part=content-container] ::slotted(*){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}:host([maximized]){position:absolute;inset:0;width:100%;height:100%;z-index:10;grid-column:unset;grid-row:unset}:host([maximized]) [part~=base]{width:100%;height:100%}[part=ghost]{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);z-index:10}`;\n"]}
@@ -0,0 +1,2 @@
1
+ import type { Themes } from '../../../theming/types.js';
2
+ export declare const all: Themes;
@@ -0,0 +1,14 @@
1
+ import { css } from 'lit';
2
+ import { styles as indigo } from './shared/tile/tile.indigo.css.js';
3
+ const light = {
4
+ indigo: css `
5
+ ${indigo}
6
+ `,
7
+ };
8
+ const dark = {
9
+ indigo: css `
10
+ ${indigo}
11
+ `,
12
+ };
13
+ export const all = { light, dark };
14
+ //# sourceMappingURL=tile.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as indigo } from './shared/tile/tile.indigo.css.js';\n\nconst light = {\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -0,0 +1,34 @@
1
+ import { LitElement } from 'lit';
2
+ /** A container for tile's header
3
+ * @element igc-tile-header
4
+ *
5
+ * @slot title - Renders the tile title
6
+ * @slot actions - Renders the tile actions
7
+ *
8
+ * @csspart header - The tile header container
9
+ * @csspart title - The tile title container
10
+ * @csspart actions - The tile actions container
11
+ */
12
+ export default class IgcTileHeaderComponent extends LitElement {
13
+ static readonly tagName = "igc-tile-header";
14
+ static styles: import("lit").CSSResult[];
15
+ static register(): void;
16
+ private _tileContext?;
17
+ private get _tile();
18
+ private get _isMaximized();
19
+ private get _isFullscreen();
20
+ protected createRenderRoot(): HTMLElement | DocumentFragment;
21
+ private handleFullscreen;
22
+ private handleMaximize;
23
+ private emitMaximizedEvent;
24
+ protected _renderAction({ icon, handler, }: {
25
+ icon: string;
26
+ handler: () => unknown;
27
+ }): import("lit-html").TemplateResult<1>;
28
+ protected render(): import("lit-html").TemplateResult<1>;
29
+ }
30
+ declare global {
31
+ interface HTMLElementTagNameMap {
32
+ 'igc-tile-header': IgcTileHeaderComponent;
33
+ }
34
+ }
@@ -0,0 +1,106 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ var IgcTileHeaderComponent_1;
8
+ import { consume } from '@lit/context';
9
+ import { LitElement, html, nothing } from 'lit';
10
+ import { themes } from '../../theming/theming-decorator.js';
11
+ import IgcIconButtonComponent from '../button/icon-button.js';
12
+ import { tileContext } from '../common/context.js';
13
+ import { registerComponent } from '../common/definitions/register.js';
14
+ import IgcDividerComponent from '../divider/divider.js';
15
+ import { all } from './themes/header.js';
16
+ import { styles as shared } from './themes/shared/header/tile-header.common.css.js';
17
+ import { styles } from './themes/tile-header.base.css.js';
18
+ let IgcTileHeaderComponent = IgcTileHeaderComponent_1 = class IgcTileHeaderComponent extends LitElement {
19
+ static register() {
20
+ registerComponent(IgcTileHeaderComponent_1, IgcIconButtonComponent, IgcDividerComponent);
21
+ }
22
+ get _tile() {
23
+ return this._tileContext?.instance;
24
+ }
25
+ get _isMaximized() {
26
+ return this._tile ? this._tile.maximized : false;
27
+ }
28
+ get _isFullscreen() {
29
+ return this._tile ? this._tile.fullscreen : false;
30
+ }
31
+ createRenderRoot() {
32
+ const root = super.createRenderRoot();
33
+ root.addEventListener('slotchange', () => this.requestUpdate());
34
+ return root;
35
+ }
36
+ handleFullscreen() {
37
+ if (this._tileContext) {
38
+ this._tileContext.setFullscreenState(!this._isFullscreen, true);
39
+ this.requestUpdate();
40
+ }
41
+ }
42
+ handleMaximize() {
43
+ if (!this.emitMaximizedEvent()) {
44
+ return;
45
+ }
46
+ if (this._tile) {
47
+ this._tile.maximized = !this._tile.maximized;
48
+ this.requestUpdate();
49
+ }
50
+ }
51
+ emitMaximizedEvent() {
52
+ return this._tile?.emitEvent('igcTileMaximize', {
53
+ detail: { tile: this._tile, state: !this._tile.maximized },
54
+ cancelable: true,
55
+ });
56
+ }
57
+ _renderAction({ icon, handler, }) {
58
+ return html `
59
+ <igc-icon-button
60
+ variant="flat"
61
+ collection="default"
62
+ exportparts="icon"
63
+ name=${icon}
64
+ aria-label=${icon}
65
+ @click=${handler}
66
+ ></igc-icon-button>
67
+ `;
68
+ }
69
+ render() {
70
+ const maximize = {
71
+ icon: this._isMaximized ? 'collapse_content' : 'expand_content',
72
+ handler: this.handleMaximize,
73
+ };
74
+ const fullscreen = {
75
+ icon: this._isFullscreen ? 'fullscreen_exit' : 'fullscreen',
76
+ handler: this.handleFullscreen,
77
+ };
78
+ return html `
79
+ <div part="header">
80
+ <slot part="title" name="title"></slot>
81
+ <section part="actions">
82
+ <slot name="default-actions">
83
+ <slot name="maximize-action">
84
+ ${!this._isFullscreen ? this._renderAction(maximize) : nothing}
85
+ </slot>
86
+ <slot name="fullscreen-action">
87
+ ${this._renderAction(fullscreen)}
88
+ </slot>
89
+ </slot>
90
+ <slot name="actions"></slot>
91
+ </section>
92
+ </div>
93
+ <igc-divider></igc-divider>
94
+ `;
95
+ }
96
+ };
97
+ IgcTileHeaderComponent.tagName = 'igc-tile-header';
98
+ IgcTileHeaderComponent.styles = [styles, shared];
99
+ __decorate([
100
+ consume({ context: tileContext, subscribe: true })
101
+ ], IgcTileHeaderComponent.prototype, "_tileContext", void 0);
102
+ IgcTileHeaderComponent = IgcTileHeaderComponent_1 = __decorate([
103
+ themes(all)
104
+ ], IgcTileHeaderComponent);
105
+ export default IgcTileHeaderComponent;
106
+ //# sourceMappingURL=tile-header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tile-header.js","sourceRoot":"","sources":["../../../src/components/tile-manager/tile-header.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAa3C,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAKrD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,wBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,CACpB,CAAC;IACJ,CAAC;IAKD,IAAY,KAAK;QACf,OAAO,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC;IACrC,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IACnD,CAAC;IAED,IAAY,aAAa;QACvB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IACpD,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,gBAAgB;QACtB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAEhE,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;YAE7C,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,iBAAiB,EAAE;YAC9C,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC1D,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;IACL,CAAC;IAES,aAAa,CAAC,EACtB,IAAI,EACJ,OAAO,GAIR;QACC,OAAO,IAAI,CAAA;;;;;eAKA,IAAI;qBACE,IAAI;iBACR,OAAO;;KAEnB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,QAAQ,GAAG;YACf,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB;YAC/D,OAAO,EAAE,IAAI,CAAC,cAAc;SAC7B,CAAC;QACF,MAAM,UAAU,GAAG;YACjB,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY;YAC3D,OAAO,EAAE,IAAI,CAAC,gBAAgB;SAC/B,CAAC;QAEF,OAAO,IAAI,CAAA;;;;;;gBAMC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;;;gBAG5D,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;;;;;;;KAOzC,CAAC;IACJ,CAAC;;AA1GsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAC5B,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAYzC;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;4DAChB;AAdhB,sBAAsB;IAD1C,MAAM,CAAC,GAAG,CAAC;GACS,sBAAsB,CA4G1C;eA5GoB,sBAAsB","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html, nothing } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport { type TileContext, tileContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcDividerComponent from '../divider/divider.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/tile-header.common.css.js';\nimport { styles } from './themes/tile-header.base.css.js';\n\n/** A container for tile's header\n * @element igc-tile-header\n *\n * @slot title - Renders the tile title\n * @slot actions - Renders the tile actions\n *\n * @csspart header - The tile header container\n * @csspart title - The tile title container\n * @csspart actions - The tile actions container\n */\n@themes(all)\nexport default class IgcTileHeaderComponent extends LitElement {\n public static readonly tagName = 'igc-tile-header';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(\n IgcTileHeaderComponent,\n IgcIconButtonComponent,\n IgcDividerComponent\n );\n }\n\n @consume({ context: tileContext, subscribe: true })\n private _tileContext?: TileContext;\n\n private get _tile() {\n return this._tileContext?.instance;\n }\n\n private get _isMaximized() {\n return this._tile ? this._tile.maximized : false;\n }\n\n private get _isFullscreen() {\n return this._tile ? this._tile.fullscreen : false;\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n private handleFullscreen() {\n if (this._tileContext) {\n this._tileContext.setFullscreenState(!this._isFullscreen, true);\n // REVIEW: Leave the `requestUpdate` call or trigger through `setValue` from the tile context?\n this.requestUpdate();\n }\n }\n\n private handleMaximize() {\n if (!this.emitMaximizedEvent()) {\n return;\n }\n\n if (this._tile) {\n this._tile.maximized = !this._tile.maximized;\n // REVIEW: Leave the `requestUpdate` call or trigger through `setValue` from the tile context?\n this.requestUpdate();\n }\n }\n\n private emitMaximizedEvent() {\n return this._tile?.emitEvent('igcTileMaximize', {\n detail: { tile: this._tile, state: !this._tile.maximized },\n cancelable: true,\n });\n }\n\n protected _renderAction({\n icon,\n handler,\n }: {\n icon: string;\n handler: () => unknown;\n }) {\n return html`\n <igc-icon-button\n variant=\"flat\"\n collection=\"default\"\n exportparts=\"icon\"\n name=${icon}\n aria-label=${icon}\n @click=${handler}\n ></igc-icon-button>\n `;\n }\n\n protected override render() {\n const maximize = {\n icon: this._isMaximized ? 'collapse_content' : 'expand_content',\n handler: this.handleMaximize,\n };\n const fullscreen = {\n icon: this._isFullscreen ? 'fullscreen_exit' : 'fullscreen',\n handler: this.handleFullscreen,\n };\n\n return html`\n <div part=\"header\">\n <slot part=\"title\" name=\"title\"></slot>\n <section part=\"actions\">\n <slot name=\"default-actions\">\n <slot name=\"maximize-action\">\n ${!this._isFullscreen ? this._renderAction(maximize) : nothing}\n </slot>\n <slot name=\"fullscreen-action\">\n ${this._renderAction(fullscreen)}\n </slot>\n </slot>\n <slot name=\"actions\"></slot>\n </section>\n </div>\n <igc-divider></igc-divider>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-tile-header': IgcTileHeaderComponent;\n }\n}\n"]}
@@ -0,0 +1,83 @@
1
+ import { LitElement } from 'lit';
2
+ import type { Constructor } from '../common/mixins/constructor.js';
3
+ import IgcTileComponent from './tile.js';
4
+ export interface IgcTileManagerComponentEventMap {
5
+ igcTileDragStarted: CustomEvent<IgcTileComponent>;
6
+ }
7
+ declare const IgcTileManagerComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcTileManagerComponentEventMap>> & Constructor<LitElement>;
8
+ /**
9
+ * The tile manager component enables the dynamic arrangement, resizing, and interaction of tiles.
10
+ *
11
+ * @element igc-tile-manager
12
+ *
13
+ * @fires igcTileDragStarted - Fired when an owning tile begins a drag operation.
14
+ */
15
+ export default class IgcTileManagerComponent extends IgcTileManagerComponent_base {
16
+ static readonly tagName = "igc-tile-manager";
17
+ static styles: import("lit").CSSResult[];
18
+ protected static shadowRootOptions: ShadowRootInit;
19
+ static register(): void;
20
+ private _internalStyles;
21
+ private _columnCount;
22
+ private _gap?;
23
+ private _minColWidth?;
24
+ private _minRowHeight?;
25
+ private _draggedItem;
26
+ private _lastSwapTile;
27
+ private _serializer;
28
+ private _tilesState;
29
+ private _context;
30
+ private _setManagerContext;
31
+ private _observerCallback;
32
+ /**
33
+ * Determines whether the tiles slide or swap on drop.
34
+ * @attr drag-mode
35
+ */
36
+ dragMode: 'slide' | 'swap';
37
+ /**
38
+ * Sets the number of columns for the tile manager.
39
+ * Setting value <= than zero will trigger a responsive layout.
40
+ *
41
+ * @attr column-count
42
+ * @default 0
43
+ */
44
+ set columnCount(value: number);
45
+ get columnCount(): number;
46
+ /**
47
+ * Sets the minimum width for a column unit in the tile manager.
48
+ * @attr min-column-width
49
+ */
50
+ set minColumnWidth(value: string | undefined);
51
+ get minColumnWidth(): string | undefined;
52
+ /**
53
+ * Sets the minimum height for a row unit in the tile manager.
54
+ * @attr min-row-height
55
+ */
56
+ set minRowHeight(value: string | undefined);
57
+ get minRowHeight(): string | undefined;
58
+ /**
59
+ * Sets the gap size of the the tile manager.
60
+ */
61
+ set gap(value: string | undefined);
62
+ get gap(): string | undefined;
63
+ /**
64
+ * Gets the tiles sorted by their position in the layout.
65
+ * @attr
66
+ */
67
+ get tiles(): IgcTileComponent[];
68
+ constructor();
69
+ protected firstUpdated(): void;
70
+ private handleTileDragStart;
71
+ private handleTileDragEnd;
72
+ private handleDragOver;
73
+ private handleDrop;
74
+ saveLayout(): string;
75
+ loadLayout(data: string): void;
76
+ protected render(): import("lit-html").TemplateResult<1>;
77
+ }
78
+ declare global {
79
+ interface HTMLElementTagNameMap {
80
+ 'igc-tile-manager': IgcTileManagerComponent;
81
+ }
82
+ }
83
+ export {};