@skyux/layout 5.7.2 → 6.0.0-beta.2

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 (289) hide show
  1. package/documentation.json +4 -4
  2. package/esm2020/index.mjs +74 -0
  3. package/esm2020/lib/modules/action-button/action-button-adapter-service.mjs +43 -0
  4. package/esm2020/lib/modules/action-button/action-button-container.component.mjs +139 -0
  5. package/esm2020/lib/modules/action-button/action-button-details.component.mjs +14 -0
  6. package/esm2020/lib/modules/action-button/action-button-header.component.mjs +15 -0
  7. package/esm2020/lib/modules/action-button/action-button-icon.component.mjs +40 -0
  8. package/esm2020/lib/modules/action-button/action-button-permalink.mjs +2 -0
  9. package/esm2020/lib/modules/action-button/action-button.component.mjs +34 -0
  10. package/esm2020/lib/modules/action-button/action-button.module.mjs +62 -0
  11. package/esm2020/lib/modules/action-button/types/action-button-container-align-items-type.mjs +2 -0
  12. package/esm2020/lib/modules/action-button/types/action-button-container-align-items.mjs +2 -0
  13. package/esm2020/lib/modules/back-to-top/back-to-top-adapter.service.mjs +84 -0
  14. package/esm2020/lib/modules/back-to-top/back-to-top.component.mjs +26 -0
  15. package/esm2020/lib/modules/back-to-top/back-to-top.directive.mjs +114 -0
  16. package/esm2020/lib/modules/back-to-top/back-to-top.module.mjs +35 -0
  17. package/esm2020/lib/modules/back-to-top/models/back-to-top-message-type.mjs +11 -0
  18. package/esm2020/lib/modules/back-to-top/models/back-to-top-message.mjs +2 -0
  19. package/esm2020/lib/modules/back-to-top/models/back-to-top-options.mjs +2 -0
  20. package/esm2020/lib/modules/box/box-content.component.mjs +15 -0
  21. package/esm2020/lib/modules/box/box-controls.component.mjs +14 -0
  22. package/esm2020/lib/modules/box/box-header.component.mjs +14 -0
  23. package/esm2020/lib/modules/box/box.component.mjs +21 -0
  24. package/esm2020/lib/modules/box/box.module.mjs +38 -0
  25. package/esm2020/lib/modules/card/card-actions.component.mjs +14 -0
  26. package/esm2020/lib/modules/card/card-content.component.mjs +14 -0
  27. package/esm2020/lib/modules/card/card-title.component.mjs +14 -0
  28. package/esm2020/lib/modules/card/card.component.mjs +75 -0
  29. package/esm2020/lib/modules/card/card.module.mjs +61 -0
  30. package/esm2020/lib/modules/definition-list/definition-list-content.component.mjs +14 -0
  31. package/esm2020/lib/modules/definition-list/definition-list-heading.component.mjs +14 -0
  32. package/esm2020/lib/modules/definition-list/definition-list-label.component.mjs +20 -0
  33. package/esm2020/lib/modules/definition-list/definition-list-value.component.mjs +21 -0
  34. package/esm2020/lib/modules/definition-list/definition-list.component.mjs +38 -0
  35. package/esm2020/lib/modules/definition-list/definition-list.module.mjs +44 -0
  36. package/esm2020/lib/modules/definition-list/definition-list.service.mjs +18 -0
  37. package/esm2020/lib/modules/description-list/description-list-adapter-service.mjs +43 -0
  38. package/esm2020/lib/modules/description-list/description-list-content.component.mjs +22 -0
  39. package/esm2020/lib/modules/description-list/description-list-description.component.mjs +49 -0
  40. package/esm2020/lib/modules/description-list/description-list-term.component.mjs +20 -0
  41. package/esm2020/lib/modules/description-list/description-list.component.mjs +101 -0
  42. package/esm2020/lib/modules/description-list/description-list.module.mjs +53 -0
  43. package/esm2020/lib/modules/description-list/description-list.service.mjs +26 -0
  44. package/esm2020/lib/modules/description-list/types/description-list-mode-type.mjs +2 -0
  45. package/esm2020/lib/modules/description-list/types/description-list-mode.mjs +24 -0
  46. package/esm2020/lib/modules/fluid-grid/column.component.mjs +53 -0
  47. package/esm2020/lib/modules/fluid-grid/fluid-grid-gutter-size.mjs +20 -0
  48. package/esm2020/lib/modules/fluid-grid/fluid-grid.component.mjs +62 -0
  49. package/esm2020/lib/modules/fluid-grid/fluid-grid.module.mjs +20 -0
  50. package/esm2020/lib/modules/fluid-grid/row.component.mjs +25 -0
  51. package/esm2020/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.mjs +2 -0
  52. package/esm2020/lib/modules/format/format-item.mjs +2 -0
  53. package/esm2020/lib/modules/format/format.component.mjs +59 -0
  54. package/esm2020/lib/modules/format/format.module.mjs +18 -0
  55. package/esm2020/lib/modules/inline-delete/inline-delete-adapter.service.mjs +115 -0
  56. package/esm2020/lib/modules/inline-delete/inline-delete-type.mjs +16 -0
  57. package/esm2020/lib/modules/inline-delete/inline-delete.component.mjs +161 -0
  58. package/esm2020/lib/modules/inline-delete/inline-delete.module.mjs +34 -0
  59. package/esm2020/lib/modules/page/page-theme-adapter.service.mjs +26 -0
  60. package/esm2020/lib/modules/page/page.component.mjs +27 -0
  61. package/esm2020/lib/modules/page/page.module.mjs +16 -0
  62. package/esm2020/lib/modules/page-summary/page-summary-adapter.service.mjs +23 -0
  63. package/esm2020/lib/modules/page-summary/page-summary-alert.component.mjs +17 -0
  64. package/esm2020/lib/modules/page-summary/page-summary-content.component.mjs +16 -0
  65. package/esm2020/lib/modules/page-summary/page-summary-image.component.mjs +17 -0
  66. package/esm2020/lib/modules/page-summary/page-summary-key-info.component.mjs +15 -0
  67. package/esm2020/lib/modules/page-summary/page-summary-status.component.mjs +17 -0
  68. package/esm2020/lib/modules/page-summary/page-summary-subtitle.component.mjs +16 -0
  69. package/esm2020/lib/modules/page-summary/page-summary-title.component.mjs +16 -0
  70. package/esm2020/lib/modules/page-summary/page-summary.component.mjs +45 -0
  71. package/esm2020/lib/modules/page-summary/page-summary.module.mjs +57 -0
  72. package/esm2020/lib/modules/shared/sky-layout-resources.module.mjs +60 -0
  73. package/esm2020/lib/modules/text-expand/text-expand-adapter.service.mjs +31 -0
  74. package/esm2020/lib/modules/text-expand/text-expand-modal-context.mjs +6 -0
  75. package/esm2020/lib/modules/text-expand/text-expand-modal.component.mjs +26 -0
  76. package/esm2020/lib/modules/text-expand/text-expand.component.mjs +247 -0
  77. package/esm2020/lib/modules/text-expand/text-expand.module.mjs +35 -0
  78. package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +37 -0
  79. package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +171 -0
  80. package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.module.mjs +20 -0
  81. package/esm2020/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.mjs +2 -0
  82. package/esm2020/lib/modules/toolbar/toolbar-item.component.mjs +14 -0
  83. package/esm2020/lib/modules/toolbar/toolbar-section.component.mjs +14 -0
  84. package/esm2020/lib/modules/toolbar/toolbar-view-actions.component.mjs +15 -0
  85. package/esm2020/lib/modules/toolbar/toolbar.component.mjs +25 -0
  86. package/esm2020/lib/modules/toolbar/toolbar.module.mjs +37 -0
  87. package/esm2020/skyux-layout.mjs +5 -0
  88. package/esm2020/testing/action-button-fixture.mjs +44 -0
  89. package/esm2020/testing/card-fixture.mjs +63 -0
  90. package/esm2020/testing/page-summary-fixture.mjs +29 -0
  91. package/esm2020/testing/public-api.mjs +4 -0
  92. package/esm2020/testing/skyux-layout-testing.mjs +5 -0
  93. package/fesm2015/{skyux-layout-testing.js → skyux-layout-testing.mjs} +1 -1
  94. package/fesm2015/skyux-layout-testing.mjs.map +1 -0
  95. package/fesm2015/skyux-layout.mjs +2724 -0
  96. package/fesm2015/skyux-layout.mjs.map +1 -0
  97. package/fesm2020/skyux-layout-testing.mjs +139 -0
  98. package/fesm2020/skyux-layout-testing.mjs.map +1 -0
  99. package/fesm2020/skyux-layout.mjs +2722 -0
  100. package/fesm2020/skyux-layout.mjs.map +1 -0
  101. package/package.json +45 -21
  102. package/testing/package.json +5 -5
  103. package/bundles/skyux-layout-testing.umd.js +0 -191
  104. package/bundles/skyux-layout.umd.js +0 -3570
  105. package/esm2015/index.js +0 -74
  106. package/esm2015/index.js.map +0 -1
  107. package/esm2015/lib/modules/action-button/action-button-adapter-service.js +0 -43
  108. package/esm2015/lib/modules/action-button/action-button-adapter-service.js.map +0 -1
  109. package/esm2015/lib/modules/action-button/action-button-container.component.js +0 -145
  110. package/esm2015/lib/modules/action-button/action-button-container.component.js.map +0 -1
  111. package/esm2015/lib/modules/action-button/action-button-details.component.js +0 -17
  112. package/esm2015/lib/modules/action-button/action-button-details.component.js.map +0 -1
  113. package/esm2015/lib/modules/action-button/action-button-header.component.js +0 -19
  114. package/esm2015/lib/modules/action-button/action-button-header.component.js.map +0 -1
  115. package/esm2015/lib/modules/action-button/action-button-icon.component.js +0 -44
  116. package/esm2015/lib/modules/action-button/action-button-icon.component.js.map +0 -1
  117. package/esm2015/lib/modules/action-button/action-button-permalink.js +0 -2
  118. package/esm2015/lib/modules/action-button/action-button-permalink.js.map +0 -1
  119. package/esm2015/lib/modules/action-button/action-button.component.js +0 -39
  120. package/esm2015/lib/modules/action-button/action-button.component.js.map +0 -1
  121. package/esm2015/lib/modules/action-button/action-button.module.js +0 -62
  122. package/esm2015/lib/modules/action-button/action-button.module.js.map +0 -1
  123. package/esm2015/lib/modules/action-button/types/action-button-container-align-items-type.js +0 -2
  124. package/esm2015/lib/modules/action-button/types/action-button-container-align-items-type.js.map +0 -1
  125. package/esm2015/lib/modules/action-button/types/action-button-container-align-items.js +0 -2
  126. package/esm2015/lib/modules/action-button/types/action-button-container-align-items.js.map +0 -1
  127. package/esm2015/lib/modules/back-to-top/back-to-top-adapter.service.js +0 -84
  128. package/esm2015/lib/modules/back-to-top/back-to-top-adapter.service.js.map +0 -1
  129. package/esm2015/lib/modules/back-to-top/back-to-top.component.js +0 -31
  130. package/esm2015/lib/modules/back-to-top/back-to-top.component.js.map +0 -1
  131. package/esm2015/lib/modules/back-to-top/back-to-top.directive.js +0 -114
  132. package/esm2015/lib/modules/back-to-top/back-to-top.directive.js.map +0 -1
  133. package/esm2015/lib/modules/back-to-top/back-to-top.module.js +0 -36
  134. package/esm2015/lib/modules/back-to-top/back-to-top.module.js.map +0 -1
  135. package/esm2015/lib/modules/back-to-top/models/back-to-top-message-type.js +0 -11
  136. package/esm2015/lib/modules/back-to-top/models/back-to-top-message-type.js.map +0 -1
  137. package/esm2015/lib/modules/back-to-top/models/back-to-top-message.js +0 -2
  138. package/esm2015/lib/modules/back-to-top/models/back-to-top-message.js.map +0 -1
  139. package/esm2015/lib/modules/back-to-top/models/back-to-top-options.js +0 -2
  140. package/esm2015/lib/modules/back-to-top/models/back-to-top-options.js.map +0 -1
  141. package/esm2015/lib/modules/box/box-content.component.js +0 -18
  142. package/esm2015/lib/modules/box/box-content.component.js.map +0 -1
  143. package/esm2015/lib/modules/box/box-controls.component.js +0 -17
  144. package/esm2015/lib/modules/box/box-controls.component.js.map +0 -1
  145. package/esm2015/lib/modules/box/box-header.component.js +0 -17
  146. package/esm2015/lib/modules/box/box-header.component.js.map +0 -1
  147. package/esm2015/lib/modules/box/box.component.js +0 -26
  148. package/esm2015/lib/modules/box/box.component.js.map +0 -1
  149. package/esm2015/lib/modules/box/box.module.js +0 -38
  150. package/esm2015/lib/modules/box/box.module.js.map +0 -1
  151. package/esm2015/lib/modules/card/card-actions.component.js +0 -18
  152. package/esm2015/lib/modules/card/card-actions.component.js.map +0 -1
  153. package/esm2015/lib/modules/card/card-content.component.js +0 -17
  154. package/esm2015/lib/modules/card/card-content.component.js.map +0 -1
  155. package/esm2015/lib/modules/card/card-title.component.js +0 -17
  156. package/esm2015/lib/modules/card/card-title.component.js.map +0 -1
  157. package/esm2015/lib/modules/card/card.component.js +0 -79
  158. package/esm2015/lib/modules/card/card.component.js.map +0 -1
  159. package/esm2015/lib/modules/card/card.module.js +0 -61
  160. package/esm2015/lib/modules/card/card.module.js.map +0 -1
  161. package/esm2015/lib/modules/definition-list/definition-list-content.component.js +0 -19
  162. package/esm2015/lib/modules/definition-list/definition-list-content.component.js.map +0 -1
  163. package/esm2015/lib/modules/definition-list/definition-list-heading.component.js +0 -19
  164. package/esm2015/lib/modules/definition-list/definition-list-heading.component.js.map +0 -1
  165. package/esm2015/lib/modules/definition-list/definition-list-label.component.js +0 -25
  166. package/esm2015/lib/modules/definition-list/definition-list-label.component.js.map +0 -1
  167. package/esm2015/lib/modules/definition-list/definition-list-value.component.js +0 -25
  168. package/esm2015/lib/modules/definition-list/definition-list-value.component.js.map +0 -1
  169. package/esm2015/lib/modules/definition-list/definition-list.component.js +0 -44
  170. package/esm2015/lib/modules/definition-list/definition-list.component.js.map +0 -1
  171. package/esm2015/lib/modules/definition-list/definition-list.module.js +0 -44
  172. package/esm2015/lib/modules/definition-list/definition-list.module.js.map +0 -1
  173. package/esm2015/lib/modules/definition-list/definition-list.service.js +0 -18
  174. package/esm2015/lib/modules/definition-list/definition-list.service.js.map +0 -1
  175. package/esm2015/lib/modules/description-list/description-list-adapter-service.js +0 -43
  176. package/esm2015/lib/modules/description-list/description-list-adapter-service.js.map +0 -1
  177. package/esm2015/lib/modules/description-list/description-list-content.component.js +0 -25
  178. package/esm2015/lib/modules/description-list/description-list-content.component.js.map +0 -1
  179. package/esm2015/lib/modules/description-list/description-list-description.component.js +0 -53
  180. package/esm2015/lib/modules/description-list/description-list-description.component.js.map +0 -1
  181. package/esm2015/lib/modules/description-list/description-list-term.component.js +0 -24
  182. package/esm2015/lib/modules/description-list/description-list-term.component.js.map +0 -1
  183. package/esm2015/lib/modules/description-list/description-list.component.js +0 -107
  184. package/esm2015/lib/modules/description-list/description-list.component.js.map +0 -1
  185. package/esm2015/lib/modules/description-list/description-list.module.js +0 -53
  186. package/esm2015/lib/modules/description-list/description-list.module.js.map +0 -1
  187. package/esm2015/lib/modules/description-list/description-list.service.js +0 -26
  188. package/esm2015/lib/modules/description-list/description-list.service.js.map +0 -1
  189. package/esm2015/lib/modules/description-list/types/description-list-mode-type.js +0 -2
  190. package/esm2015/lib/modules/description-list/types/description-list-mode-type.js.map +0 -1
  191. package/esm2015/lib/modules/description-list/types/description-list-mode.js +0 -24
  192. package/esm2015/lib/modules/description-list/types/description-list-mode.js.map +0 -1
  193. package/esm2015/lib/modules/fluid-grid/column.component.js +0 -58
  194. package/esm2015/lib/modules/fluid-grid/column.component.js.map +0 -1
  195. package/esm2015/lib/modules/fluid-grid/fluid-grid-gutter-size.js +0 -20
  196. package/esm2015/lib/modules/fluid-grid/fluid-grid-gutter-size.js.map +0 -1
  197. package/esm2015/lib/modules/fluid-grid/fluid-grid.component.js +0 -66
  198. package/esm2015/lib/modules/fluid-grid/fluid-grid.component.js.map +0 -1
  199. package/esm2015/lib/modules/fluid-grid/fluid-grid.module.js +0 -20
  200. package/esm2015/lib/modules/fluid-grid/fluid-grid.module.js.map +0 -1
  201. package/esm2015/lib/modules/fluid-grid/row.component.js +0 -29
  202. package/esm2015/lib/modules/fluid-grid/row.component.js.map +0 -1
  203. package/esm2015/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.js +0 -2
  204. package/esm2015/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.js.map +0 -1
  205. package/esm2015/lib/modules/format/format-item.js +0 -2
  206. package/esm2015/lib/modules/format/format-item.js.map +0 -1
  207. package/esm2015/lib/modules/format/format.component.js +0 -63
  208. package/esm2015/lib/modules/format/format.component.js.map +0 -1
  209. package/esm2015/lib/modules/format/format.module.js +0 -18
  210. package/esm2015/lib/modules/format/format.module.js.map +0 -1
  211. package/esm2015/lib/modules/inline-delete/inline-delete-adapter.service.js +0 -115
  212. package/esm2015/lib/modules/inline-delete/inline-delete-adapter.service.js.map +0 -1
  213. package/esm2015/lib/modules/inline-delete/inline-delete-type.js +0 -16
  214. package/esm2015/lib/modules/inline-delete/inline-delete-type.js.map +0 -1
  215. package/esm2015/lib/modules/inline-delete/inline-delete.component.js +0 -167
  216. package/esm2015/lib/modules/inline-delete/inline-delete.component.js.map +0 -1
  217. package/esm2015/lib/modules/inline-delete/inline-delete.module.js +0 -34
  218. package/esm2015/lib/modules/inline-delete/inline-delete.module.js.map +0 -1
  219. package/esm2015/lib/modules/page/page-theme-adapter.service.js +0 -26
  220. package/esm2015/lib/modules/page/page-theme-adapter.service.js.map +0 -1
  221. package/esm2015/lib/modules/page/page.component.js +0 -31
  222. package/esm2015/lib/modules/page/page.component.js.map +0 -1
  223. package/esm2015/lib/modules/page/page.module.js +0 -16
  224. package/esm2015/lib/modules/page/page.module.js.map +0 -1
  225. package/esm2015/lib/modules/page-summary/page-summary-adapter.service.js +0 -23
  226. package/esm2015/lib/modules/page-summary/page-summary-adapter.service.js.map +0 -1
  227. package/esm2015/lib/modules/page-summary/page-summary-alert.component.js +0 -21
  228. package/esm2015/lib/modules/page-summary/page-summary-alert.component.js.map +0 -1
  229. package/esm2015/lib/modules/page-summary/page-summary-content.component.js +0 -20
  230. package/esm2015/lib/modules/page-summary/page-summary-content.component.js.map +0 -1
  231. package/esm2015/lib/modules/page-summary/page-summary-image.component.js +0 -21
  232. package/esm2015/lib/modules/page-summary/page-summary-image.component.js.map +0 -1
  233. package/esm2015/lib/modules/page-summary/page-summary-key-info.component.js +0 -19
  234. package/esm2015/lib/modules/page-summary/page-summary-key-info.component.js.map +0 -1
  235. package/esm2015/lib/modules/page-summary/page-summary-status.component.js +0 -21
  236. package/esm2015/lib/modules/page-summary/page-summary-status.component.js.map +0 -1
  237. package/esm2015/lib/modules/page-summary/page-summary-subtitle.component.js +0 -20
  238. package/esm2015/lib/modules/page-summary/page-summary-subtitle.component.js.map +0 -1
  239. package/esm2015/lib/modules/page-summary/page-summary-title.component.js +0 -20
  240. package/esm2015/lib/modules/page-summary/page-summary-title.component.js.map +0 -1
  241. package/esm2015/lib/modules/page-summary/page-summary.component.js +0 -50
  242. package/esm2015/lib/modules/page-summary/page-summary.component.js.map +0 -1
  243. package/esm2015/lib/modules/page-summary/page-summary.module.js +0 -57
  244. package/esm2015/lib/modules/page-summary/page-summary.module.js.map +0 -1
  245. package/esm2015/lib/modules/shared/sky-layout-resources.module.js +0 -60
  246. package/esm2015/lib/modules/shared/sky-layout-resources.module.js.map +0 -1
  247. package/esm2015/lib/modules/text-expand/text-expand-adapter.service.js +0 -31
  248. package/esm2015/lib/modules/text-expand/text-expand-adapter.service.js.map +0 -1
  249. package/esm2015/lib/modules/text-expand/text-expand-modal-context.js +0 -6
  250. package/esm2015/lib/modules/text-expand/text-expand-modal-context.js.map +0 -1
  251. package/esm2015/lib/modules/text-expand/text-expand-modal.component.js +0 -30
  252. package/esm2015/lib/modules/text-expand/text-expand-modal.component.js.map +0 -1
  253. package/esm2015/lib/modules/text-expand/text-expand.component.js +0 -252
  254. package/esm2015/lib/modules/text-expand/text-expand.component.js.map +0 -1
  255. package/esm2015/lib/modules/text-expand/text-expand.module.js +0 -36
  256. package/esm2015/lib/modules/text-expand/text-expand.module.js.map +0 -1
  257. package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +0 -37
  258. package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.js.map +0 -1
  259. package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.component.js +0 -176
  260. package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.component.js.map +0 -1
  261. package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.module.js +0 -20
  262. package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.module.js.map +0 -1
  263. package/esm2015/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +0 -2
  264. package/esm2015/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js.map +0 -1
  265. package/esm2015/lib/modules/toolbar/toolbar-item.component.js +0 -18
  266. package/esm2015/lib/modules/toolbar/toolbar-item.component.js.map +0 -1
  267. package/esm2015/lib/modules/toolbar/toolbar-section.component.js +0 -18
  268. package/esm2015/lib/modules/toolbar/toolbar-section.component.js.map +0 -1
  269. package/esm2015/lib/modules/toolbar/toolbar-view-actions.component.js +0 -20
  270. package/esm2015/lib/modules/toolbar/toolbar-view-actions.component.js.map +0 -1
  271. package/esm2015/lib/modules/toolbar/toolbar.component.js +0 -29
  272. package/esm2015/lib/modules/toolbar/toolbar.component.js.map +0 -1
  273. package/esm2015/lib/modules/toolbar/toolbar.module.js +0 -37
  274. package/esm2015/lib/modules/toolbar/toolbar.module.js.map +0 -1
  275. package/esm2015/skyux-layout.js +0 -5
  276. package/esm2015/skyux-layout.js.map +0 -1
  277. package/esm2015/testing/action-button-fixture.js +0 -44
  278. package/esm2015/testing/action-button-fixture.js.map +0 -1
  279. package/esm2015/testing/card-fixture.js +0 -63
  280. package/esm2015/testing/card-fixture.js.map +0 -1
  281. package/esm2015/testing/page-summary-fixture.js +0 -29
  282. package/esm2015/testing/page-summary-fixture.js.map +0 -1
  283. package/esm2015/testing/public-api.js +0 -4
  284. package/esm2015/testing/public-api.js.map +0 -1
  285. package/esm2015/testing/skyux-layout-testing.js +0 -5
  286. package/esm2015/testing/skyux-layout-testing.js.map +0 -1
  287. package/fesm2015/skyux-layout-testing.js.map +0 -1
  288. package/fesm2015/skyux-layout.js +0 -2912
  289. package/fesm2015/skyux-layout.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"description-list-term.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-term.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-term.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAMH,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;iHAA/B,+BAA+B,4JAElC,WAAW,2CCjBrB,+EAGA;4FDYa,+BAA+B;kBAL3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;oBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMQ,WAAW;sBAJjB,SAAS;uBAAC,iBAAiB,EAAE;wBAC5B,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\n\n/**\n * Specifies the term in a term-description pair.\n */\n@Component({\n selector: 'sky-description-list-term',\n templateUrl: './description-list-term.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListTermComponent {\n @ViewChild('termTemplateRef', {\n read: TemplateRef,\n static: true,\n })\n public templateRef: TemplateRef<any>;\n}\n","<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n"]}
