@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
package/esm2015/index.js DELETED
@@ -1,74 +0,0 @@
1
- export * from './lib/modules/action-button/action-button-permalink';
2
- export * from './lib/modules/action-button/action-button.module';
3
- export * from './lib/modules/action-button/types/action-button-container-align-items';
4
- export * from './lib/modules/action-button/types/action-button-container-align-items-type';
5
- export * from './lib/modules/back-to-top/back-to-top.module';
6
- export * from './lib/modules/back-to-top/models/back-to-top-message';
7
- export * from './lib/modules/back-to-top/models/back-to-top-message-type';
8
- export * from './lib/modules/back-to-top/models/back-to-top-options';
9
- export * from './lib/modules/box/box.module';
10
- export * from './lib/modules/card/card.module';
11
- export * from './lib/modules/definition-list/definition-list.module';
12
- export * from './lib/modules/description-list/description-list.module';
13
- export * from './lib/modules/description-list/types/description-list-mode';
14
- export * from './lib/modules/description-list/types/description-list-mode-type';
15
- export * from './lib/modules/fluid-grid/fluid-grid-gutter-size';
16
- export * from './lib/modules/fluid-grid/fluid-grid.module';
17
- export * from './lib/modules/fluid-grid/types/fluid-grid-gutter-size-type';
18
- export * from './lib/modules/format/format-item';
19
- export * from './lib/modules/format/format.module';
20
- export * from './lib/modules/inline-delete/inline-delete-type';
21
- export * from './lib/modules/inline-delete/inline-delete.module';
22
- export * from './lib/modules/page/page.module';
23
- export * from './lib/modules/page-summary/page-summary.module';
24
- export * from './lib/modules/text-expand/text-expand.module';
25
- export * from './lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type';
26
- export * from './lib/modules/text-expand-repeater/text-expand-repeater.module';
27
- export * from './lib/modules/toolbar/toolbar.module';
28
- // Components and directives must be exported to support Angular's "partial" Ivy compiler.
29
- // Obscure names are used to indicate types are not part of public API.
30
- export { SkyActionButtonComponent as λ1 } from './lib/modules/action-button/action-button.component';
31
- export { SkyActionButtonContainerComponent as λ2 } from './lib/modules/action-button/action-button-container.component';
32
- export { SkyActionButtonDetailsComponent as λ3 } from './lib/modules/action-button/action-button-details.component';
33
- export { SkyActionButtonHeaderComponent as λ4 } from './lib/modules/action-button/action-button-header.component';
34
- export { SkyActionButtonIconComponent as λ5 } from './lib/modules/action-button/action-button-icon.component';
35
- export { SkyBackToTopComponent as λ6 } from './lib/modules/back-to-top/back-to-top.component';
36
- export { SkyBackToTopDirective as λ7 } from './lib/modules/back-to-top/back-to-top.directive';
37
- export { SkyInlineDeleteComponent as λ8 } from './lib/modules/inline-delete/inline-delete.component';
38
- export { SkyCardComponent as λ9 } from './lib/modules/card/card.component';
39
- export { SkyCardActionsComponent as λ10 } from './lib/modules/card/card-actions.component';
40
- export { SkyCardContentComponent as λ11 } from './lib/modules/card/card-content.component';
41
- export { SkyCardTitleComponent as λ12 } from './lib/modules/card/card-title.component';
42
- export { SkyDefinitionListComponent as λ13 } from './lib/modules/definition-list/definition-list.component';
43
- export { SkyDefinitionListContentComponent as λ14 } from './lib/modules/definition-list/definition-list-content.component';
44
- export { SkyDefinitionListHeadingComponent as λ15 } from './lib/modules/definition-list/definition-list-heading.component';
45
- export { SkyDefinitionListLabelComponent as λ16 } from './lib/modules/definition-list/definition-list-label.component';
46
- export { SkyDefinitionListValueComponent as λ17 } from './lib/modules/definition-list/definition-list-value.component';
47
- export { SkyDescriptionListComponent as λ18 } from './lib/modules/description-list/description-list.component';
48
- export { SkyDescriptionListTermComponent as λ19 } from './lib/modules/description-list/description-list-term.component';
49
- export { SkyDescriptionListDescriptionComponent as λ20 } from './lib/modules/description-list/description-list-description.component';
50
- export { SkyDescriptionListContentComponent as λ21 } from './lib/modules/description-list/description-list-content.component';
51
- export { SkyFluidGridComponent as λ22 } from './lib/modules/fluid-grid/fluid-grid.component';
52
- export { SkyRowComponent as λ23 } from './lib/modules/fluid-grid//row.component';
53
- export { SkyColumnComponent as λ24 } from './lib/modules/fluid-grid/column.component';
54
- export { SkyFormatComponent as λ25 } from './lib/modules/format/format.component';
55
- export { SkyPageComponent as λ26 } from './lib/modules/page/page.component';
56
- export { SkyPageSummaryComponent as λ27 } from './lib/modules/page-summary/page-summary.component';
57
- export { SkyPageSummaryAlertComponent as λ28 } from './lib/modules/page-summary/page-summary-alert.component';
58
- export { SkyPageSummaryContentComponent as λ29 } from './lib/modules/page-summary/page-summary-content.component';
59
- export { SkyPageSummaryImageComponent as λ30 } from './lib/modules/page-summary/page-summary-image.component';
60
- export { SkyPageSummaryKeyInfoComponent as λ31 } from './lib/modules/page-summary/page-summary-key-info.component';
61
- export { SkyPageSummaryStatusComponent as λ32 } from './lib/modules/page-summary/page-summary-status.component';
62
- export { SkyPageSummarySubtitleComponent as λ33 } from './lib/modules/page-summary/page-summary-subtitle.component';
63
- export { SkyPageSummaryTitleComponent as λ34 } from './lib/modules/page-summary/page-summary-title.component';
64
- export { SkyTextExpandComponent as λ35 } from './lib/modules/text-expand/text-expand.component';
65
- export { SkyTextExpandRepeaterComponent as λ36 } from './lib/modules/text-expand-repeater/text-expand-repeater.component';
66
- export { SkyToolbarComponent as λ37 } from './lib/modules/toolbar/toolbar.component';
67
- export { SkyToolbarSectionComponent as λ38 } from './lib/modules/toolbar/toolbar-section.component';
68
- export { SkyToolbarItemComponent as λ39 } from './lib/modules/toolbar/toolbar-item.component';
69
- export { SkyToolbarViewActionsComponent as λ40 } from './lib/modules/toolbar/toolbar-view-actions.component';
70
- export { SkyBoxComponent as λ41 } from './lib/modules/box/box.component';
71
- export { SkyBoxHeaderComponent as λ42 } from './lib/modules/box/box-header.component';
72
- export { SkyBoxContentComponent as λ43 } from './lib/modules/box/box-content.component';
73
- export { SkyBoxControlsComponent as λ44 } from './lib/modules/box/box-controls.component';
74
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/layout/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AACjE,cAAc,uEAAuE,CAAC;AACtF,cAAc,4EAA4E,CAAC;AAE3F,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sDAAsD,CAAC;AACrE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,sDAAsD,CAAC;AAErE,cAAc,8BAA8B,CAAC;AAE7C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,sDAAsD,CAAC;AAErE,cAAc,wDAAwD,CAAC;AACvE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,iEAAiE,CAAC;AAEhF,cAAc,iDAAiD,CAAC;AAChE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAE3E,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AAEjE,cAAc,gCAAgC,CAAC;AAE/C,cAAc,gDAAgD,CAAC;AAE/D,cAAc,8CAA8C,CAAC;AAE7D,cAAc,+EAA+E,CAAC;AAC9F,cAAc,gEAAgE,CAAC;AAE/E,cAAc,sCAAsC,CAAC;AAErD,0FAA0F;AAC1F,uEAAuE;AACvE,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,qDAAqD,CAAC;AACrG,OAAO,EAAE,iCAAiC,IAAI,EAAE,EAAE,MAAM,+DAA+D,CAAC;AACxH,OAAO,EAAE,+BAA+B,IAAI,EAAE,EAAE,MAAM,6DAA6D,CAAC;AACpH,OAAO,EAAE,8BAA8B,IAAI,EAAE,EAAE,MAAM,4DAA4D,CAAC;AAClH,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,0DAA0D,CAAC;AAC9G,OAAO,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,qDAAqD,CAAC;AACrG,OAAO,EAAE,gBAAgB,IAAI,EAAE,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,IAAI,GAAG,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,uBAAuB,IAAI,GAAG,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,qBAAqB,IAAI,GAAG,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,0BAA0B,IAAI,GAAG,EAAE,MAAM,yDAAyD,CAAC;AAC5G,OAAO,EAAE,iCAAiC,IAAI,GAAG,EAAE,MAAM,iEAAiE,CAAC;AAC3H,OAAO,EAAE,iCAAiC,IAAI,GAAG,EAAE,MAAM,iEAAiE,CAAC;AAC3H,OAAO,EAAE,+BAA+B,IAAI,GAAG,EAAE,MAAM,+DAA+D,CAAC;AACvH,OAAO,EAAE,+BAA+B,IAAI,GAAG,EAAE,MAAM,+DAA+D,CAAC;AACvH,OAAO,EAAE,2BAA2B,IAAI,GAAG,EAAE,MAAM,2DAA2D,CAAC;AAC/G,OAAO,EAAE,+BAA+B,IAAI,GAAG,EAAE,MAAM,gEAAgE,CAAC;AACxH,OAAO,EAAE,sCAAsC,IAAI,GAAG,EAAE,MAAM,uEAAuE,CAAC;AACtI,OAAO,EAAE,kCAAkC,IAAI,GAAG,EAAE,MAAM,mEAAmE,CAAC;AAC9H,OAAO,EAAE,qBAAqB,IAAI,GAAG,EAAE,MAAM,+CAA+C,CAAC;AAC7F,OAAO,EAAE,eAAe,IAAI,GAAG,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,kBAAkB,IAAI,GAAG,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,kBAAkB,IAAI,GAAG,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,gBAAgB,IAAI,GAAG,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,IAAI,GAAG,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,4BAA4B,IAAI,GAAG,EAAE,MAAM,yDAAyD,CAAC;AAC9G,OAAO,EAAE,8BAA8B,IAAI,GAAG,EAAE,MAAM,2DAA2D,CAAC;AAClH,OAAO,EAAE,4BAA4B,IAAI,GAAG,EAAE,MAAM,yDAAyD,CAAC;AAC9G,OAAO,EAAE,8BAA8B,IAAI,GAAG,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,6BAA6B,IAAI,GAAG,EAAE,MAAM,0DAA0D,CAAC;AAChH,OAAO,EAAE,+BAA+B,IAAI,GAAG,EAAE,MAAM,4DAA4D,CAAC;AACpH,OAAO,EAAE,4BAA4B,IAAI,GAAG,EAAE,MAAM,yDAAyD,CAAC;AAC9G,OAAO,EAAE,sBAAsB,IAAI,GAAG,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,8BAA8B,IAAI,GAAG,EAAE,MAAM,mEAAmE,CAAC;AAC1H,OAAO,EAAE,mBAAmB,IAAI,GAAG,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,0BAA0B,IAAI,GAAG,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,uBAAuB,IAAI,GAAG,EAAE,MAAM,8CAA8C,CAAC;AAC9F,OAAO,EAAE,8BAA8B,IAAI,GAAG,EAAE,MAAM,sDAAsD,CAAC;AAC7G,OAAO,EAAE,eAAe,IAAI,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,qBAAqB,IAAI,GAAG,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,sBAAsB,IAAI,GAAG,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,uBAAuB,IAAI,GAAG,EAAE,MAAM,0CAA0C,CAAC","sourcesContent":["export * from './lib/modules/action-button/action-button-permalink';\nexport * from './lib/modules/action-button/action-button.module';\nexport * from './lib/modules/action-button/types/action-button-container-align-items';\nexport * from './lib/modules/action-button/types/action-button-container-align-items-type';\n\nexport * from './lib/modules/back-to-top/back-to-top.module';\nexport * from './lib/modules/back-to-top/models/back-to-top-message';\nexport * from './lib/modules/back-to-top/models/back-to-top-message-type';\nexport * from './lib/modules/back-to-top/models/back-to-top-options';\n\nexport * from './lib/modules/box/box.module';\n\nexport * from './lib/modules/card/card.module';\n\nexport * from './lib/modules/definition-list/definition-list.module';\n\nexport * from './lib/modules/description-list/description-list.module';\nexport * from './lib/modules/description-list/types/description-list-mode';\nexport * from './lib/modules/description-list/types/description-list-mode-type';\n\nexport * from './lib/modules/fluid-grid/fluid-grid-gutter-size';\nexport * from './lib/modules/fluid-grid/fluid-grid.module';\nexport * from './lib/modules/fluid-grid/types/fluid-grid-gutter-size-type';\n\nexport * from './lib/modules/format/format-item';\nexport * from './lib/modules/format/format.module';\n\nexport * from './lib/modules/inline-delete/inline-delete-type';\nexport * from './lib/modules/inline-delete/inline-delete.module';\n\nexport * from './lib/modules/page/page.module';\n\nexport * from './lib/modules/page-summary/page-summary.module';\n\nexport * from './lib/modules/text-expand/text-expand.module';\n\nexport * from './lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type';\nexport * from './lib/modules/text-expand-repeater/text-expand-repeater.module';\n\nexport * from './lib/modules/toolbar/toolbar.module';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of public API.\nexport { SkyActionButtonComponent as λ1 } from './lib/modules/action-button/action-button.component';\nexport { SkyActionButtonContainerComponent as λ2 } from './lib/modules/action-button/action-button-container.component';\nexport { SkyActionButtonDetailsComponent as λ3 } from './lib/modules/action-button/action-button-details.component';\nexport { SkyActionButtonHeaderComponent as λ4 } from './lib/modules/action-button/action-button-header.component';\nexport { SkyActionButtonIconComponent as λ5 } from './lib/modules/action-button/action-button-icon.component';\nexport { SkyBackToTopComponent as λ6 } from './lib/modules/back-to-top/back-to-top.component';\nexport { SkyBackToTopDirective as λ7 } from './lib/modules/back-to-top/back-to-top.directive';\nexport { SkyInlineDeleteComponent as λ8 } from './lib/modules/inline-delete/inline-delete.component';\nexport { SkyCardComponent as λ9 } from './lib/modules/card/card.component';\nexport { SkyCardActionsComponent as λ10 } from './lib/modules/card/card-actions.component';\nexport { SkyCardContentComponent as λ11 } from './lib/modules/card/card-content.component';\nexport { SkyCardTitleComponent as λ12 } from './lib/modules/card/card-title.component';\nexport { SkyDefinitionListComponent as λ13 } from './lib/modules/definition-list/definition-list.component';\nexport { SkyDefinitionListContentComponent as λ14 } from './lib/modules/definition-list/definition-list-content.component';\nexport { SkyDefinitionListHeadingComponent as λ15 } from './lib/modules/definition-list/definition-list-heading.component';\nexport { SkyDefinitionListLabelComponent as λ16 } from './lib/modules/definition-list/definition-list-label.component';\nexport { SkyDefinitionListValueComponent as λ17 } from './lib/modules/definition-list/definition-list-value.component';\nexport { SkyDescriptionListComponent as λ18 } from './lib/modules/description-list/description-list.component';\nexport { SkyDescriptionListTermComponent as λ19 } from './lib/modules/description-list/description-list-term.component';\nexport { SkyDescriptionListDescriptionComponent as λ20 } from './lib/modules/description-list/description-list-description.component';\nexport { SkyDescriptionListContentComponent as λ21 } from './lib/modules/description-list/description-list-content.component';\nexport { SkyFluidGridComponent as λ22 } from './lib/modules/fluid-grid/fluid-grid.component';\nexport { SkyRowComponent as λ23 } from './lib/modules/fluid-grid//row.component';\nexport { SkyColumnComponent as λ24 } from './lib/modules/fluid-grid/column.component';\nexport { SkyFormatComponent as λ25 } from './lib/modules/format/format.component';\nexport { SkyPageComponent as λ26 } from './lib/modules/page/page.component';\nexport { SkyPageSummaryComponent as λ27 } from './lib/modules/page-summary/page-summary.component';\nexport { SkyPageSummaryAlertComponent as λ28 } from './lib/modules/page-summary/page-summary-alert.component';\nexport { SkyPageSummaryContentComponent as λ29 } from './lib/modules/page-summary/page-summary-content.component';\nexport { SkyPageSummaryImageComponent as λ30 } from './lib/modules/page-summary/page-summary-image.component';\nexport { SkyPageSummaryKeyInfoComponent as λ31 } from './lib/modules/page-summary/page-summary-key-info.component';\nexport { SkyPageSummaryStatusComponent as λ32 } from './lib/modules/page-summary/page-summary-status.component';\nexport { SkyPageSummarySubtitleComponent as λ33 } from './lib/modules/page-summary/page-summary-subtitle.component';\nexport { SkyPageSummaryTitleComponent as λ34 } from './lib/modules/page-summary/page-summary-title.component';\nexport { SkyTextExpandComponent as λ35 } from './lib/modules/text-expand/text-expand.component';\nexport { SkyTextExpandRepeaterComponent as λ36 } from './lib/modules/text-expand-repeater/text-expand-repeater.component';\nexport { SkyToolbarComponent as λ37 } from './lib/modules/toolbar/toolbar.component';\nexport { SkyToolbarSectionComponent as λ38 } from './lib/modules/toolbar/toolbar-section.component';\nexport { SkyToolbarItemComponent as λ39 } from './lib/modules/toolbar/toolbar-item.component';\nexport { SkyToolbarViewActionsComponent as λ40 } from './lib/modules/toolbar/toolbar-view-actions.component';\nexport { SkyBoxComponent as λ41 } from './lib/modules/box/box.component';\nexport { SkyBoxHeaderComponent as λ42 } from './lib/modules/box/box-header.component';\nexport { SkyBoxContentComponent as λ43 } from './lib/modules/box/box-content.component';\nexport { SkyBoxControlsComponent as λ44 } from './lib/modules/box/box-controls.component';\n"]}
@@ -1,43 +0,0 @@
1
- import { Injectable, RendererFactory2, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- const RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';
4
- const RESPONSIVE_CLASS_MD = 'sky-action-button-container-md';
5
- const RESPONSIVE_CLASS_LG = 'sky-action-button-container-lg';
6
- const BREAKPOINT_MD = 912;
7
- const BREAKPOINT_LG = 1378;
8
- /**
9
- * @internal
10
- */
11
- export class SkyActionButtonAdapterService {
12
- constructor(rendererFactory) {
13
- this.renderer = rendererFactory.createRenderer(undefined, undefined);
14
- }
15
- getParentWidth(element) {
16
- return element.nativeElement.parentNode.getBoundingClientRect().width;
17
- }
18
- setResponsiveClass(element, width) {
19
- const el = element.nativeElement;
20
- const className = this.getResponsiveClassName(width);
21
- this.renderer.removeClass(el, RESPONSIVE_CLASS_SM);
22
- this.renderer.removeClass(el, RESPONSIVE_CLASS_MD);
23
- this.renderer.removeClass(el, RESPONSIVE_CLASS_LG);
24
- this.renderer.addClass(el, className);
25
- }
26
- getResponsiveClassName(width) {
27
- if (width < BREAKPOINT_MD) {
28
- return RESPONSIVE_CLASS_SM;
29
- }
30
- else if (width > BREAKPOINT_MD && width < BREAKPOINT_LG) {
31
- return RESPONSIVE_CLASS_MD;
32
- }
33
- else {
34
- return RESPONSIVE_CLASS_LG;
35
- }
36
- }
37
- }
38
- SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
39
- SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonAdapterService });
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonAdapterService, decorators: [{
41
- type: Injectable
42
- }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
43
- //# sourceMappingURL=action-button-adapter-service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button-adapter-service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-adapter-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;;AAEvB,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAC7D,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAC7D,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAE7D,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B;;GAEG;AAEH,MAAM,OAAO,6BAA6B;IAGxC,YAAY,eAAiC;QAC3C,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvE,CAAC;IAEM,cAAc,CAAC,OAAmB;QACvC,OAAO,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IACxE,CAAC;IAEM,kBAAkB,CAAC,OAAmB,EAAE,KAAa;QAC1D,MAAM,EAAE,GAAQ,OAAO,CAAC,aAAa,CAAC;QACtC,MAAM,SAAS,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAErD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;QAEnD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;IACxC,CAAC;IAEO,sBAAsB,CAAC,KAAa;QAC1C,IAAI,KAAK,GAAG,aAAa,EAAE;YACzB,OAAO,mBAAmB,CAAC;SAC5B;aAAM,IAAI,KAAK,GAAG,aAAa,IAAI,KAAK,GAAG,aAAa,EAAE;YACzD,OAAO,mBAAmB,CAAC;SAC5B;aAAM;YACL,OAAO,mBAAmB,CAAC;SAC5B;IACH,CAAC;;2HA9BU,6BAA6B;+HAA7B,6BAA6B;4FAA7B,6BAA6B;kBADzC,UAAU","sourcesContent":["import {\n ElementRef,\n Injectable,\n Renderer2,\n RendererFactory2,\n} from '@angular/core';\n\nconst RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';\nconst RESPONSIVE_CLASS_MD = 'sky-action-button-container-md';\nconst RESPONSIVE_CLASS_LG = 'sky-action-button-container-lg';\n\nconst BREAKPOINT_MD = 912;\nconst BREAKPOINT_LG = 1378;\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyActionButtonAdapterService {\n private renderer: Renderer2;\n\n constructor(rendererFactory: RendererFactory2) {\n this.renderer = rendererFactory.createRenderer(undefined, undefined);\n }\n\n public getParentWidth(element: ElementRef): number {\n return element.nativeElement.parentNode.getBoundingClientRect().width;\n }\n\n public setResponsiveClass(element: ElementRef, width: number): void {\n const el: any = element.nativeElement;\n const className = this.getResponsiveClassName(width);\n\n this.renderer.removeClass(el, RESPONSIVE_CLASS_SM);\n this.renderer.removeClass(el, RESPONSIVE_CLASS_MD);\n this.renderer.removeClass(el, RESPONSIVE_CLASS_LG);\n\n this.renderer.addClass(el, className);\n }\n\n private getResponsiveClassName(width: number): string {\n if (width < BREAKPOINT_MD) {\n return RESPONSIVE_CLASS_SM;\n } else if (width > BREAKPOINT_MD && width < BREAKPOINT_LG) {\n return RESPONSIVE_CLASS_MD;\n } else {\n return RESPONSIVE_CLASS_LG;\n }\n }\n}\n"]}
@@ -1,145 +0,0 @@
1
- import { ChangeDetectorRef, Component, ContentChildren, ElementRef, HostListener, Input, NgZone, Optional, QueryList, ViewChild, ViewEncapsulation, } from '@angular/core';
2
- import { MutationObserverService, SkyCoreAdapterService } from '@skyux/core';
3
- import { SkyThemeService } from '@skyux/theme';
4
- import { Subject } from 'rxjs';
5
- import { takeUntil } from 'rxjs/operators';
6
- import { SkyActionButtonAdapterService } from './action-button-adapter-service';
7
- import { SkyActionButtonComponent } from './action-button.component';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "./action-button-adapter-service";
10
- import * as i2 from "@skyux/core";
11
- import * as i3 from "@skyux/theme";
12
- import * as i4 from "@angular/common";
13
- /**
14
- * Wraps action buttons to ensures that they have consistent height and spacing.
15
- * @required
16
- */
17
- export class SkyActionButtonContainerComponent {
18
- constructor(actionButtonAdapterService, changeRef, coreAdapterService, hostElRef, mutationObserverSvc, ngZone, themeSvc) {
19
- this.actionButtonAdapterService = actionButtonAdapterService;
20
- this.changeRef = changeRef;
21
- this.coreAdapterService = coreAdapterService;
22
- this.hostElRef = hostElRef;
23
- this.mutationObserverSvc = mutationObserverSvc;
24
- this.ngZone = ngZone;
25
- this.themeSvc = themeSvc;
26
- this.ngUnsubscribe = new Subject();
27
- }
28
- /**
29
- * Specifies how to display the action buttons inside the action button container.
30
- * Options are `"center"` or `"left"`.
31
- * @default "center"
32
- */
33
- set alignItems(value) {
34
- this._alignItems = value;
35
- }
36
- get alignItems() {
37
- return this._alignItems || 'center';
38
- }
39
- set themeName(value) {
40
- this._themeName = value;
41
- this.updateResponsiveClass();
42
- this.updateHeight();
43
- }
44
- ngOnInit() {
45
- /* istanbul ignore else */
46
- if (this.themeSvc) {
47
- this.themeSvc.settingsChange
48
- .pipe(takeUntil(this.ngUnsubscribe))
49
- .subscribe((themeSettings) => {
50
- this.themeName = themeSettings.currentSettings.theme.name;
51
- this.changeRef.markForCheck();
52
- });
53
- }
54
- // Wait for children components to complete rendering before container width is determined.
55
- setTimeout(() => {
56
- this.updateResponsiveClass();
57
- });
58
- }
59
- ngAfterContentInit() {
60
- // Watch for dynamic action button changes and recalculate height.
61
- /* istanbul ignore else */
62
- if (this.actionButtons) {
63
- this.actionButtons.changes
64
- .pipe(takeUntil(this.ngUnsubscribe))
65
- .subscribe(() => {
66
- this.updateHeight();
67
- });
68
- }
69
- this.initMutationObserver();
70
- }
71
- ngOnDestroy() {
72
- this.ngUnsubscribe.next();
73
- this.ngUnsubscribe.complete();
74
- this.destroyMutationObserver();
75
- }
76
- onWindowResize() {
77
- this.updateResponsiveClass();
78
- }
79
- initMutationObserver() {
80
- /* istanbul ignore else */
81
- if (!this.mutationObserver) {
82
- const el = this.containerRef.nativeElement;
83
- // MutationObserver is patched by Zone.js and therefore becomes part of the
84
- // Angular change detection cycle, but this can lead to infinite loops in some
85
- // scenarios. This will keep MutationObserver from triggering change detection.
86
- this.ngZone.runOutsideAngular(() => {
87
- this.mutationObserver = this.mutationObserverSvc.create(() => {
88
- this.updateHeight();
89
- });
90
- this.mutationObserver.observe(el, {
91
- characterData: true,
92
- subtree: true,
93
- });
94
- });
95
- }
96
- }
97
- destroyMutationObserver() {
98
- if (this.mutationObserver) {
99
- this.mutationObserver.disconnect();
100
- this.mutationObserver = undefined;
101
- }
102
- }
103
- updateHeight() {
104
- this.coreAdapterService.resetHeight(this.containerRef, '.sky-action-button');
105
- if (this._themeName === 'modern') {
106
- // Wait for children components to complete rendering before height is determined.
107
- setTimeout(() => {
108
- this.coreAdapterService.syncMaxHeight(this.containerRef, '.sky-action-button');
109
- });
110
- }
111
- }
112
- updateResponsiveClass() {
113
- const parentWidth = this.actionButtonAdapterService.getParentWidth(this.hostElRef);
114
- this.actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
115
- }
116
- }
117
- SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: i1.SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i2.MutationObserverService }, { token: i0.NgZone }, { token: i3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
118
- SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
119
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
120
- type: Component,
121
- args: [{
122
- selector: 'sky-action-button-container',
123
- styleUrls: ['./action-button-container.component.scss'],
124
- templateUrl: './action-button-container.component.html',
125
- providers: [SkyActionButtonAdapterService],
126
- encapsulation: ViewEncapsulation.None,
127
- }]
128
- }], ctorParameters: function () { return [{ type: i1.SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: i2.MutationObserverService }, { type: i0.NgZone }, { type: i3.SkyThemeService, decorators: [{
129
- type: Optional
130
- }] }]; }, propDecorators: { alignItems: [{
131
- type: Input
132
- }], actionButtons: [{
133
- type: ContentChildren,
134
- args: [SkyActionButtonComponent]
135
- }], containerRef: [{
136
- type: ViewChild,
137
- args: ['container', {
138
- read: ElementRef,
139
- static: true,
140
- }]
141
- }], onWindowResize: [{
142
- type: HostListener,
143
- args: ['window:resize']
144
- }] } });
145
- //# sourceMappingURL=action-button-container.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button-container.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-container.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-container.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n AfterContentInit,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n HostListener,\n Input,\n NgZone,\n OnDestroy,\n OnInit,\n Optional,\n QueryList,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { MutationObserverService, SkyCoreAdapterService } from '@skyux/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyActionButtonAdapterService } from './action-button-adapter-service';\nimport { SkyActionButtonComponent } from './action-button.component';\nimport { SkyActionButtonContainerAlignItemsType } from './types/action-button-container-align-items-type';\n\n/**\n * Wraps action buttons to ensures that they have consistent height and spacing.\n * @required\n */\n@Component({\n selector: 'sky-action-button-container',\n styleUrls: ['./action-button-container.component.scss'],\n templateUrl: './action-button-container.component.html',\n providers: [SkyActionButtonAdapterService],\n encapsulation: ViewEncapsulation.None,\n})\nexport class SkyActionButtonContainerComponent\n implements AfterContentInit, OnDestroy, OnInit\n{\n /**\n * Specifies how to display the action buttons inside the action button container.\n * Options are `\"center\"` or `\"left\"`.\n * @default \"center\"\n */\n @Input()\n public set alignItems(value: SkyActionButtonContainerAlignItemsType) {\n this._alignItems = value;\n }\n\n public get alignItems(): SkyActionButtonContainerAlignItemsType {\n return this._alignItems || 'center';\n }\n\n @ContentChildren(SkyActionButtonComponent)\n private actionButtons: QueryList<SkyActionButtonComponent>;\n\n @ViewChild('container', {\n read: ElementRef,\n static: true,\n })\n private containerRef: ElementRef<any>;\n\n private mutationObserver: MutationObserver;\n\n private ngUnsubscribe = new Subject();\n\n private set themeName(value: string) {\n this._themeName = value;\n this.updateResponsiveClass();\n this.updateHeight();\n }\n\n private _alignItems: SkyActionButtonContainerAlignItemsType;\n\n private _themeName: string;\n\n constructor(\n private actionButtonAdapterService: SkyActionButtonAdapterService,\n private changeRef: ChangeDetectorRef,\n private coreAdapterService: SkyCoreAdapterService,\n private hostElRef: ElementRef,\n private mutationObserverSvc: MutationObserverService,\n private ngZone: NgZone,\n @Optional() private themeSvc?: SkyThemeService\n ) {}\n\n public ngOnInit(): void {\n /* istanbul ignore else */\n if (this.themeSvc) {\n this.themeSvc.settingsChange\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((themeSettings) => {\n this.themeName = themeSettings.currentSettings.theme.name;\n this.changeRef.markForCheck();\n });\n }\n\n // Wait for children components to complete rendering before container width is determined.\n setTimeout(() => {\n this.updateResponsiveClass();\n });\n }\n\n public ngAfterContentInit(): void {\n // Watch for dynamic action button changes and recalculate height.\n /* istanbul ignore else */\n if (this.actionButtons) {\n this.actionButtons.changes\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe(() => {\n this.updateHeight();\n });\n }\n\n this.initMutationObserver();\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n\n this.destroyMutationObserver();\n }\n\n @HostListener('window:resize')\n public onWindowResize(): void {\n this.updateResponsiveClass();\n }\n\n private initMutationObserver(): void {\n /* istanbul ignore else */\n if (!this.mutationObserver) {\n const el = this.containerRef.nativeElement;\n\n // MutationObserver is patched by Zone.js and therefore becomes part of the\n // Angular change detection cycle, but this can lead to infinite loops in some\n // scenarios. This will keep MutationObserver from triggering change detection.\n this.ngZone.runOutsideAngular(() => {\n this.mutationObserver = this.mutationObserverSvc.create(() => {\n this.updateHeight();\n });\n\n this.mutationObserver.observe(el, {\n characterData: true,\n subtree: true,\n });\n });\n }\n }\n\n private destroyMutationObserver(): void {\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n this.mutationObserver = undefined;\n }\n }\n\n private updateHeight(): void {\n this.coreAdapterService.resetHeight(\n this.containerRef,\n '.sky-action-button'\n );\n if (this._themeName === 'modern') {\n // Wait for children components to complete rendering before height is determined.\n setTimeout(() => {\n this.coreAdapterService.syncMaxHeight(\n this.containerRef,\n '.sky-action-button'\n );\n });\n }\n }\n\n private updateResponsiveClass(): void {\n const parentWidth = this.actionButtonAdapterService.getParentWidth(\n this.hostElRef\n );\n this.actionButtonAdapterService.setResponsiveClass(\n this.containerRef,\n parentWidth\n );\n }\n}\n","<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n"]}
@@ -1,17 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Specifies a description to display on an action button.
5
- */
6
- export class SkyActionButtonDetailsComponent {
7
- }
8
- SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0, template: "<ng-content></ng-content>\n" });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonDetailsComponent, decorators: [{
11
- type: Component,
12
- args: [{
13
- selector: 'sky-action-button-details',
14
- templateUrl: './action-button-details.component.html',
15
- }]
16
- }] });
17
- //# sourceMappingURL=action-button-details.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button-details.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-details.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-details.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;iHAA/B,+BAA+B,iECT5C,6BACA;4FDQa,+BAA+B;kBAJ3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;iBACtD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a description to display on an action button.\n */\n@Component({\n selector: 'sky-action-button-details',\n templateUrl: './action-button-details.component.html',\n})\nexport class SkyActionButtonDetailsComponent {}\n","<ng-content></ng-content>\n"]}
@@ -1,19 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@skyux/theme";
4
- /**
5
- * Specifies a header to display on an action button.
6
- */
7
- export class SkyActionButtonHeaderComponent {
8
- }
9
- SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0, template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
12
- type: Component,
13
- args: [{
14
- selector: 'sky-action-button-header',
15
- styleUrls: ['./action-button-header.component.scss'],
16
- templateUrl: './action-button-header.component.html',
17
- }]
18
- }] });
19
- //# sourceMappingURL=action-button-header.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button-header.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-header.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-header.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;GAEG;AAMH,MAAM,OAAO,8BAA8B;;4HAA9B,8BAA8B;gHAA9B,8BAA8B,gECV3C,yLASA;4FDCa,8BAA8B;kBAL1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,SAAS,EAAE,CAAC,uCAAuC,CAAC;oBACpD,WAAW,EAAE,uCAAuC;iBACrD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a header to display on an action button.\n */\n@Component({\n selector: 'sky-action-button-header',\n styleUrls: ['./action-button-header.component.scss'],\n templateUrl: './action-button-header.component.html',\n})\nexport class SkyActionButtonHeaderComponent {}\n","<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n"]}
@@ -1,44 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@skyux/core";
5
- import * as i2 from "@skyux/indicators";
6
- const FONTSIZECLASS_SMALL = '2x';
7
- const FONTSIZECLASS_LARGE = '3x';
8
- /**
9
- * Specifies an icon to display on the action button.
10
- */
11
- export class SkyActionButtonIconComponent {
12
- constructor(mediaQueryService) {
13
- this.mediaQueryService = mediaQueryService;
14
- this.fontSizeClass = FONTSIZECLASS_LARGE;
15
- this.subscription = this.mediaQueryService.subscribe((args) => {
16
- if (args === SkyMediaBreakpoints.xs) {
17
- this.fontSizeClass = FONTSIZECLASS_SMALL;
18
- }
19
- else {
20
- this.fontSizeClass = FONTSIZECLASS_LARGE;
21
- }
22
- });
23
- }
24
- ngOnDestroy() {
25
- /* istanbul ignore else */
26
- /* sanity check */
27
- if (this.subscription) {
28
- this.subscription.unsubscribe();
29
- }
30
- }
31
- }
32
- SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
33
- SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n", styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
35
- type: Component,
36
- args: [{
37
- selector: 'sky-action-button-icon',
38
- styleUrls: ['./action-button-icon.component.scss'],
39
- templateUrl: './action-button-icon.component.html',
40
- }]
41
- }], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
42
- type: Input
43
- }] } });
44
- //# sourceMappingURL=action-button-icon.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button-icon.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-icon.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-icon.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAa,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;;;;AAIxE,MAAM,mBAAmB,GAAG,IAAI,CAAC;AACjC,MAAM,mBAAmB,GAAG,IAAI,CAAC;AAEjC;;GAEG;AAMH,MAAM,OAAO,4BAA4B;IAgBvC,YAAoB,iBAAuC;QAAvC,sBAAiB,GAAjB,iBAAiB,CAAsB;QAJpD,kBAAa,GAAW,mBAAmB,CAAC;QAKjD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAClD,CAAC,IAAyB,EAAE,EAAE;YAC5B,IAAI,IAAI,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBACnC,IAAI,CAAC,aAAa,GAAG,mBAAmB,CAAC;aAC1C;iBAAM;gBACL,IAAI,CAAC,aAAa,GAAG,mBAAmB,CAAC;aAC1C;QACH,CAAC,CACF,CAAC;IACJ,CAAC;IAEM,WAAW;QAChB,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;IACH,CAAC;;0HAlCU,4BAA4B;8GAA5B,4BAA4B,gGChBzC,2MAOA;4FDSa,4BAA4B;kBALxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,SAAS,EAAE,CAAC,qCAAqC,CAAC;oBAClD,WAAW,EAAE,qCAAqC;iBACnD;2GAWQ,QAAQ;sBADd,KAAK","sourcesContent":["import { Component, Input, OnDestroy } from '@angular/core';\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\n\nimport { Subscription } from 'rxjs';\n\nconst FONTSIZECLASS_SMALL = '2x';\nconst FONTSIZECLASS_LARGE = '3x';\n\n/**\n * Specifies an icon to display on the action button.\n */\n@Component({\n selector: 'sky-action-button-icon',\n styleUrls: ['./action-button-icon.component.scss'],\n templateUrl: './action-button-icon.component.html',\n})\nexport class SkyActionButtonIconComponent implements OnDestroy {\n /**\n * Specifies an icon from the\n * [Font Awesome library](https://fontawesome.com/v4.7.0/).\n * For example, to display the `fa-filter` icon on the action button,\n * set `iconType` to `filter`. SKY UX supports version 4.7.0 of Font Awesome.\n * For more information about icons in SKY UX, see the\n * [icon component](https://developer.blackbaud.com/skyux/components/icon).\n */\n @Input()\n public iconType: string;\n\n public fontSizeClass: string = FONTSIZECLASS_LARGE;\n\n private subscription: Subscription;\n\n constructor(private mediaQueryService: SkyMediaQueryService) {\n this.subscription = this.mediaQueryService.subscribe(\n (args: SkyMediaBreakpoints) => {\n if (args === SkyMediaBreakpoints.xs) {\n this.fontSizeClass = FONTSIZECLASS_SMALL;\n } else {\n this.fontSizeClass = FONTSIZECLASS_LARGE;\n }\n }\n );\n }\n\n public ngOnDestroy() {\n /* istanbul ignore else */\n /* sanity check */\n if (this.subscription) {\n this.subscription.unsubscribe();\n }\n }\n}\n","<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=action-button-permalink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button-permalink.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-permalink.ts"],"names":[],"mappings":"","sourcesContent":["import { NavigationExtras } from '@angular/router';\n\n/**\n * Specifies an Angular router link with the `route` property or a direct\n * link with the `url` property. If it provides both, the action button uses\n * the `route` property.\n */\nexport interface SkyActionButtonPermalink {\n /**\n * Specifies an Angular router link for the action button. This property accepts a\n * custom object with a `commands` property to specify router commands and an `extras`\n * property to specify\n * [Angular `NavigationExtras`](https://angular.io/api/router/NavigationExtras).\n * This property passes the following properties:\n * - `permalink.route?.extras?.fragment` to\n * [`fragment`](https://angular.io/api/router/NavigationExtras#fragment)\n * - `permalink.route?.extras?.queryParams` to\n * [`queryParams`](https://angular.io/api/router/NavigationExtras#queryParams)\n * - `permalink.route?.extras?.queryParamsHandling` to\n * [`queryParamsHandling`](https://angular.io/api/router/NavigationExtras#queryParamsHandling)\n * - `permalink.route?.commands` to\n * [`routerLink`](https://angular.io/api/router/RouterLink)\n */\n route?: {\n commands: any[];\n extras?: NavigationExtras;\n };\n /**\n * Specifies a direct link for the action button.\n */\n url?: string;\n}\n"]}
@@ -1,39 +0,0 @@
1
- import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "@angular/router";
5
- import * as i3 from "@skyux/theme";
6
- import * as i4 from "@skyux/router";
7
- /**
8
- * Creates a button to present users with an option to move forward with tasks.
9
- */
10
- export class SkyActionButtonComponent {
11
- constructor() {
12
- /**
13
- * Fires when users select the action button.
14
- */
15
- this.actionClick = new EventEmitter();
16
- }
17
- buttonClicked() {
18
- this.actionClick.emit();
19
- }
20
- enterPress() {
21
- this.actionClick.emit();
22
- }
23
- }
24
- SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
- SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n *ngIf=\"permalink && permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink.route?.commands\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
27
- type: Component,
28
- args: [{
29
- selector: 'sky-action-button',
30
- styleUrls: ['./action-button.component.scss'],
31
- templateUrl: './action-button.component.html',
32
- encapsulation: ViewEncapsulation.None,
33
- }]
34
- }], propDecorators: { permalink: [{
35
- type: Input
36
- }], actionClick: [{
37
- type: Output
38
- }] } });
39
- //# sourceMappingURL=action-button.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;;;;;;AAIvB;;GAEG;AAOH,MAAM,OAAO,wBAAwB;IANrC;QAaE;;WAEG;QAEI,gBAAW,GAAG,IAAI,YAAY,EAAO,CAAC;KAS9C;IAPQ,aAAa;QAClB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;;sHAnBU,wBAAwB;0GAAxB,wBAAwB,sICnBrC,6zEA6EA;4FD1Da,wBAAwB;kBANpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,WAAW,EAAE,gCAAgC;oBAC7C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAMQ,SAAS;sBADf,KAAK;gBAOC,WAAW;sBADjB,MAAM","sourcesContent":["import {\n Component,\n EventEmitter,\n Input,\n Output,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { SkyActionButtonPermalink } from './action-button-permalink';\n\n/**\n * Creates a button to present users with an option to move forward with tasks.\n */\n@Component({\n selector: 'sky-action-button',\n styleUrls: ['./action-button.component.scss'],\n templateUrl: './action-button.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class SkyActionButtonComponent {\n /**\n * Specifies a link for the action button.\n */\n @Input()\n public permalink: SkyActionButtonPermalink;\n\n /**\n * Fires when users select the action button.\n */\n @Output()\n public actionClick = new EventEmitter<any>();\n\n public buttonClicked() {\n this.actionClick.emit();\n }\n\n public enterPress() {\n this.actionClick.emit();\n }\n}\n","<a\n *ngIf=\"permalink && permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink.route?.commands\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n"]}
@@ -1,62 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { RouterModule } from '@angular/router';
4
- import { SkyIconModule } from '@skyux/indicators';
5
- import { SkyHrefModule } from '@skyux/router';
6
- import { SkyThemeModule } from '@skyux/theme';
7
- import { SkyActionButtonContainerComponent } from './action-button-container.component';
8
- import { SkyActionButtonDetailsComponent } from './action-button-details.component';
9
- import { SkyActionButtonHeaderComponent } from './action-button-header.component';
10
- import { SkyActionButtonIconComponent } from './action-button-icon.component';
11
- import { SkyActionButtonComponent } from './action-button.component';
12
- import * as i0 from "@angular/core";
13
- export class SkyActionButtonModule {
14
- }
15
- SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
16
- SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
17
- SkyActionButtonContainerComponent,
18
- SkyActionButtonDetailsComponent,
19
- SkyActionButtonHeaderComponent,
20
- SkyActionButtonIconComponent], imports: [CommonModule,
21
- RouterModule,
22
- SkyHrefModule,
23
- SkyIconModule,
24
- SkyThemeModule], exports: [SkyActionButtonComponent,
25
- SkyActionButtonContainerComponent,
26
- SkyActionButtonDetailsComponent,
27
- SkyActionButtonHeaderComponent,
28
- SkyActionButtonIconComponent] });
29
- SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonModule, imports: [[
30
- CommonModule,
31
- RouterModule,
32
- SkyHrefModule,
33
- SkyIconModule,
34
- SkyThemeModule,
35
- ]] });
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonModule, decorators: [{
37
- type: NgModule,
38
- args: [{
39
- declarations: [
40
- SkyActionButtonComponent,
41
- SkyActionButtonContainerComponent,
42
- SkyActionButtonDetailsComponent,
43
- SkyActionButtonHeaderComponent,
44
- SkyActionButtonIconComponent,
45
- ],
46
- imports: [
47
- CommonModule,
48
- RouterModule,
49
- SkyHrefModule,
50
- SkyIconModule,
51
- SkyThemeModule,
52
- ],
53
- exports: [
54
- SkyActionButtonComponent,
55
- SkyActionButtonContainerComponent,
56
- SkyActionButtonDetailsComponent,
57
- SkyActionButtonHeaderComponent,
58
- SkyActionButtonIconComponent,
59
- ],
60
- }]
61
- }] });
62
- //# sourceMappingURL=action-button.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;AAyBrE,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;oHAArB,qBAAqB,iBArB9B,wBAAwB;QACxB,iCAAiC;QACjC,+BAA+B;QAC/B,8BAA8B;QAC9B,4BAA4B,aAG5B,YAAY;QACZ,YAAY;QACZ,aAAa;QACb,aAAa;QACb,cAAc,aAGd,wBAAwB;QACxB,iCAAiC;QACjC,+BAA+B;QAC/B,8BAA8B;QAC9B,4BAA4B;oHAGnB,qBAAqB,YAfvB;YACP,YAAY;YACZ,YAAY;YACZ,aAAa;YACb,aAAa;YACb,cAAc;SACf;4FASU,qBAAqB;kBAvBjC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,wBAAwB;wBACxB,iCAAiC;wBACjC,+BAA+B;wBAC/B,8BAA8B;wBAC9B,4BAA4B;qBAC7B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,wBAAwB;wBACxB,iCAAiC;wBACjC,+BAA+B;wBAC/B,8BAA8B;wBAC9B,4BAA4B;qBAC7B;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyHrefModule } from '@skyux/router';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyActionButtonContainerComponent } from './action-button-container.component';\nimport { SkyActionButtonDetailsComponent } from './action-button-details.component';\nimport { SkyActionButtonHeaderComponent } from './action-button-header.component';\nimport { SkyActionButtonIconComponent } from './action-button-icon.component';\nimport { SkyActionButtonComponent } from './action-button.component';\n\n@NgModule({\n declarations: [\n SkyActionButtonComponent,\n SkyActionButtonContainerComponent,\n SkyActionButtonDetailsComponent,\n SkyActionButtonHeaderComponent,\n SkyActionButtonIconComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n SkyHrefModule,\n SkyIconModule,\n SkyThemeModule,\n ],\n exports: [\n SkyActionButtonComponent,\n SkyActionButtonContainerComponent,\n SkyActionButtonDetailsComponent,\n SkyActionButtonHeaderComponent,\n SkyActionButtonIconComponent,\n ],\n})\nexport class SkyActionButtonModule {}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=action-button-container-align-items-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"action-button-container-align-items-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/action-button/types/action-button-container-align-items-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyActionButtonContainerAlignItemsType = 'center' | 'left';\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=action-button-container-align-items.js.map