@@ -1,107 +0,0 @@
1
- import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, HostListener, Input, QueryList, ViewChild, } from '@angular/core';
2
- import { MutationObserverService } from '@skyux/core';
3
- import { Subject } from 'rxjs';
4
- import { takeUntil } from 'rxjs/operators';
5
- import { SkyDescriptionListAdapterService } from './description-list-adapter-service';
6
- import { SkyDescriptionListContentComponent } from './description-list-content.component';
7
- import { SkyDescriptionListService } from './description-list.service';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "./description-list-adapter-service";
10
- import * as i2 from "./description-list.service";
11
- import * as i3 from "@skyux/core";
12
- import * as i4 from "@angular/common";
13
- /**
14
- * Creates a description list to display term-description pairs.
15
- */
16
- export class SkyDescriptionListComponent {
17
- constructor(adapterService, changeDetector, descriptionListService, mutationSvc) {
18
- this.adapterService = adapterService;
19
- this.changeDetector = changeDetector;
20
- this.descriptionListService = descriptionListService;
21
- this.mutationSvc = mutationSvc;
22
- this.ngUnsubscribe = new Subject();
23
- }
24
- /**
25
- * Specifies a default description to display when no description is provided
26
- * for a term-description pair.
27
- * @default "None found"
28
- */
29
- set defaultDescription(value) {
30
- this.descriptionListService.updateDefaultDescription(value);
31
- }
32
- /**
33
- * Specifies how to display term-description pairs within the description list.
34
- * Options include `"horizontal"`, `"longDescription"`, and `"vertical"`.
35
- * @default "vertical"
36
- */
37
- set mode(value) {
38
- this._mode = value;
39
- }
40
- get mode() {
41
- return this._mode || 'vertical';
42
- }
43
- ngAfterContentInit() {
44
- // Wait for all content to render before detecting parent width.
45
- setTimeout(() => {
46
- this.updateResponsiveClass();
47
- });
48
- this.contentComponents.changes
49
- .pipe(takeUntil(this.ngUnsubscribe))
50
- .subscribe(() => {
51
- this.changeDetector.markForCheck();
52
- });
53
- }
54
- ngAfterViewInit() {
55
- this.contentObserver = this.mutationSvc.create(() => {
56
- this.changeDetector.markForCheck();
57
- });
58
- this.contentObserver.observe(this.elementRef.nativeElement, {
59
- childList: true,
60
- characterData: true,
61
- subtree: true,
62
- });
63
- }
64
- ngOnDestroy() {
65
- this.ngUnsubscribe.next();
66
- this.ngUnsubscribe.complete();
67
- this.contentObserver.disconnect();
68
- }
69
- onWindowResize() {
70
- this.updateResponsiveClass();
71
- }
72
- updateResponsiveClass() {
73
- this.adapterService.setResponsiveClass(this.elementRef);
74
- this.changeDetector.markForCheck();
75
- }
76
- }
77
- SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: i1.SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyDescriptionListService }, { token: i3.MutationObserverService }], target: i0.ɵɵFactoryTarget.Component });
78
- SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
79
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
80
- type: Component,
81
- args: [{
82
- selector: 'sky-description-list',
83
- templateUrl: './description-list.component.html',
84
- styleUrls: ['./description-list.component.scss'],
85
- providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
86
- changeDetection: ChangeDetectionStrategy.OnPush,
87
- }]
88
- }], ctorParameters: function () { return [{ type: i1.SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyDescriptionListService }, { type: i3.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
89
- type: Input
90
- }], listItemWidth: [{
91
- type: Input
92
- }], mode: [{
93
- type: Input
94
- }], contentComponents: [{
95
- type: ContentChildren,
96
- args: [SkyDescriptionListContentComponent]
97
- }], elementRef: [{
98
- type: ViewChild,
99
- args: ['descriptionListElement', {
100
- read: ElementRef,
101
- static: true,
102
- }]
103
- }], onWindowResize: [{
104
- type: HostListener,
105
- args: ['window:resize']
106
- }] } });
107
- //# sourceMappingURL=description-list.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"description-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,EACZ,KAAK,EAEL,SAAS,EACT,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;;;;;AAGvE;;GAEG;AAQH,MAAM,OAAO,2BAA2B;IAiDtC,YACU,cAAgD,EAChD,cAAiC,EACjC,sBAAiD,EACjD,WAAoC;QAHpC,mBAAc,GAAd,cAAc,CAAkC;QAChD,mBAAc,GAAd,cAAc,CAAmB;QACjC,2BAAsB,GAAtB,sBAAsB,CAA2B;QACjD,gBAAW,GAAX,WAAW,CAAyB;QARtC,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;IASzC,CAAC;IAnDJ;;;;OAIG;IACH,IACW,kBAAkB,CAAC,KAAa;QACzC,IAAI,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAC9D,CAAC;IASD;;;;OAIG;IACH,IACW,IAAI,CAAC,KAAiC;QAC/C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,IAAI,UAAU,CAAC;IAClC,CAAC;IAwBM,kBAAkB;QACvB,gEAAgE;QAChE,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,OAAO;aAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE;YAClD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;YAC1D,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,IAAI;YACnB,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC;IAGM,cAAc;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACxD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;;yHA9FU,2BAA2B;6GAA3B,2BAA2B,iNAH3B,CAAC,gCAAgC,EAAE,yBAAyB,CAAC,4DAqCvD,kCAAkC,8HAM3C,UAAU,2CC1EpB,ikCAkCA;4FDAa,2BAA2B;kBAPvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;oBAChD,SAAS,EAAE,CAAC,gCAAgC,EAAE,yBAAyB,CAAC;oBACxE,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;qOAUY,kBAAkB;sBAD5B,KAAK;gBAUC,aAAa;sBADnB,KAAK;gBASK,IAAI;sBADd,KAAK;gBAUC,iBAAiB;sBADvB,eAAe;uBAAC,kCAAkC;gBAS3C,UAAU;sBAJjB,SAAS;uBAAC,wBAAwB,EAAE;wBACnC,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,IAAI;qBACb;gBA6CM,cAAc;sBADpB,YAAY;uBAAC,eAAe","sourcesContent":["import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n HostListener,\n Input,\n OnDestroy,\n QueryList,\n ViewChild,\n} from '@angular/core';\nimport { MutationObserverService } from '@skyux/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDescriptionListAdapterService } from './description-list-adapter-service';\nimport { SkyDescriptionListContentComponent } from './description-list-content.component';\nimport { SkyDescriptionListService } from './description-list.service';\nimport { SkyDescriptionListModeType } from './types/description-list-mode-type';\n\n/**\n * Creates a description list to display term-description pairs.\n */\n@Component({\n selector: 'sky-description-list',\n templateUrl: './description-list.component.html',\n styleUrls: ['./description-list.component.scss'],\n providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListComponent\n implements AfterContentInit, AfterViewInit, OnDestroy\n{\n /**\n * Specifies a default description to display when no description is provided\n * for a term-description pair.\n * @default \"None found\"\n */\n @Input()\n public set defaultDescription(value: string) {\n this.descriptionListService.updateDefaultDescription(value);\n }\n\n /**\n * Specifies the width of term-description pairs when `mode` is set to `\"horizontal\"`. By default,\n * the width is responsive based on the width of the container element.\n */\n @Input()\n public listItemWidth: string;\n\n /**\n * Specifies how to display term-description pairs within the description list.\n * Options include `\"horizontal\"`, `\"longDescription\"`, and `\"vertical\"`.\n * @default \"vertical\"\n */\n @Input()\n public set mode(value: SkyDescriptionListModeType) {\n this._mode = value;\n }\n\n public get mode(): SkyDescriptionListModeType {\n return this._mode || 'vertical';\n }\n\n @ContentChildren(SkyDescriptionListContentComponent)\n public contentComponents: QueryList<SkyDescriptionListContentComponent>;\n\n private contentObserver: MutationObserver;\n\n @ViewChild('descriptionListElement', {\n read: ElementRef,\n static: true,\n })\n private elementRef: ElementRef;\n\n private ngUnsubscribe = new Subject<void>();\n\n private _mode: SkyDescriptionListModeType;\n\n constructor(\n private adapterService: SkyDescriptionListAdapterService,\n private changeDetector: ChangeDetectorRef,\n private descriptionListService: SkyDescriptionListService,\n private mutationSvc: MutationObserverService\n ) {}\n\n public ngAfterContentInit(): void {\n // Wait for all content to render before detecting parent width.\n setTimeout(() => {\n this.updateResponsiveClass();\n });\n\n this.contentComponents.changes\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe(() => {\n this.changeDetector.markForCheck();\n });\n }\n\n public ngAfterViewInit(): void {\n this.contentObserver = this.mutationSvc.create(() => {\n this.changeDetector.markForCheck();\n });\n this.contentObserver.observe(this.elementRef.nativeElement, {\n childList: true,\n characterData: true,\n subtree: true,\n });\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n this.contentObserver.disconnect();\n }\n\n @HostListener('window:resize')\n public onWindowResize(): void {\n this.updateResponsiveClass();\n }\n\n private updateResponsiveClass(): void {\n this.adapterService.setResponsiveClass(this.elementRef);\n this.changeDetector.markForCheck();\n }\n}\n","<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n"]}
@@ -1,53 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyI18nModule } from '@skyux/i18n';
4
- import { SkyThemeModule } from '@skyux/theme';
5
- import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
6
- import { SkyDescriptionListContentComponent } from './description-list-content.component';
7
- import { SkyDescriptionListDescriptionComponent } from './description-list-description.component';
8
- import { SkyDescriptionListTermComponent } from './description-list-term.component';
9
- import { SkyDescriptionListComponent } from './description-list.component';
10
- import * as i0 from "@angular/core";
11
- export class SkyDescriptionListModule {
12
- }
13
- SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
14
- SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
15
- SkyDescriptionListContentComponent,
16
- SkyDescriptionListTermComponent,
17
- SkyDescriptionListDescriptionComponent], imports: [CommonModule,
18
- SkyI18nModule,
19
- SkyLayoutResourcesModule,
20
- SkyThemeModule], exports: [SkyDescriptionListComponent,
21
- SkyDescriptionListContentComponent,
22
- SkyDescriptionListTermComponent,
23
- SkyDescriptionListDescriptionComponent] });
24
- SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, imports: [[
25
- CommonModule,
26
- SkyI18nModule,
27
- SkyLayoutResourcesModule,
28
- SkyThemeModule,
29
- ]] });
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
31
- type: NgModule,
32
- args: [{
33
- declarations: [
34
- SkyDescriptionListComponent,
35
- SkyDescriptionListContentComponent,
36
- SkyDescriptionListTermComponent,
37
- SkyDescriptionListDescriptionComponent,
38
- ],
39
- imports: [
40
- CommonModule,
41
- SkyI18nModule,
42
- SkyLayoutResourcesModule,
43
- SkyThemeModule,
44
- ],
45
- exports: [
46
- SkyDescriptionListComponent,
47
- SkyDescriptionListContentComponent,
48
- SkyDescriptionListTermComponent,
49
- SkyDescriptionListDescriptionComponent,
50
- ],
51
- }]
52
- }] });
53
- //# sourceMappingURL=description-list.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"description-list.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,sCAAsC,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;;AAsB3E,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,iBAlBjC,2BAA2B;QAC3B,kCAAkC;QAClC,+BAA+B;QAC/B,sCAAsC,aAGtC,YAAY;QACZ,aAAa;QACb,wBAAwB;QACxB,cAAc,aAGd,2BAA2B;QAC3B,kCAAkC;QAClC,+BAA+B;QAC/B,sCAAsC;uHAG7B,wBAAwB,YAb1B;YACP,YAAY;YACZ,aAAa;YACb,wBAAwB;YACxB,cAAc;SACf;4FAQU,wBAAwB;kBApBpC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,2BAA2B;wBAC3B,kCAAkC;wBAClC,+BAA+B;wBAC/B,sCAAsC;qBACvC;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,wBAAwB;wBACxB,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,2BAA2B;wBAC3B,kCAAkC;wBAClC,+BAA+B;wBAC/B,sCAAsC;qBACvC;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyDescriptionListContentComponent } from './description-list-content.component';\nimport { SkyDescriptionListDescriptionComponent } from './description-list-description.component';\nimport { SkyDescriptionListTermComponent } from './description-list-term.component';\nimport { SkyDescriptionListComponent } from './description-list.component';\n\n@NgModule({\n declarations: [\n SkyDescriptionListComponent,\n SkyDescriptionListContentComponent,\n SkyDescriptionListTermComponent,\n SkyDescriptionListDescriptionComponent,\n ],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyLayoutResourcesModule,\n SkyThemeModule,\n ],\n exports: [\n SkyDescriptionListComponent,\n SkyDescriptionListContentComponent,\n SkyDescriptionListTermComponent,\n SkyDescriptionListDescriptionComponent,\n ],\n})\nexport class SkyDescriptionListModule {}\n"]}
@@ -1,26 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import { BehaviorSubject } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @internal
6
- */
7
- export class SkyDescriptionListService {
8
- constructor() {
9
- this._defaultDescription = new BehaviorSubject('');
10
- }
11
- get defaultDescription() {
12
- return this._defaultDescription.asObservable();
13
- }
14
- ngOnDestroy() {
15
- this._defaultDescription.complete();
16
- }
17
- updateDefaultDescription(value) {
18
- this._defaultDescription.next(value);
19
- }
20
- }
21
- SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
22
- SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService });
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService, decorators: [{
24
- type: Injectable
25
- }] });
26
- //# sourceMappingURL=description-list.service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"description-list.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAc,MAAM,MAAM,CAAC;;AAEnD;;GAEG;AAEH,MAAM,OAAO,yBAAyB;IADtC;QAMU,wBAAmB,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;KAS/D;IAbC,IAAW,kBAAkB;QAC3B,OAAO,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,CAAC;IACjD,CAAC;IAIM,WAAW;QAChB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC;IAEM,wBAAwB,CAAC,KAAa;QAC3C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;;uHAbU,yBAAyB;2HAAzB,yBAAyB;4FAAzB,yBAAyB;kBADrC,UAAU","sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\n\nimport { BehaviorSubject, Observable } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDescriptionListService implements OnDestroy {\n public get defaultDescription(): Observable<string> {\n return this._defaultDescription.asObservable();\n }\n\n private _defaultDescription = new BehaviorSubject<string>('');\n\n public ngOnDestroy(): void {\n this._defaultDescription.complete();\n }\n\n public updateDefaultDescription(value: string): void {\n this._defaultDescription.next(value);\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=description-list-mode-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"description-list-mode-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/description-list/types/description-list-mode-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Specifies how to display the term-description pairs within a description list.\n */\nexport type SkyDescriptionListModeType =\n | 'horizontal'\n | 'longDescription'\n | 'vertical';\n"]}
@@ -1,24 +0,0 @@
1
- /**
2
- * @deprecated Use `SkyDescriptionListModeType` instead.
3
- * @internal
4
- * Specifies how to display the term-description pairs within a description list.
5
- */
6
- export var SkyDescriptionListMode;
7
- (function (SkyDescriptionListMode) {
8
- /**
9
- * Displays term-description pairs side by side in a horizontal list.
10
- * This mode provides a responsive layout.
11
- */
12
- SkyDescriptionListMode["horizontal"] = "horizontal";
13
- /**
14
- * Displays terms and descriptions side by side with the term on the left and the description
15
- * on the right. This mode includes room for long descriptions and uses a responsive layout
16
- * that stacks term-description pairs vertically.
17
- */
18
- SkyDescriptionListMode["longDescription"] = "longDescription";
19
- /**
20
- * Displays term-description pairs in a vertical list.
21
- */
22
- SkyDescriptionListMode["vertical"] = "vertical";
23
- })(SkyDescriptionListMode || (SkyDescriptionListMode = {}));
24
- //# sourceMappingURL=description-list-mode.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"description-list-mode.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/description-list/types/description-list-mode.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAN,IAAY,sBAkBX;AAlBD,WAAY,sBAAsB;IAChC;;;OAGG;IACH,mDAAyB,CAAA;IAEzB;;;;OAIG;IACH,6DAAmC,CAAA;IAEnC;;OAEG;IACH,+CAAqB,CAAA;AACvB,CAAC,EAlBW,sBAAsB,KAAtB,sBAAsB,QAkBjC","sourcesContent":["/**\n * @deprecated Use `SkyDescriptionListModeType` instead.\n * @internal\n * Specifies how to display the term-description pairs within a description list.\n */\nexport enum SkyDescriptionListMode {\n /**\n * Displays term-description pairs side by side in a horizontal list.\n * This mode provides a responsive layout.\n */\n horizontal = 'horizontal',\n\n /**\n * Displays terms and descriptions side by side with the term on the left and the description\n * on the right. This mode includes room for long descriptions and uses a responsive layout\n * that stacks term-description pairs vertically.\n */\n longDescription = 'longDescription',\n\n /**\n * Displays term-description pairs in a vertical list.\n */\n vertical = 'vertical',\n}\n"]}
@@ -1,58 +0,0 @@
1
- import { Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Displays a column within a row of the fluid grid.
5
- */
6
- export class SkyColumnComponent {
7
- ngOnChanges(changes) {
8
- /* istanbul ignore else */
9
- if (changes.screenXSmall ||
10
- changes.screenSmall ||
11
- changes.screenMedium ||
12
- changes.screenLarge) {
13
- this.classnames = this.getClassNames();
14
- }
15
- }
16
- getClassNames() {
17
- const classnames = ['sky-column'];
18
- if (this.screenXSmall) {
19
- classnames.push(`sky-column-xs-${this.screenXSmall}`);
20
- }
21
- if (this.screenSmall) {
22
- classnames.push(`sky-column-sm-${this.screenSmall}`);
23
- }
24
- if (this.screenMedium) {
25
- classnames.push(`sky-column-md-${this.screenMedium}`);
26
- }
27
- if (this.screenLarge) {
28
- classnames.push(`sky-column-lg-${this.screenLarge}`);
29
- }
30
- return classnames.join(' ');
31
- }
32
- ngOnInit() {
33
- this.classnames = this.getClassNames();
34
- }
35
- }
36
- SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
37
- SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}@media (min-width: 992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}\n"], encapsulation: i0.ViewEncapsulation.None });
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyColumnComponent, decorators: [{
39
- type: Component,
40
- args: [{
41
- selector: 'sky-column',
42
- templateUrl: './column.component.html',
43
- styleUrls: ['./column.component.scss'],
44
- encapsulation: ViewEncapsulation.None,
45
- }]
46
- }], propDecorators: { screenXSmall: [{
47
- type: Input
48
- }], screenSmall: [{
49
- type: Input
50
- }], screenMedium: [{
51
- type: Input
52
- }], screenLarge: [{
53
- type: Input
54
- }], classnames: [{
55
- type: HostBinding,
56
- args: ['class']
57
- }] } });
58
- //# sourceMappingURL=column.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"column.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/column.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/column.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,KAAK,EAIL,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAOH,MAAM,OAAO,kBAAkB;IAqCtB,WAAW,CAAC,OAAsB;QACvC,0BAA0B;QAC1B,IACE,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,WAAW,EACnB;YACA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;SACxC;IACH,CAAC;IAEM,aAAa;QAClB,MAAM,UAAU,GAAG,CAAC,YAAY,CAAC,CAAC;QAElC,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;SACvD;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;SACtD;QAED,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;SACvD;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;SACtD;QAED,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAEM,QAAQ;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;gHAzEU,kBAAkB;oGAAlB,kBAAkB,6PCnB/B,6BACA;4FDkBa,kBAAkB;kBAN9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BASQ,YAAY;sBADlB,KAAK;gBASC,WAAW;sBADjB,KAAK;gBASC,YAAY;sBADlB,KAAK;gBASC,WAAW;sBADjB,KAAK;gBAIC,UAAU;sBADhB,WAAW;uBAAC,OAAO","sourcesContent":["import {\n Component,\n HostBinding,\n Input,\n OnChanges,\n OnInit,\n SimpleChanges,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Displays a column within a row of the fluid grid.\n */\n@Component({\n selector: 'sky-column',\n templateUrl: './column.component.html',\n styleUrls: ['./column.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class SkyColumnComponent implements OnInit, OnChanges {\n /**\n * Specifies the number of columns (1-12) to use on extra-small screens\n * (less than 768px). If you do not specify a value, the fluid grid displays\n * the column at the full width of the screen.\n * @default 12\n */\n @Input()\n public screenXSmall: number;\n\n /**\n * Specifies the number of columns (1-12) to use on small screens\n * (768-991px). If you do not specify a value, the column inherits\n * the `screenXSmall` value.\n */\n @Input()\n public screenSmall: number;\n\n /**\n * Specifies the number of columns (1-12) to use on medium screens\n * (992-1199px). If you do not specify a value, the column inherits\n * the `screenSmall` value.\n */\n @Input()\n public screenMedium: number;\n\n /**\n * Specifies the number of columns (1-12) to use on large screens\n * (more than 1200px). If you do not specify a value, the column\n * inherits the `screenMedium` value.\n */\n @Input()\n public screenLarge: number;\n\n @HostBinding('class')\n public classnames: string;\n\n public ngOnChanges(changes: SimpleChanges) {\n /* istanbul ignore else */\n if (\n changes.screenXSmall ||\n changes.screenSmall ||\n changes.screenMedium ||\n changes.screenLarge\n ) {\n this.classnames = this.getClassNames();\n }\n }\n\n public getClassNames(): string {\n const classnames = ['sky-column'];\n\n if (this.screenXSmall) {\n classnames.push(`sky-column-xs-${this.screenXSmall}`);\n }\n\n if (this.screenSmall) {\n classnames.push(`sky-column-sm-${this.screenSmall}`);\n }\n\n if (this.screenMedium) {\n classnames.push(`sky-column-md-${this.screenMedium}`);\n }\n\n if (this.screenLarge) {\n classnames.push(`sky-column-lg-${this.screenLarge}`);\n }\n\n return classnames.join(' ');\n }\n\n public ngOnInit(): void {\n this.classnames = this.getClassNames();\n }\n}\n","<ng-content></ng-content>\n"]}
@@ -1,20 +0,0 @@
1
- /**
2
- * @deprecated Use `SkyFluidGridGutterSizeType` instead.
3
- * @internal
4
- */
5
- export var SkyFluidGridGutterSize;
6
- (function (SkyFluidGridGutterSize) {
7
- /**
8
- * Specifies a small gutter.
9
- */
10
- SkyFluidGridGutterSize[SkyFluidGridGutterSize["Small"] = 0] = "Small";
11
- /**
12
- * Specifies a medium gutter.
13
- */
14
- SkyFluidGridGutterSize[SkyFluidGridGutterSize["Medium"] = 1] = "Medium";
15
- /**
16
- * Specifies a large gutter.
17
- */
18
- SkyFluidGridGutterSize[SkyFluidGridGutterSize["Large"] = 2] = "Large";
19
- })(SkyFluidGridGutterSize || (SkyFluidGridGutterSize = {}));
20
- //# sourceMappingURL=fluid-grid-gutter-size.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fluid-grid-gutter-size.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid-gutter-size.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,sBAaX;AAbD,WAAY,sBAAsB;IAChC;;OAEG;IACH,qEAAK,CAAA;IACL;;OAEG;IACH,uEAAM,CAAA;IACN;;OAEG;IACH,qEAAK,CAAA;AACP,CAAC,EAbW,sBAAsB,KAAtB,sBAAsB,QAajC","sourcesContent":["/**\n * @deprecated Use `SkyFluidGridGutterSizeType` instead.\n * @internal\n */\nexport enum SkyFluidGridGutterSize {\n /**\n * Specifies a small gutter.\n */\n Small,\n /**\n * Specifies a medium gutter.\n */\n Medium,\n /**\n * Specifies a large gutter.\n */\n Large,\n}\n"]}
@@ -1,66 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- /**
6
- * Wraps the fluid grid to ensure proper spacing. Without the wrapper, the
7
- * alignment, padding, and margins do not behave as expected.
8
- */
9
- export class SkyFluidGridComponent {
10
- /**
11
- * Disables the outer left and right margin of the fluid grid container.
12
- * @default false
13
- */
14
- set disableMargin(value) {
15
- this._disableMargin = value;
16
- }
17
- get disableMargin() {
18
- return this._disableMargin || false;
19
- }
20
- /**
21
- * Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding
22
- * between columns. Options include: `any`, `1`, `2`, `"small"`, `"medium"`, and `"large"`.
23
- * @default "large"
24
- */
25
- set gutterSize(value) {
26
- this._gutterSize = value;
27
- }
28
- get gutterSize() {
29
- return this._gutterSize === undefined ? 'large' : this._gutterSize;
30
- }
31
- /**
32
- * @internal
33
- */
34
- get gutterSizeResolved() {
35
- // Before this change, the template did a `==` comparison, implicitly converting numerical
36
- // string values to their numeric values before comparing them. Checking for the numerical
37
- // string value in addition to the values allowed by the type maintains this behavior.
38
- switch (this.gutterSize) {
39
- case 'medium':
40
- case SkyFluidGridGutterSize.Medium:
41
- case SkyFluidGridGutterSize.Medium.toString():
42
- return 'medium';
43
- case 'small':
44
- case SkyFluidGridGutterSize.Small:
45
- case SkyFluidGridGutterSize.Small.toString():
46
- return 'small';
47
- default:
48
- return 'large';
49
- }
50
- }
51
- }
52
- SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
53
- SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
54
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridComponent, decorators: [{
55
- type: Component,
56
- args: [{
57
- selector: 'sky-fluid-grid',
58
- templateUrl: './fluid-grid.component.html',
59
- styleUrls: ['./fluid-grid.component.scss'],
60
- }]
61
- }], propDecorators: { disableMargin: [{
62
- type: Input
63
- }], gutterSize: [{
64
- type: Input
65
- }] } });
66
- //# sourceMappingURL=fluid-grid.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fluid-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;;AAGlE;;;GAGG;AAMH,MAAM,OAAO,qBAAqB;IAChC;;;OAGG;IACH,IACW,aAAa,CAAC,KAAc;QACrC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,cAAc,IAAI,KAAK,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,IACW,UAAU,CAAC,KAAiC;QACrD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IACrE,CAAC;IAED;;OAEG;IACH,IAAW,kBAAkB;QAC3B,0FAA0F;QAC1F,0FAA0F;QAC1F,sFAAsF;QACtF,QAAQ,IAAI,CAAC,UAAU,EAAE;YACvB,KAAK,QAAQ,CAAC;YACd,KAAK,sBAAsB,CAAC,MAAM,CAAC;YACnC,KAAK,sBAAsB,CAAC,MAAM,CAAC,QAAQ,EAAE;gBAC3C,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO,CAAC;YACb,KAAK,sBAAsB,CAAC,KAAK,CAAC;YAClC,KAAK,sBAAsB,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,OAAO,OAAO,CAAC;YACjB;gBACE,OAAO,OAAO,CAAC;SAClB;IACH,CAAC;;mHA/CU,qBAAqB;uGAArB,qBAAqB,4HCdlC,gXAWA;4FDGa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C;8BAOY,aAAa;sBADvB,KAAK;gBAeK,UAAU;sBADpB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';\nimport { SkyFluidGridGutterSizeType } from './types/fluid-grid-gutter-size-type';\n\n/**\n * Wraps the fluid grid to ensure proper spacing. Without the wrapper, the\n * alignment, padding, and margins do not behave as expected.\n */\n@Component({\n selector: 'sky-fluid-grid',\n templateUrl: './fluid-grid.component.html',\n styleUrls: ['./fluid-grid.component.scss'],\n})\nexport class SkyFluidGridComponent {\n /**\n * Disables the outer left and right margin of the fluid grid container.\n * @default false\n */\n @Input()\n public set disableMargin(value: boolean) {\n this._disableMargin = value;\n }\n\n public get disableMargin(): boolean {\n return this._disableMargin || false;\n }\n\n /**\n * Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding\n * between columns. Options include: `any`, `1`, `2`, `\"small\"`, `\"medium\"`, and `\"large\"`.\n * @default \"large\"\n */\n @Input()\n public set gutterSize(value: SkyFluidGridGutterSizeType) {\n this._gutterSize = value;\n }\n\n public get gutterSize(): SkyFluidGridGutterSizeType {\n return this._gutterSize === undefined ? 'large' : this._gutterSize;\n }\n\n /**\n * @internal\n */\n public get gutterSizeResolved(): SkyFluidGridGutterSizeType {\n // Before this change, the template did a `==` comparison, implicitly converting numerical\n // string values to their numeric values before comparing them. Checking for the numerical\n // string value in addition to the values allowed by the type maintains this behavior.\n switch (this.gutterSize) {\n case 'medium':\n case SkyFluidGridGutterSize.Medium:\n case SkyFluidGridGutterSize.Medium.toString():\n return 'medium';\n case 'small':\n case SkyFluidGridGutterSize.Small:\n case SkyFluidGridGutterSize.Small.toString():\n return 'small';\n default:\n return 'large';\n }\n }\n\n private _disableMargin: boolean;\n\n private _gutterSize: SkyFluidGridGutterSizeType;\n}\n","<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n"]}
@@ -1,20 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyColumnComponent } from './column.component';
4
- import { SkyFluidGridComponent } from './fluid-grid.component';
5
- import { SkyRowComponent } from './row.component';
6
- import * as i0 from "@angular/core";
7
- export class SkyFluidGridModule {
8
- }
9
- SkyFluidGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
10
- SkyFluidGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] });
11
- SkyFluidGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, imports: [[CommonModule]] });
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, decorators: [{
13
- type: NgModule,
14
- args: [{
15
- imports: [CommonModule],
16
- declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
17
- exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
18
- }]
19
- }] });
20
- //# sourceMappingURL=fluid-grid.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fluid-grid.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;;AAOlD,MAAM,OAAO,kBAAkB;;gHAAlB,kBAAkB;iHAAlB,kBAAkB,iBAHd,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,aAD/D,YAAY,aAEZ,eAAe,EAAE,kBAAkB,EAAE,qBAAqB;iHAEzD,kBAAkB,YAJpB,CAAC,YAAY,CAAC;4FAIZ,kBAAkB;kBAL9B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,CAAC;oBAC1E,OAAO,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,CAAC;iBACtE","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyColumnComponent } from './column.component';\nimport { SkyFluidGridComponent } from './fluid-grid.component';\nimport { SkyRowComponent } from './row.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],\n exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],\n})\nexport class SkyFluidGridModule {}\n"]}
@@ -1,29 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- /**
5
- * Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row
6
- * without a wrapper, but we no longer officially support that option.
7
- */
8
- export class SkyRowComponent {
9
- constructor() {
10
- /**
11
- * Indicates whether to reverse the display order for columns in the row.
12
- * @default false
13
- */
14
- this.reverseColumnOrder = false;
15
- }
16
- }
17
- SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
18
- SkyRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRowComponent, decorators: [{
20
- type: Component,
21
- args: [{
22
- selector: 'sky-row',
23
- templateUrl: './row.component.html',
24
- styleUrls: ['./row.component.scss'],
25
- }]
26
- }], propDecorators: { reverseColumnOrder: [{
27
- type: Input
28
- }] } });
29
- //# sourceMappingURL=row.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"row.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/row.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/row.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;AAEjD;;;GAGG;AAMH,MAAM,OAAO,eAAe;IAL5B;QAME;;;WAGG;QAEI,uBAAkB,GAAG,KAAK,CAAC;KACnC;;6GAPY,eAAe;iGAAf,eAAe,qGCX5B,wHAGA;4FDQa,eAAe;kBAL3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,WAAW,EAAE,sBAAsB;oBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;iBACpC;8BAOQ,kBAAkB;sBADxB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row\n * without a wrapper, but we no longer officially support that option.\n */\n@Component({\n selector: 'sky-row',\n templateUrl: './row.component.html',\n styleUrls: ['./row.component.scss'],\n})\nexport class SkyRowComponent {\n /**\n * Indicates whether to reverse the display order for columns in the row.\n * @default false\n */\n @Input()\n public reverseColumnOrder = false;\n}\n","<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=fluid-grid-gutter-size-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fluid-grid-gutter-size-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyFluidGridGutterSizeType =\n | 0\n | 1\n | 2\n | 'small'\n | 'medium'\n | 'large';\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=format-item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"format-item.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/format/format-item.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @internal\n */\nexport interface SkyFormatItem {\n text?: string;\n\n templateRef?: TemplateRef<any>;\n}\n"]}