@coolon/angular-ui-powerups 12.4.0-alpha.29 → 12.4.0-alpha.3

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 (301) hide show
  1. package/assets/form.scss +2 -5
  2. package/assets/interaction.scss +7 -6
  3. package/assets/styles.scss +0 -3
  4. package/bundles/coolon-angular-ui-powerups-cypress.umd.js +298 -715
  5. package/bundles/coolon-angular-ui-powerups-cypress.umd.js.map +1 -1
  6. package/bundles/coolon-angular-ui-powerups.umd.js +116 -596
  7. package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
  8. package/coolon-angular-ui-powerups.metadata.json +1 -1
  9. package/cypress/components/aup-command-face.d.ts +8 -2
  10. package/cypress/components/aup-command.d.ts +1 -2
  11. package/cypress/components/aup-input.d.ts +5 -11
  12. package/cypress/components/aup-more-menu.d.ts +4 -0
  13. package/cypress/components/aup-popup-menu.d.ts +7 -0
  14. package/cypress/components/aup-table.d.ts +18 -5
  15. package/cypress/components/button-mixin.d.ts +19 -0
  16. package/cypress/components/button.d.ts +7 -11
  17. package/cypress/coolon-angular-ui-powerups-cypress.metadata.json +1 -1
  18. package/cypress/exports.d.ts +4 -25
  19. package/cypress/page-element.d.ts +12 -12
  20. package/cypress/page.d.ts +33 -5
  21. package/cypress/section.d.ts +51 -0
  22. package/esm2015/cypress/components/aup-command-face.js +22 -11
  23. package/esm2015/cypress/components/aup-command-face.js.map +1 -1
  24. package/esm2015/cypress/components/aup-command-face.metadata.json +1 -1
  25. package/esm2015/cypress/components/aup-command.js +6 -12
  26. package/esm2015/cypress/components/aup-command.js.map +1 -1
  27. package/esm2015/cypress/components/aup-command.metadata.json +1 -1
  28. package/esm2015/cypress/components/aup-input.js +5 -17
  29. package/esm2015/cypress/components/aup-input.js.map +1 -1
  30. package/esm2015/cypress/components/aup-input.metadata.json +1 -1
  31. package/esm2015/cypress/components/aup-more-menu.js +7 -0
  32. package/esm2015/cypress/components/aup-more-menu.js.map +1 -0
  33. package/esm2015/cypress/components/aup-more-menu.metadata.json +1 -0
  34. package/esm2015/cypress/components/aup-navigation.js +1 -1
  35. package/esm2015/cypress/components/aup-navigation.js.map +1 -1
  36. package/esm2015/cypress/components/aup-popup-menu.js +19 -0
  37. package/esm2015/cypress/components/aup-popup-menu.js.map +1 -0
  38. package/esm2015/cypress/components/aup-popup-menu.metadata.json +1 -0
  39. package/esm2015/cypress/components/aup-table.js +33 -5
  40. package/esm2015/cypress/components/aup-table.js.map +1 -1
  41. package/esm2015/cypress/components/aup-table.metadata.json +1 -1
  42. package/esm2015/cypress/components/button-mixin.js +15 -0
  43. package/esm2015/cypress/components/button-mixin.js.map +1 -0
  44. package/esm2015/cypress/components/button-mixin.metadata.json +1 -0
  45. package/esm2015/cypress/components/button.js +10 -4
  46. package/esm2015/cypress/components/button.js.map +1 -1
  47. package/esm2015/cypress/components/button.metadata.json +1 -1
  48. package/esm2015/cypress/exports.js +4 -25
  49. package/esm2015/cypress/exports.js.map +1 -1
  50. package/esm2015/cypress/exports.metadata.json +1 -1
  51. package/esm2015/cypress/page-element.js +19 -26
  52. package/esm2015/cypress/page-element.js.map +1 -1
  53. package/esm2015/cypress/page-element.metadata.json +1 -1
  54. package/esm2015/cypress/page.js +10 -8
  55. package/esm2015/cypress/page.js.map +1 -1
  56. package/esm2015/cypress/page.metadata.json +1 -1
  57. package/esm2015/cypress/path.js +1 -3
  58. package/esm2015/cypress/path.js.map +1 -1
  59. package/esm2015/cypress/section.js +58 -0
  60. package/esm2015/cypress/section.js.map +1 -0
  61. package/esm2015/cypress/section.metadata.json +1 -0
  62. package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
  63. package/esm2015/lib/components/{cards/card-container → card-container}/card-container.component.js +22 -11
  64. package/esm2015/lib/components/card-container/card-container.component.js.map +1 -0
  65. package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -0
  66. package/esm2015/lib/components/card-container/card-container.component.ngfactory.js.map +1 -0
  67. package/esm2015/lib/components/{labelled-value/labelled-value.component.scss.shim.ngstyle.js.map → card-container/card-container.component.scss.shim.ngstyle.js.map} +1 -1
  68. package/esm2015/lib/components/components.module.js +24 -32
  69. package/esm2015/lib/components/components.module.js.map +1 -1
  70. package/esm2015/lib/components/components.module.metadata.json +1 -1
  71. package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
  72. package/esm2015/lib/components/empty-state/empty-state.component.js +1 -1
  73. package/esm2015/lib/components/empty-state/empty-state.component.metadata.json +1 -1
  74. package/esm2015/lib/components/exports.js +1 -4
  75. package/esm2015/lib/components/exports.js.map +1 -1
  76. package/esm2015/lib/components/exports.metadata.json +1 -1
  77. package/esm2015/lib/components/forms/abstract-input.component.js +0 -1
  78. package/esm2015/lib/components/forms/abstract-input.component.js.map +1 -1
  79. package/esm2015/lib/components/tables/tree-table/flattened-tree-list-model.js +4 -4
  80. package/esm2015/lib/components/tables/tree-table/flattened-tree-list-model.js.map +1 -1
  81. package/esm2015/lib/components/tables/tree-table/flattened-tree-list-model.metadata.json +1 -1
  82. package/esm2015/lib/components/tables/tree-table/tree-table-model.js +0 -1
  83. package/esm2015/lib/components/tables/tree-table/tree-table-model.js.map +1 -1
  84. package/esm2015/lib/components/tables/tree-table/tree-table-model.metadata.json +1 -1
  85. package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js +11 -17
  86. package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js.map +1 -1
  87. package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.metadata.json +1 -1
  88. package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.js +0 -4
  89. package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.js.map +1 -1
  90. package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.metadata.json +1 -1
  91. package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.js +1 -4
  92. package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.js.map +1 -1
  93. package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.metadata.json +1 -1
  94. package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.js +1 -4
  95. package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.js.map +1 -1
  96. package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.metadata.json +1 -1
  97. package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.js +1 -4
  98. package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.js.map +1 -1
  99. package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.metadata.json +1 -1
  100. package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.js +2 -6
  101. package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.js.map +1 -1
  102. package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.metadata.json +1 -1
  103. package/esm2015/lib/interaction/components/input-activities/abstract-input-activity.js +43 -0
  104. package/esm2015/lib/interaction/components/input-activities/abstract-input-activity.js.map +1 -0
  105. package/esm2015/lib/interaction/components/input-activities/abstract-input-activity.metadata.json +1 -0
  106. package/esm2015/lib/interaction/components/input-activities/abstract-input-activity.ngfactory.js.map +1 -0
  107. package/esm2015/lib/interaction/components/input-activities/input-activity-data.js +2 -0
  108. package/esm2015/lib/interaction/components/input-activities/input-activity-data.js.map +1 -0
  109. package/esm2015/lib/interaction/components/input-activities/input-activity-data.metadata.json +1 -0
  110. package/esm2015/lib/interaction/components/input-activities/select-input-activity-data.js +2 -0
  111. package/esm2015/lib/interaction/components/input-activities/select-input-activity-data.js.map +1 -0
  112. package/esm2015/lib/interaction/components/input-activities/select-input-activity-data.metadata.json +1 -0
  113. package/esm2015/lib/interaction/components/input-activities/select-input-activity.js +3 -3
  114. package/esm2015/lib/interaction/components/input-activities/select-input-activity.js.map +1 -1
  115. package/esm2015/lib/interaction/components/input-activities/select-input-activity.metadata.json +1 -1
  116. package/esm2015/lib/interaction/components/input-activities/string-input-activity.js +4 -3
  117. package/esm2015/lib/interaction/components/input-activities/string-input-activity.js.map +1 -1
  118. package/esm2015/lib/interaction/components/input-activities/string-input-activity.metadata.json +1 -1
  119. package/esm2015/lib/interaction/exports.js +3 -5
  120. package/esm2015/lib/interaction/exports.js.map +1 -1
  121. package/esm2015/lib/interaction/exports.metadata.json +1 -1
  122. package/esm2015/lib/interaction/interaction.module.js +4 -10
  123. package/esm2015/lib/interaction/interaction.module.js.map +1 -1
  124. package/esm2015/lib/interaction/interaction.module.metadata.json +1 -1
  125. package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +1 -1
  126. package/esm2015/lib/place/place-router.js +8 -3
  127. package/esm2015/lib/place/place-router.js.map +1 -1
  128. package/esm2015/lib/place/place-router.metadata.json +1 -1
  129. package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
  130. package/esm2015/lib/place/url-snapshot.js +7 -1
  131. package/esm2015/lib/place/url-snapshot.js.map +1 -1
  132. package/esm2015/lib/place/url-snapshot.metadata.json +1 -1
  133. package/fesm2015/coolon-angular-ui-powerups-cypress.js +219 -532
  134. package/fesm2015/coolon-angular-ui-powerups-cypress.js.map +1 -1
  135. package/fesm2015/coolon-angular-ui-powerups.js +91 -489
  136. package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
  137. package/lib/components/{cards/card-container → card-container}/card-container.component.d.ts +10 -9
  138. package/lib/components/exports.d.ts +1 -4
  139. package/lib/components/tables/tree-table/flattened-tree-list-model.d.ts +1 -0
  140. package/lib/components/tables/tree-table/tree-table-model.d.ts +5 -4
  141. package/lib/interaction/components/activity-actions/activity-actions.component.d.ts +3 -14
  142. package/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.d.ts +1 -1
  143. package/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.d.ts +1 -2
  144. package/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.d.ts +1 -2
  145. package/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.d.ts +1 -2
  146. package/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.d.ts +0 -1
  147. package/lib/interaction/components/input-activities/abstract-input-activity.d.ts +12 -0
  148. package/lib/interaction/components/input-activities/input-activity-data.d.ts +11 -0
  149. package/lib/interaction/components/input-activities/select-input-activity-data.d.ts +8 -0
  150. package/lib/interaction/components/input-activities/select-input-activity.d.ts +3 -11
  151. package/lib/interaction/components/input-activities/string-input-activity.d.ts +2 -2
  152. package/lib/interaction/exports.d.ts +3 -5
  153. package/package.json +1 -1
  154. package/schematics/activity/templates/component/__name@dasherize__.component.html.template +1 -1
  155. package/schematics/activity/templates/component/__name@dasherize__.component.ts.template +3 -5
  156. package/assets/cards.scss +0 -13
  157. package/assets/empty-state.scss +0 -11
  158. package/cypress/component-builder.d.ts +0 -71
  159. package/cypress/components/aup-abstract-activity.d.ts +0 -31
  160. package/cypress/components/aup-abstract-table.d.ts +0 -18
  161. package/cypress/components/aup-activity.d.ts +0 -9
  162. package/cypress/components/aup-alert-dialog.d.ts +0 -27
  163. package/cypress/components/aup-alert.d.ts +0 -9
  164. package/cypress/components/aup-confirm-dialog.d.ts +0 -27
  165. package/cypress/components/aup-confirm.d.ts +0 -11
  166. package/cypress/components/aup-empty-state.d.ts +0 -4
  167. package/cypress/components/aup-modal-activity.d.ts +0 -24
  168. package/cypress/components/aup-modal-mixin.d.ts +0 -23
  169. package/cypress/components/aup-tree-table.d.ts +0 -16
  170. package/cypress/components/form-element-mixin.d.ts +0 -22
  171. package/cypress/components/mat-checkbox.d.ts +0 -31
  172. package/cypress/components/popup/aup-abstract-popup-menu.d.ts +0 -15
  173. package/cypress/components/popup/aup-more-menu.d.ts +0 -5
  174. package/cypress/components/popup/aup-popup-menu-panel.d.ts +0 -3
  175. package/cypress/components/popup/aup-popup-menu.d.ts +0 -7
  176. package/cypress/components/table/aup-table-cell.d.ts +0 -9
  177. package/cypress/components/table/aup-table-column.d.ts +0 -10
  178. package/cypress/components/table/aup-table-row.d.ts +0 -17
  179. package/cypress/components/table/aup-table-selection-cell.d.ts +0 -5
  180. package/cypress/components/table/aup-table-selection-column.d.ts +0 -5
  181. package/cypress/element-locator.d.ts +0 -8
  182. package/cypress/page-builder.d.ts +0 -9
  183. package/esm2015/cypress/component-builder.js +0 -92
  184. package/esm2015/cypress/component-builder.js.map +0 -1
  185. package/esm2015/cypress/component-builder.metadata.json +0 -1
  186. package/esm2015/cypress/components/aup-abstract-activity.js +0 -12
  187. package/esm2015/cypress/components/aup-abstract-activity.js.map +0 -1
  188. package/esm2015/cypress/components/aup-abstract-activity.metadata.json +0 -1
  189. package/esm2015/cypress/components/aup-abstract-table.js +0 -50
  190. package/esm2015/cypress/components/aup-abstract-table.js.map +0 -1
  191. package/esm2015/cypress/components/aup-abstract-table.metadata.json +0 -1
  192. package/esm2015/cypress/components/aup-activity.js +0 -13
  193. package/esm2015/cypress/components/aup-activity.js.map +0 -1
  194. package/esm2015/cypress/components/aup-activity.metadata.json +0 -1
  195. package/esm2015/cypress/components/aup-alert-dialog.js +0 -8
  196. package/esm2015/cypress/components/aup-alert-dialog.js.map +0 -1
  197. package/esm2015/cypress/components/aup-alert-dialog.metadata.json +0 -1
  198. package/esm2015/cypress/components/aup-alert.js +0 -13
  199. package/esm2015/cypress/components/aup-alert.js.map +0 -1
  200. package/esm2015/cypress/components/aup-alert.metadata.json +0 -1
  201. package/esm2015/cypress/components/aup-confirm-dialog.js +0 -8
  202. package/esm2015/cypress/components/aup-confirm-dialog.js.map +0 -1
  203. package/esm2015/cypress/components/aup-confirm-dialog.metadata.json +0 -1
  204. package/esm2015/cypress/components/aup-confirm.js +0 -19
  205. package/esm2015/cypress/components/aup-confirm.js.map +0 -1
  206. package/esm2015/cypress/components/aup-confirm.metadata.json +0 -1
  207. package/esm2015/cypress/components/aup-empty-state.js +0 -7
  208. package/esm2015/cypress/components/aup-empty-state.js.map +0 -1
  209. package/esm2015/cypress/components/aup-empty-state.metadata.json +0 -1
  210. package/esm2015/cypress/components/aup-modal-activity.js +0 -5
  211. package/esm2015/cypress/components/aup-modal-activity.js.map +0 -1
  212. package/esm2015/cypress/components/aup-modal-activity.metadata.json +0 -1
  213. package/esm2015/cypress/components/aup-modal-mixin.js +0 -18
  214. package/esm2015/cypress/components/aup-modal-mixin.js.map +0 -1
  215. package/esm2015/cypress/components/aup-modal-mixin.metadata.json +0 -1
  216. package/esm2015/cypress/components/aup-tree-table.js +0 -34
  217. package/esm2015/cypress/components/aup-tree-table.js.map +0 -1
  218. package/esm2015/cypress/components/aup-tree-table.metadata.json +0 -1
  219. package/esm2015/cypress/components/form-element-mixin.js +0 -11
  220. package/esm2015/cypress/components/form-element-mixin.js.map +0 -1
  221. package/esm2015/cypress/components/form-element-mixin.metadata.json +0 -1
  222. package/esm2015/cypress/components/mat-checkbox.js +0 -34
  223. package/esm2015/cypress/components/mat-checkbox.js.map +0 -1
  224. package/esm2015/cypress/components/mat-checkbox.metadata.json +0 -1
  225. package/esm2015/cypress/components/popup/aup-abstract-popup-menu.js +0 -33
  226. package/esm2015/cypress/components/popup/aup-abstract-popup-menu.js.map +0 -1
  227. package/esm2015/cypress/components/popup/aup-abstract-popup-menu.metadata.json +0 -1
  228. package/esm2015/cypress/components/popup/aup-more-menu.js +0 -8
  229. package/esm2015/cypress/components/popup/aup-more-menu.js.map +0 -1
  230. package/esm2015/cypress/components/popup/aup-more-menu.metadata.json +0 -1
  231. package/esm2015/cypress/components/popup/aup-popup-menu-panel.js +0 -4
  232. package/esm2015/cypress/components/popup/aup-popup-menu-panel.js.map +0 -1
  233. package/esm2015/cypress/components/popup/aup-popup-menu-panel.metadata.json +0 -1
  234. package/esm2015/cypress/components/popup/aup-popup-menu.js +0 -12
  235. package/esm2015/cypress/components/popup/aup-popup-menu.js.map +0 -1
  236. package/esm2015/cypress/components/popup/aup-popup-menu.metadata.json +0 -1
  237. package/esm2015/cypress/components/table/aup-table-cell.js +0 -14
  238. package/esm2015/cypress/components/table/aup-table-cell.js.map +0 -1
  239. package/esm2015/cypress/components/table/aup-table-cell.metadata.json +0 -1
  240. package/esm2015/cypress/components/table/aup-table-column.js +0 -19
  241. package/esm2015/cypress/components/table/aup-table-column.js.map +0 -1
  242. package/esm2015/cypress/components/table/aup-table-column.metadata.json +0 -1
  243. package/esm2015/cypress/components/table/aup-table-row.js +0 -28
  244. package/esm2015/cypress/components/table/aup-table-row.js.map +0 -1
  245. package/esm2015/cypress/components/table/aup-table-row.metadata.json +0 -1
  246. package/esm2015/cypress/components/table/aup-table-selection-cell.js +0 -6
  247. package/esm2015/cypress/components/table/aup-table-selection-cell.js.map +0 -1
  248. package/esm2015/cypress/components/table/aup-table-selection-cell.metadata.json +0 -1
  249. package/esm2015/cypress/components/table/aup-table-selection-column.js +0 -6
  250. package/esm2015/cypress/components/table/aup-table-selection-column.js.map +0 -1
  251. package/esm2015/cypress/components/table/aup-table-selection-column.metadata.json +0 -1
  252. package/esm2015/cypress/element-locator.js +0 -16
  253. package/esm2015/cypress/element-locator.js.map +0 -1
  254. package/esm2015/cypress/element-locator.metadata.json +0 -1
  255. package/esm2015/cypress/page-builder.js +0 -16
  256. package/esm2015/cypress/page-builder.js.map +0 -1
  257. package/esm2015/cypress/page-builder.metadata.json +0 -1
  258. package/esm2015/lib/components/cards/abstract-card-container.component.js +0 -29
  259. package/esm2015/lib/components/cards/abstract-card-container.component.js.map +0 -1
  260. package/esm2015/lib/components/cards/abstract-card-container.component.metadata.json +0 -1
  261. package/esm2015/lib/components/cards/abstract-card-container.component.ngfactory.js.map +0 -1
  262. package/esm2015/lib/components/cards/card-container/card-container.component.js.map +0 -1
  263. package/esm2015/lib/components/cards/card-container/card-container.component.metadata.json +0 -1
  264. package/esm2015/lib/components/cards/card-container/card-container.component.ngfactory.js.map +0 -1
  265. package/esm2015/lib/components/cards/card-container/card-container.component.scss.shim.ngstyle.js.map +0 -1
  266. package/esm2015/lib/components/cards/card-stack/card-stack.component.js +0 -72
  267. package/esm2015/lib/components/cards/card-stack/card-stack.component.js.map +0 -1
  268. package/esm2015/lib/components/cards/card-stack/card-stack.component.metadata.json +0 -1
  269. package/esm2015/lib/components/cards/card-stack/card-stack.component.ngfactory.js.map +0 -1
  270. package/esm2015/lib/components/cards/card-stack/card-stack.component.scss.shim.ngstyle.js.map +0 -1
  271. package/esm2015/lib/components/labelled-value/labelled-value.component.js +0 -22
  272. package/esm2015/lib/components/labelled-value/labelled-value.component.js.map +0 -1
  273. package/esm2015/lib/components/labelled-value/labelled-value.component.metadata.json +0 -1
  274. package/esm2015/lib/components/labelled-value/labelled-value.component.ngfactory.js.map +0 -1
  275. package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.js +0 -75
  276. package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.js.map +0 -1
  277. package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.metadata.json +0 -1
  278. package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.ngfactory.js.map +0 -1
  279. package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.scss.shim.ngstyle.js.map +0 -1
  280. package/esm2015/lib/interaction/components/editors/edit-context.js +0 -2
  281. package/esm2015/lib/interaction/components/editors/edit-context.js.map +0 -1
  282. package/esm2015/lib/interaction/components/editors/edit-context.metadata.json +0 -1
  283. package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js +0 -28
  284. package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js.map +0 -1
  285. package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.metadata.json +0 -1
  286. package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.js +0 -160
  287. package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.js.map +0 -1
  288. package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.metadata.json +0 -1
  289. package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.ngfactory.js.map +0 -1
  290. package/esm2015/lib/interaction/components/input-activities/input-activity.js +0 -71
  291. package/esm2015/lib/interaction/components/input-activities/input-activity.js.map +0 -1
  292. package/esm2015/lib/interaction/components/input-activities/input-activity.metadata.json +0 -1
  293. package/esm2015/lib/interaction/components/input-activities/input-activity.ngfactory.js.map +0 -1
  294. package/lib/components/cards/abstract-card-container.component.d.ts +0 -11
  295. package/lib/components/cards/card-stack/card-stack.component.d.ts +0 -63
  296. package/lib/components/labelled-value/labelled-value.component.d.ts +0 -7
  297. package/lib/interaction/components/add-card-activity/add-card-activity.component.d.ts +0 -38
  298. package/lib/interaction/components/editors/edit-context.d.ts +0 -3
  299. package/lib/interaction/components/editors/inline-string-editor/inline-editor-model.d.ts +0 -18
  300. package/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.d.ts +0 -56
  301. package/lib/interaction/components/input-activities/input-activity.d.ts +0 -33
@@ -1 +0,0 @@
1
- {"version":3,"file":"labelled-value.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/labelled-value/labelled-value.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1,75 +0,0 @@
1
- import { Component, HostBinding, Input, ViewChild } from '@angular/core';
2
- import { Dsl } from '@coolon/pectin';
3
- import { Enum } from 'typescript-string-enums';
4
- import { InteractionService } from '../../services/interaction.service';
5
- import { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';
6
- import { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';
7
- /**
8
- *
9
- */
10
- export class AddCardActivityComponent extends AbstractActivityTriggerComponent {
11
- constructor(interactionService) {
12
- super();
13
- this.interactionStyle = AddCardActivityComponent.InteractionType.MODAL;
14
- this.renderAs = AddCardActivityComponent.RenderAs.CARD;
15
- const { chain } = Dsl.disposeWith(this);
16
- this.modalInteractionContext = interactionService.createModalInteractionContextDisposedWith(this);
17
- this.faceList = chain(this.faceModel).mapToList(face => [face]);
18
- }
19
- get renderAsClass() {
20
- return `render-as-${this.renderAs}`;
21
- }
22
- get activityTypeClass() {
23
- return `${this.interactionStyle}-activity`;
24
- }
25
- isRenderAsCard() {
26
- return this.renderAs === 'card';
27
- }
28
- isRenderAsButton() {
29
- return this.renderAs === 'button';
30
- }
31
- ngOnInit() {
32
- }
33
- get interactionContext() {
34
- switch (this.interactionStyle) {
35
- case 'inline':
36
- return this.inlineInteractionContext;
37
- default:
38
- return this.modalInteractionContext;
39
- }
40
- }
41
- isModal() {
42
- return this.interactionStyle === 'modal';
43
- }
44
- isInline() {
45
- return this.interactionStyle === 'inline';
46
- }
47
- }
48
- AddCardActivityComponent.decorators = [
49
- { type: Component, args: [{
50
- selector: 'aup-add-card-activity',
51
- template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\" [pectinCommand]=\"startActivityCommand\">\n <aup-command *ngIf=\"isRenderAsButton()\" [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n <section *ngIf=\"isRenderAsCard()\" class=\"face-wrapper\">\n <aup-command-face class=\"mat-button\" [faces]=\"faceList.value\"></aup-command-face>\n </section>\n</aup-in-place-interaction-context>\n",
52
- styles: [":host{display:flex;flex-direction:column;align-items:stretch;background-color:#fff}:host[interactionStyle=inline][renderas=card]:not(.active){box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}:host[interactionStyle=inline][renderas=card]:not(.active):hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=inline][renderas=card]:not(.active):hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}:host[interactionStyle=modal][renderas=card]{box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}:host[interactionStyle=modal][renderas=card]:hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=modal][renderas=card]:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}section.face-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}aup-in-place-interaction-context{flex:1}aup-in-place-interaction-context.active{border:3px solid #6273c7;border-radius:4px;overflow:hidden}"]
53
- },] }
54
- ];
55
- AddCardActivityComponent.ctorParameters = () => [
56
- { type: InteractionService }
57
- ];
58
- AddCardActivityComponent.propDecorators = {
59
- inlineInteractionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent, { static: true },] }],
60
- interactionStyle: [{ type: Input }],
61
- renderAs: [{ type: Input }, { type: HostBinding, args: ['class',] }],
62
- renderAsClass: [{ type: HostBinding, args: ['class',] }],
63
- activityTypeClass: [{ type: HostBinding, args: ['class',] }]
64
- };
65
- (function (AddCardActivityComponent) {
66
- AddCardActivityComponent.InteractionType = Enum({
67
- MODAL: 'modal',
68
- INLINE: 'inline'
69
- });
70
- AddCardActivityComponent.RenderAs = Enum({
71
- CARD: 'card',
72
- BUTTON: 'button'
73
- });
74
- })(AddCardActivityComponent || (AddCardActivityComponent = {}));
75
- //# sourceMappingURL=add-card-activity.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"add-card-activity.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/add-card-activity/add-card-activity.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,GAAG,EAAkB,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,gCAAgC,EAAE,MAAM,0DAA0D,CAAC;AAC5G,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAE3H;;GAEG;AAMH,MAAM,OAAO,wBAAyB,SAAQ,gCAAgC;IAkC5E,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QA3BV,qBAAgB,GAA6C,wBAAwB,CAAC,eAAe,CAAC,KAAK,CAAC;QAI5G,aAAQ,GAAsC,wBAAwB,CAAC,QAAQ,CAAC,IAAI,CAAC;QAwBnF,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,uBAAuB,GAAG,kBAAkB,CAAC,yCAAyC,CAAC,IAAI,CAAC,CAAC;QAClG,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,CAAC;IAvBD,IACI,aAAa;QACf,OAAO,aAAa,IAAI,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC;IAED,IACI,iBAAiB;QACnB,OAAO,GAAG,IAAI,CAAC,gBAAgB,WAAW,CAAC;IAC7C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC;IAClC,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC;IACpC,CAAC;IASD,QAAQ;IACR,CAAC;IAED,IAAI,kBAAkB;QACpB,QAAQ,IAAI,CAAC,gBAAgB,EAAE;YAC7B,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,wBAAwB,CAAC;YACvC;gBACE,OAAO,IAAI,CAAC,uBAAuB,CAAC;SACvC;IACH,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,gBAAgB,KAAK,OAAO,CAAC;IAC3C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ,CAAC;IAC5C,CAAC;;;YAhEF,SAAS,SAAC;gBACT,QAAQ,EAAE,uBAAuB;gBACjC,0dAAiD;;aAElD;;;YAXQ,kBAAkB;;;uCAgBxB,SAAS,SAAC,kCAAkC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;+BAG9D,KAAK;uBAGL,KAAK,YACL,WAAW,SAAC,OAAO;4BAKnB,WAAW,SAAC,OAAO;gCAKnB,WAAW,SAAC,OAAO;;AA2CtB,WAAiB,wBAAwB;IAC1B,wCAAe,GAAG,IAAI,CAAC;QAClC,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;IAEU,iCAAQ,GAAG,IAAI,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;AAEL,CAAC,EAXgB,wBAAwB,KAAxB,wBAAwB,QAWxC","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core';\nimport { Dsl, ListModelChain } from '@coolon/pectin';\nimport { Enum } from 'typescript-string-enums';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { InteractionContext } from '../../interaction-context';\nimport { InteractionService } from '../../services/interaction.service';\nimport { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n/**\n *\n */\n@Component({\n selector: 'aup-add-card-activity',\n templateUrl: './add-card-activity.component.html',\n styleUrls: ['./add-card-activity.component.scss']\n})\nexport class AddCardActivityComponent extends AbstractActivityTriggerComponent implements OnInit {\n\n private modalInteractionContext: InteractionContext;\n\n @ViewChild(InPlaceInteractionContextComponent, { static: true })\n inlineInteractionContext: InteractionContext;\n\n @Input()\n interactionStyle: AddCardActivityComponent.InteractionType = AddCardActivityComponent.InteractionType.MODAL;\n\n @Input()\n @HostBinding('class')\n renderAs: AddCardActivityComponent.RenderAs = AddCardActivityComponent.RenderAs.CARD;\n\n readonly faceList: ListModelChain<CommandFace>;\n\n @HostBinding('class')\n get renderAsClass() {\n return `render-as-${this.renderAs}`;\n }\n\n @HostBinding('class')\n get activityTypeClass() {\n return `${this.interactionStyle}-activity`;\n }\n\n isRenderAsCard(): boolean {\n return this.renderAs === 'card';\n }\n\n isRenderAsButton(): boolean {\n return this.renderAs === 'button';\n }\n\n constructor(interactionService: InteractionService) {\n super();\n const { chain } = Dsl.disposeWith(this);\n this.modalInteractionContext = interactionService.createModalInteractionContextDisposedWith(this);\n this.faceList = chain(this.faceModel).mapToList(face => [face]);\n }\n\n ngOnInit(): void {\n }\n\n get interactionContext(): InteractionContext {\n switch (this.interactionStyle) {\n case 'inline':\n return this.inlineInteractionContext;\n default:\n return this.modalInteractionContext;\n }\n }\n\n isModal() {\n return this.interactionStyle === 'modal';\n }\n\n isInline() {\n return this.interactionStyle === 'inline';\n }\n\n\n}\n\nexport namespace AddCardActivityComponent {\n export const InteractionType = Enum({\n MODAL: 'modal',\n INLINE: 'inline'\n });\n export type InteractionType = Enum<typeof InteractionType>;\n export const RenderAs = Enum({\n CARD: 'card',\n BUTTON: 'button'\n });\n export type RenderAs = Enum<typeof RenderAs>;\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"AddCardActivityComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../activity-triggers/abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":17,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"aup-add-card-activity","template":"<aup-in-place-interaction-context [animateFirstActivity]=\"false\" [pectinCommand]=\"startActivityCommand\">\n <aup-command *ngIf=\"isRenderAsButton()\" [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n <section *ngIf=\"isRenderAsCard()\" class=\"face-wrapper\">\n <aup-command-face class=\"mat-button\" [faces]=\"faceList.value\"></aup-command-face>\n </section>\n</aup-in-place-interaction-context>\n","styles":[":host{display:flex;flex-direction:column;align-items:stretch;background-color:#fff}:host[interactionStyle=inline][renderas=card]:not(.active){box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}:host[interactionStyle=inline][renderas=card]:not(.active):hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=inline][renderas=card]:not(.active):hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}:host[interactionStyle=modal][renderas=card]{box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}:host[interactionStyle=modal][renderas=card]:hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=modal][renderas=card]:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}section.face-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}aup-in-place-interaction-context{flex:1}aup-in-place-interaction-context.active{border:3px solid #6273c7;border-radius:4px;overflow:hidden}"]}]}],"members":{"inlineInteractionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":21,"character":13},{"static":true}]}]}],"interactionStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["class"]}]}],"renderAsClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class"]}]}],"activityTypeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class"]}]}],"isRenderAsCard":[{"__symbolic":"method"}],"isRenderAsButton":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":51,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"isModal":[{"__symbolic":"method"}],"isInline":[{"__symbolic":"method"}]}}}}]
@@ -1 +0,0 @@
1
- {"version":3,"file":"add-card-activity.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/add-card-activity/add-card-activity.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"add-card-activity.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/add-card-activity/add-card-activity.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=edit-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"edit-context.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/edit-context.ts"],"names":[],"mappings":"","sourcesContent":["export interface EditContext<T> {\n injectError(error: string);\n // replaceValue(value:T) // TODO: implement..\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"EditContext":{"__symbolic":"interface"}}}]
@@ -1,28 +0,0 @@
1
- import { MutableListModel, MutableValueModel, TrackExternal } from '@coolon/pectin';
2
- export class InlineEditorModel {
3
- constructor(valueModel, saveCallback) {
4
- this.valueModel = valueModel;
5
- this.saveCallback = saveCallback;
6
- this.editing = new MutableValueModel(false);
7
- this._validators = new MutableListModel();
8
- }
9
- get validators() {
10
- return this._validators.readonly;
11
- }
12
- validateUsing(validator) {
13
- this._validators.push(validator);
14
- return this;
15
- }
16
- ;
17
- isEditing() {
18
- return this.editing.value;
19
- }
20
- }
21
- (function (InlineEditorModel) {
22
- function create(valueModel, options) {
23
- return new InlineEditorModel(valueModel, options.save);
24
- }
25
- InlineEditorModel.create = create;
26
- })(InlineEditorModel || (InlineEditorModel = {}));
27
- TrackExternal.oneTimeBinding(InlineEditorModel);
28
- //# sourceMappingURL=inline-editor-model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"inline-editor-model.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-editor-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAyB,MAAM,gBAAgB,CAAC;AAItH,MAAM,OAAO,iBAAiB;IAK5B,YAAqB,UAAyB,EAAW,YAA+C;QAAnF,eAAU,GAAV,UAAU,CAAe;QAAW,iBAAY,GAAZ,YAAY,CAAmC;QAH/F,YAAO,GAAG,IAAI,iBAAiB,CAAU,KAAK,CAAC,CAAC;QACxC,gBAAW,GAAmC,IAAI,gBAAgB,EAAgB,CAAC;IAGpG,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED,aAAa,CAAC,SAAuB;QACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAAA,CAAC;IAEF,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5B,CAAC;CAEF;AAED,WAAiB,iBAAiB;IAIhC,SAAgB,MAAM,CAAI,UAAyB,EAAE,OAAkC;QACrF,OAAO,IAAI,iBAAiB,CAAI,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAFe,wBAAM,SAErB,CAAA;AAEH,CAAC,EARgB,iBAAiB,KAAjB,iBAAiB,QAQjC;AAED,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import { ListModel, MutableListModel, MutableValueModel, TrackExternal, Validator, ValueModel } from '@coolon/pectin';\nimport { EditContext } from '../edit-context';\n\n\nexport class InlineEditorModel<T> {\n\n readonly editing = new MutableValueModel<boolean>(false);\n private readonly _validators: MutableListModel<Validator<T>> = new MutableListModel<Validator<T>>();\n\n constructor(readonly valueModel: ValueModel<T>, readonly saveCallback: InlineEditorModel.SaveCallback<T>) {\n }\n\n get validators(): ListModel<Validator<T>> {\n return this._validators.readonly;\n }\n\n validateUsing(validator: Validator<T>): this { //}, options?: HasValidators.Options): this {\n this._validators.push(validator);\n return this;\n };\n\n isEditing(): boolean {\n return this.editing.value;\n }\n\n}\n\nexport namespace InlineEditorModel {\n\n export type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;\n\n export function create<T>(valueModel: ValueModel<T>, options: { save: SaveCallback<T> }): InlineEditorModel<T> {\n return new InlineEditorModel<T>(valueModel, options.save);\n }\n\n}\n\nTrackExternal.oneTimeBinding(InlineEditorModel);\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"InlineEditorModel":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ValueModel","line":9,"character":35,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":9,"character":46,"context":{"typeName":"T"}}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"InlineEditorModel"},"member":"SaveCallback","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":9,"character":104,"context":{"typeName":"T"}}]}]}],"validateUsing":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}]}}}}]
@@ -1,160 +0,0 @@
1
- import { __awaiter, __decorate, __metadata } from "tslib";
2
- import { Component, Input, ViewChild } from '@angular/core';
3
- import { Command, Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
4
- import { lang } from '@coolon/typescript-utilities';
5
- import * as _ from 'lodash';
6
- import { DisposableComponent } from '../../../../components/disposable-component';
7
- import { InteractionService } from '../../../services/interaction.service';
8
- import { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';
9
- import { InputActivity } from '../../input-activities/input-activity';
10
- import { StringInputActivity } from '../../input-activities/string-input-activity';
11
- import { InlineEditorModel } from './inline-editor-model';
12
- /**
13
- * @example
14
- * const source: ValueModel<string> = ...;
15
- * const model = InlineEditorModel.create(source, {
16
- * save(updated:string, context: InlineEditorModel.SaveContext) => {
17
- * try {
18
- * try and save the thing...
19
- * } catch(error) {
20
- * context.injectError(error)
21
- * }
22
- * }).validateUsing(Validator.present("We'll need a value");
23
- *
24
- * # in the view
25
- * <aup-inline-string-editor
26
- * label="My field"
27
- * placeHolder="I'm ready for a string..."
28
- * [editorModel]="model"></aup-inline-string-editor>
29
- */
30
- export class InlineStringEditorComponent extends DisposableComponent {
31
- constructor(interactionService) {
32
- super();
33
- const { chain, when, valueOf } = Dsl.disposeWith(this);
34
- const modalIC = interactionService.createModalInteractionContextDisposedWith(this);
35
- const resolvedFacesModel = chain(this.facesModel).map(userFaces => {
36
- return Object.assign(Object.assign({}, InlineStringEditorComponent.DEFAULT_FACES), userFaces);
37
- }, { allowNil: true });
38
- this.editFaceModel = resolvedFacesModel.pluck('edit');
39
- this.saveFace = resolvedFacesModel.pluck('save');
40
- this.cancelFace = resolvedFacesModel.pluck('cancel');
41
- const self = this;
42
- this.editCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
43
- this.editorModel.editing.value = true;
44
- try {
45
- yield this.interactionContext.startActivity(StringInputActivity, this.createInputActivityData());
46
- }
47
- catch (e) {
48
- // don't care, just hiding the console errors
49
- }
50
- finally {
51
- this.editorModel.editing.value = false;
52
- }
53
- }));
54
- this.onDispose(() => this.cancelEdit());
55
- // const txo = new TransactionObserver({ verbose: true }).onEvent(e => console.log(e.name, e.payload));
56
- // txo.observe('this.editFace', this.editFaceModel);
57
- }
58
- ngOnInit() {
59
- // our editor model is a one time binding without delegates so we can only
60
- // use it once we've been initialised
61
- const { chain, when, valueOf } = Dsl.disposeWith(this);
62
- if (!this.editorModel) {
63
- lang.illegalState("editorModel is required");
64
- }
65
- when(this.editorModel.editing).becomesTruthy(() => {
66
- this.editCommand.execute();
67
- }, { asLongAs: this.editCommand.enabled });
68
- when(this.editorModel.editing).becomesFalsey(() => this.cancelEdit());
69
- this.empty = valueOf.any(chain.stringValue(this.editorModel.valueModel).isBlank()
70
- // deviceDescription.isNil()
71
- ).areTruthy();
72
- this.displayValue = chain(this.editorModel.valueModel).map(v => {
73
- return _.isEmpty(v) ? this.placeHolderModel.value : v;
74
- }, { dependsOn: this.placeHolderModel, allowNil: true });
75
- }
76
- createInputActivityData() {
77
- const self = this;
78
- return {
79
- initialValue: self.editorModel.valueModel.value,
80
- buttonStyle: { confirm: self.saveFace.value, cancel: self.cancelFace.value },
81
- placeholder: self.placeHolderModel.value,
82
- label: self.label,
83
- layout: InputActivity.Layout.INLINE,
84
- validators: self.editorModel.validators.value,
85
- save(value, inputContext) {
86
- return __awaiter(this, void 0, void 0, function* () {
87
- yield self.editorModel.saveCallback(value, inputContext);
88
- });
89
- }
90
- };
91
- }
92
- cancelEdit() {
93
- if (this.isEditing()) {
94
- this.interactionContext.cancelActiveActivity();
95
- }
96
- }
97
- startEdit() {
98
- if (!this.isEditing() && this.editCommand.enabled.value) {
99
- this.editCommand.execute();
100
- }
101
- }
102
- isEditing() {
103
- return this.interactionContext.isActive();
104
- }
105
- isEmpty() {
106
- return this.empty.value;
107
- }
108
- }
109
- InlineStringEditorComponent.decorators = [
110
- { type: Component, args: [{
111
- selector: 'aup-inline-string-editor',
112
- template: "<ng-container *ngIf=\"!editorModel.isEditing()\">\n <div class=\"content\" [class.editable]=\"editCommand.enabled.value\">\n <label>{{label}}</label>\n <p [class.place-holder]=\"empty.value\" (click)=\"editCommand.execute()\">{{displayValue.value}}</p>\n <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n </div>\n</ng-container>\n<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n\n"
113
- },] }
114
- ];
115
- InlineStringEditorComponent.ctorParameters = () => [
116
- { type: InteractionService }
117
- ];
118
- InlineStringEditorComponent.propDecorators = {
119
- editorModel: [{ type: Input }],
120
- facesModel: [{ type: Input }],
121
- faces: [{ type: Input }],
122
- interactionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent,] }],
123
- label: [{ type: Input }],
124
- placeHolder: [{ type: Input }],
125
- placeHolderModel: [{ type: Input }]
126
- };
127
- __decorate([
128
- TrackExternal(),
129
- __metadata("design:type", InlineEditorModel)
130
- ], InlineStringEditorComponent.prototype, "editorModel", void 0);
131
- __decorate([
132
- TrackExternal(),
133
- __metadata("design:type", ValueModel)
134
- ], InlineStringEditorComponent.prototype, "facesModel", void 0);
135
- __decorate([
136
- StoreInValueModel('facesModel'),
137
- __metadata("design:type", Object)
138
- ], InlineStringEditorComponent.prototype, "faces", void 0);
139
- __decorate([
140
- StoreInValueModel('placeHolderModel'),
141
- __metadata("design:type", String)
142
- ], InlineStringEditorComponent.prototype, "placeHolder", void 0);
143
- __decorate([
144
- TrackExternal(),
145
- __metadata("design:type", ValueModel)
146
- ], InlineStringEditorComponent.prototype, "placeHolderModel", void 0);
147
- (function (InlineStringEditorComponent) {
148
- InlineStringEditorComponent.DEFAULT_FACES = {
149
- edit: {
150
- icon: () => 'mat:edit'
151
- },
152
- save: {
153
- icon: () => 'mat:check'
154
- },
155
- cancel: {
156
- icon: () => 'mat:clear'
157
- }
158
- };
159
- })(InlineStringEditorComponent || (InlineStringEditorComponent = {}));
160
- //# sourceMappingURL=inline-string-editor.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"inline-string-editor.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAEL,OAAO,EACP,GAAG,EACH,iBAAiB,EACjB,aAAa,EACb,UAAU,EAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,kCAAkC,EAAE,MAAM,0EAA0E,CAAC;AAC9H,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;;;;;;;;;;GAiBG;AAMH,MAAM,OAAO,2BAA4B,SAAQ,mBAAmB;IAqClE,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,kBAAkB,CAAC,yCAAyC,CAAC,IAAI,CAAC,CAAC;QAEnF,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YAChE,uCACK,2BAA2B,CAAC,aAAa,GACzC,SAAS,EACZ;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvB,IAAI,CAAC,aAAa,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,QAAQ,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACjD,IAAI,CAAC,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAErD,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,GAAS,EAAE;YAC3C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;YACtC,IAAI;gBACF,MAAM,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC;aAClG;YAAC,OAAM,CAAC,EAAE;gBACT,6CAA6C;aAC9C;oBACO;gBACN,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;aACxC;QACH,CAAC,CAAA,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAExC,uGAAuG;QACvG,oDAAoD;IACtD,CAAC;IAGD,QAAQ;QACN,0EAA0E;QAC1E,qCAAqC;QACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAC;SAC9C;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE;YAChD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;QAE3C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAEtE,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,CACtB,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE;QACxD,4BAA4B;SAC7B,CAAC,SAAS,EAAE,CAAC;QAEd,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YAC7D,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAG3D,CAAC;IAEO,uBAAuB;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,OAAO;YACL,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK;YAC/C,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;YAC5E,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK;YACxC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM;YACnC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK;YACvC,IAAI,CAAC,KAAa,EAAE,YAAmC;;oBAC3D,MAAM,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;gBAC3D,CAAC;aAAA;SACF,CAAC;IACJ,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACpB,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,EAAE,CAAC;SAChD;IACH,CAAC;IAED,SAAS;QACP,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE;YACvD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;SAC5B;IACH,CAAC;IAEO,SAAS;QACf,OAAO,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC;IAC5C,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC1B,CAAC;;;YA1IF,SAAS,SAAC;gBACT,QAAQ,EAAE,0BAA0B;gBACpC,uiBAAoD;aAErD;;;YA5BQ,kBAAkB;;;0BA+BxB,KAAK;yBAIL,KAAK;oBAIL,KAAK;iCAIL,SAAS,SAAC,kCAAkC;oBAG5C,KAAK;0BAGL,KAAK;+BAIL,KAAK;;AApBN;IADC,aAAa,EAAE;8BACH,iBAAiB;gEAAS;AAIvC;IADC,aAAa,EAAE;8BACJ,UAAU;+DAAoC;AAI1D;IADC,iBAAiB,CAAC,YAAY,CAAC;;0DACS;AAUzC;IADC,iBAAiB,CAAC,kBAAkB,CAAC;;gEAClB;AAIpB;IADC,aAAa,EAAE;8BACE,UAAU;qEAAS;AAgHvC,WAAiB,2BAA2B;IAQ7B,yCAAa,GAAU;QAClC,IAAI,EAAE;YACJ,IAAI,EAAE,GAAG,EAAE,CAAC,UAAU;SACvB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,GAAG,EAAE,CAAC,WAAW;SACxB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,GAAG,EAAE,CAAC,WAAW;SACxB;KACF,CAAC;AAEJ,CAAC,EApBgB,2BAA2B,KAA3B,2BAA2B,QAoB3C","sourcesContent":["import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport {\n BooleanValueModelChain,\n Command,\n Dsl,\n StoreInValueModel,\n TrackExternal,\n ValueModel,\n ValueModelChain\n} from '@coolon/pectin';\nimport { lang } from '@coolon/typescript-utilities';\nimport * as _ from 'lodash';\nimport { CommandFace } from '../../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../../components/disposable-component';\nimport { InteractionService } from '../../../services/interaction.service';\nimport { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';\nimport { InputActivity } from '../../input-activities/input-activity';\nimport { StringInputActivity } from '../../input-activities/string-input-activity';\nimport { InlineEditorModel } from './inline-editor-model';\n\n/**\n * @example\n * const source: ValueModel<string> = ...;\n * const model = InlineEditorModel.create(source, {\n * save(updated:string, context: InlineEditorModel.SaveContext) => {\n * try {\n * try and save the thing...\n * } catch(error) {\n * context.injectError(error)\n * }\n * }).validateUsing(Validator.present(\"We'll need a value\");\n *\n * # in the view\n * <aup-inline-string-editor\n * label=\"My field\"\n * placeHolder=\"I'm ready for a string...\"\n * [editorModel]=\"model\"></aup-inline-string-editor>\n */\n@Component({\n selector: 'aup-inline-string-editor',\n templateUrl: './inline-string-editor.component.html',\n styleUrls: [] // See assets/interaction/editor/inline-string-editor.scss\n})\nexport class InlineStringEditorComponent extends DisposableComponent implements OnInit {\n\n @Input()\n @TrackExternal()\n editorModel: InlineEditorModel<string>;\n\n @Input()\n @TrackExternal()\n facesModel: ValueModel<InlineStringEditorComponent.Faces>;\n\n @Input()\n @StoreInValueModel('facesModel')\n faces: InlineStringEditorComponent.Faces;\n\n @ViewChild(InPlaceInteractionContextComponent)\n interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n\n @Input()\n label: string;\n\n @Input()\n @StoreInValueModel('placeHolderModel')\n placeHolder: string;\n\n @Input()\n @TrackExternal()\n placeHolderModel: ValueModel<string>;\n\n readonly description: ValueModelChain<string>;\n empty: BooleanValueModelChain;\n readonly editCommand: Command<void>;\n\n displayValue: ValueModelChain<string>;\n readonly editFaceModel: ValueModelChain<CommandFace>;\n readonly saveFace: ValueModelChain<CommandFace>;\n readonly cancelFace: ValueModelChain<CommandFace>;\n\n constructor(interactionService: InteractionService) {\n super();\n const { chain, when, valueOf } = Dsl.disposeWith(this);\n const modalIC = interactionService.createModalInteractionContextDisposedWith(this);\n\n const resolvedFacesModel = chain(this.facesModel).map(userFaces => {\n return {\n ...InlineStringEditorComponent.DEFAULT_FACES, // todo: should really inject app wide defaults as well\n ...userFaces\n };\n }, { allowNil: true });\n\n this.editFaceModel = resolvedFacesModel.pluck('edit');\n this.saveFace = resolvedFacesModel.pluck('save');\n this.cancelFace = resolvedFacesModel.pluck('cancel');\n\n const self = this;\n this.editCommand = Command.create(async () => {\n this.editorModel.editing.value = true;\n try {\n await this.interactionContext.startActivity(StringInputActivity, this.createInputActivityData());\n } catch(e) {\n // don't care, just hiding the console errors\n }\n finally {\n this.editorModel.editing.value = false;\n }\n });\n\n this.onDispose(() => this.cancelEdit());\n\n // const txo = new TransactionObserver({ verbose: true }).onEvent(e => console.log(e.name, e.payload));\n // txo.observe('this.editFace', this.editFaceModel);\n }\n\n\n ngOnInit(): void {\n // our editor model is a one time binding without delegates so we can only\n // use it once we've been initialised\n const { chain, when, valueOf } = Dsl.disposeWith(this);\n\n if (!this.editorModel) {\n lang.illegalState(\"editorModel is required\");\n }\n\n when(this.editorModel.editing).becomesTruthy(() => {\n this.editCommand.execute();\n }, { asLongAs: this.editCommand.enabled });\n\n when(this.editorModel.editing).becomesFalsey(() => this.cancelEdit());\n\n this.empty = valueOf.any(\n chain.stringValue(this.editorModel.valueModel).isBlank()\n // deviceDescription.isNil()\n ).areTruthy();\n\n this.displayValue = chain(this.editorModel.valueModel).map(v => {\n return _.isEmpty(v) ? this.placeHolderModel.value : v;\n }, { dependsOn: this.placeHolderModel, allowNil: true });\n\n\n }\n\n private createInputActivityData(): InputActivity.Data<string> {\n const self = this;\n return {\n initialValue: self.editorModel.valueModel.value,\n buttonStyle: { confirm: self.saveFace.value, cancel: self.cancelFace.value },\n placeholder: self.placeHolderModel.value,\n label: self.label,\n layout: InputActivity.Layout.INLINE,\n validators: self.editorModel.validators.value,\n async save(value: string, inputContext: InputActivity.Context): Promise<void> {\n await self.editorModel.saveCallback(value, inputContext);\n }\n };\n }\n\n cancelEdit() {\n if (this.isEditing()) {\n this.interactionContext.cancelActiveActivity();\n }\n }\n\n startEdit() {\n if (!this.isEditing() && this.editCommand.enabled.value) {\n this.editCommand.execute();\n }\n }\n\n private isEditing() {\n return this.interactionContext.isActive();\n }\n\n isEmpty(): boolean {\n return this.empty.value;\n }\n\n\n}\n\nexport namespace InlineStringEditorComponent {\n\n export interface Faces {\n edit?: CommandFace;\n save?: CommandFace;\n cancel?: CommandFace;\n }\n\n export const DEFAULT_FACES: Faces = {\n edit: {\n icon: () => 'mat:edit'\n },\n save: {\n icon: () => 'mat:check'\n },\n cancel: {\n icon: () => 'mat:clear'\n }\n };\n\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"InlineStringEditorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../components/disposable-component","name":"DisposableComponent","line":43,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"aup-inline-string-editor","styleUrls":[],"template":"<ng-container *ngIf=\"!editorModel.isEditing()\">\n <div class=\"content\" [class.editable]=\"editCommand.enabled.value\">\n <label>{{label}}</label>\n <p [class.place-holder]=\"empty.value\" (click)=\"editCommand.execute()\">{{displayValue.value}}</p>\n <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n </div>\n</ng-container>\n<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n\n"}]}],"members":{"editorModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":46,"character":3}}]}],"facesModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":50,"character":3}}]}],"faces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":54,"character":3},"arguments":["facesModel"]}]}],"interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":[{"__symbolic":"reference","module":"../../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":57,"character":13}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"placeHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":64,"character":3},"arguments":["placeHolderModel"]}]}],"placeHolderModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":68,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../services/interaction.service","name":"InteractionService","line":80,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"createInputActivityData":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"startEdit":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"isEmpty":[{"__symbolic":"method"}]}}}}]
@@ -1 +0,0 @@
1
- {"version":3,"file":"inline-string-editor.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1,71 +0,0 @@
1
- import { __awaiter } from "tslib";
2
- import { Component, HostBinding, Inject, Input } from '@angular/core';
3
- import { Command, DirtyTrackingForm } from '@coolon/pectin';
4
- import { Enum } from 'typescript-string-enums';
5
- import { Activity, ACTIVITY_DATA } from '../../activity';
6
- // @see https://github.com/ng-packagr/ng-packagr/issues/641 and https://github.com/angular/angular/issues/21123
7
- // we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)
8
- // @dynamic
9
- export class InputActivity extends Activity {
10
- constructor(data) {
11
- super();
12
- this.data = data;
13
- this.class = 'aup-input-activity';
14
- const form = new DirtyTrackingForm();
15
- this.valueModel = form.valueModel(this.data.initialValue);
16
- this.valueModel.validateUsing(data.validators || []);
17
- this.confirmCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
18
- if (this.valueModel.validate()) {
19
- if (data.save) {
20
- const self = this;
21
- try {
22
- let allGood = true;
23
- const result = yield data.save(this.valueModel.value, {
24
- injectError(error) {
25
- allGood = false;
26
- self.valueModel.injectErrors([error]);
27
- }
28
- });
29
- if (allGood) {
30
- this.done(this.valueModel.value);
31
- }
32
- }
33
- catch (e) {
34
- // don't care, just hide error messages
35
- }
36
- }
37
- else {
38
- this.done(this.valueModel.value);
39
- }
40
- }
41
- }));
42
- this.cancelCommand = Command.create(() => {
43
- this.cancel();
44
- });
45
- this.busyWhile(this.confirmCommand.busy);
46
- }
47
- get layout() {
48
- var _a, _b;
49
- return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.layout) !== null && _b !== void 0 ? _b : InputActivity.Layout.BLOCK;
50
- }
51
- onActivityReady() {
52
- this.valueModel.focusContext.requestFocus();
53
- }
54
- }
55
- InputActivity.decorators = [
56
- { type: Component, args: [{ template: `` },] }
57
- ];
58
- InputActivity.ctorParameters = () => [
59
- { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
60
- ];
61
- InputActivity.propDecorators = {
62
- class: [{ type: HostBinding, args: ['class',] }],
63
- layout: [{ type: Input }, { type: HostBinding, args: ['attr.layout',] }]
64
- };
65
- (function (InputActivity) {
66
- InputActivity.Layout = Enum({
67
- INLINE: 'inline',
68
- BLOCK: 'block'
69
- });
70
- })(InputActivity || (InputActivity = {}));
71
- //# sourceMappingURL=input-activity.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"input-activity.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/input-activities/input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAmB,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGzD,gHAAgH;AAChH,qHAAqH;AACrH,WAAW;AAEX,MAAM,OAAO,aAA0E,SAAQ,QAAc;IAc3G,YAA4C,IAAO;QACjD,KAAK,EAAE,CAAC;QADkC,SAAI,GAAJ,IAAI,CAAG;QAR7B,UAAK,GAAG,oBAAoB,CAAC;QAWjD,MAAM,IAAI,GAAG,IAAI,iBAAiB,EAAE,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QAErD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAS,EAAE;YAC9C,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,MAAM,IAAI,GAAG,IAAI,CAAC;oBAClB,IAAI;wBACF,IAAI,OAAO,GAAG,IAAI,CAAC;wBACnB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;4BACpD,WAAW,CAAC,KAAa;gCACvB,OAAO,GAAG,KAAK,CAAC;gCAChB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;4BACxC,CAAC;yBACF,CAAC,CAAC;wBACH,IAAI,OAAO,EAAE;4BACX,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;yBAClC;qBACF;oBAAC,OAAM,CAAC,EAAE;wBACT,uCAAuC;qBACxC;iBACF;qBAAM;oBACL,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBAClC;aAEF;QACH,CAAC,CAAA,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IA1CD,IAEI,MAAM;;QACR,OAAO,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;IACzD,CAAC;IAwCD,eAAe;QACb,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;;;YAvDF,SAAS,SAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;;;4CAeZ,MAAM,SAAC,aAAa;;;oBARhC,WAAW,SAAC,OAAO;qBAEnB,KAAK,YACL,WAAW,SAAC,aAAa;;AAiD5B,WAAiB,aAAa;IAEf,oBAAM,GAAG,IAAI,CAAC;QACzB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;AAiBL,CAAC,EAtBgB,aAAa,KAAb,aAAa,QAsB7B","sourcesContent":["import { Component, HostBinding, Inject, Input } from '@angular/core';\nimport { Command, DirtyTrackingForm, Form, Validator } from '@coolon/pectin';\nimport { Enum } from 'typescript-string-enums';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { ActivityActionsComponent } from '../activity-actions/activity-actions.component';\n\n// @see https://github.com/ng-packagr/ng-packagr/issues/641 and https://github.com/angular/angular/issues/21123\n// we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)\n// @dynamic\n@Component({ template: `` })\nexport class InputActivity<T, D extends InputActivity.Data<T> = InputActivity.Data<T>> extends Activity<D, T> {\n\n readonly confirmCommand: Command<void>;\n readonly cancelCommand: Command<void>;\n readonly valueModel: Form.ValueModelBase<T>;\n\n @HostBinding('class') class = 'aup-input-activity';\n\n @Input()\n @HostBinding('attr.layout')\n get layout(): InputActivity.Layout {\n return this.data?.layout ?? InputActivity.Layout.BLOCK;\n }\n\n constructor(@Inject(ACTIVITY_DATA) readonly data: D) {\n super();\n\n const form = new DirtyTrackingForm();\n this.valueModel = form.valueModel<T>(this.data.initialValue);\n this.valueModel.validateUsing(data.validators || []);\n\n this.confirmCommand = Command.create(async () => {\n if (this.valueModel.validate()) {\n if (data.save) {\n const self = this;\n try {\n let allGood = true;\n const result = await data.save(this.valueModel.value, {\n injectError(error: string) {\n allGood = false;\n self.valueModel.injectErrors([error]);\n }\n });\n if (allGood) {\n this.done(this.valueModel.value);\n }\n } catch(e) {\n // don't care, just hide error messages\n }\n } else {\n this.done(this.valueModel.value);\n }\n\n }\n });\n this.cancelCommand = Command.create(() => {\n this.cancel();\n });\n\n this.busyWhile(this.confirmCommand.busy);\n }\n\n onActivityReady() {\n this.valueModel.focusContext.requestFocus();\n }\n\n}\n\nexport namespace InputActivity {\n\n export const Layout = Enum({\n INLINE: 'inline',\n BLOCK: 'block'\n });\n export type Layout = Enum<typeof Layout>;\n\n export interface Context {\n injectError(error: string);\n }\n\n export interface Data<T> {\n initialValue: T;\n label?: string;\n placeholder?: string;\n layout?: InputActivity.Layout\n buttonStyle?: ActivityActionsComponent.Style\n validators?: Validator<T>[],\n\n save?(valueModel: T, interactionContext?: Context): void | Promise<void>\n }\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"InputActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../activity","name":"Activity","line":10,"character":95},"arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"template":""}]}],"members":{"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["class"]}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["attr.layout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":15},"arguments":[{"__symbolic":"reference","module":"../../activity","name":"ACTIVITY_DATA","line":24,"character":22}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":24,"character":52,"context":{"typeName":"D"}}]}],"onActivityReady":[{"__symbolic":"method"}]}}}}]
@@ -1 +0,0 @@
1
- {"version":3,"file":"input-activity.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/input-activities/input-activity.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1,11 +0,0 @@
1
- import { OnInit, TemplateRef } from '@angular/core';
2
- import { Command } from '@coolon/pectin';
3
- import { CommandFace } from '../commands/command-face';
4
- import { DisposableComponent } from '../disposable-component';
5
- export declare class AbstractCardContainerComponent extends DisposableComponent implements OnInit {
6
- addCardCommand: Command<any>;
7
- addCardFace: CommandFace;
8
- addCardTemplate: TemplateRef<any>;
9
- constructor();
10
- ngOnInit(): void;
11
- }
@@ -1,63 +0,0 @@
1
- import { AbstractCardContainerComponent } from '../abstract-card-container.component';
2
- /**
3
- * @example
4
- * // basic usage
5
- * <aup-card-stack>
6
- * <my-card *ngFor="..."></my-card>
7
- * </aup-card-stack>
8
- *
9
- * // adds an add button with a the '+' icon to the end of the card list.
10
- * <aup-card-stack [addCardCommand]="addCard">
11
- * <my-card *ngFor="..."></my-card>
12
- * </aup-card-stack>
13
- *
14
- * // adds an add button with the specified face
15
- * <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
16
- * <my-card *ngFor="..."></my-card>
17
- * </aup-card-stack>
18
- *
19
- * // use the aup-add-card-activity to display as the new card place holder and to run
20
- * // the activity inside teh card
21
- * <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
22
- * <my-card *ngFor="..."></my-card>
23
- * <aup-add-card-activity type="inline" renderAs="card" [face]="i18n.commands.addModal" [activityClass]="AddCardActivity"></aup-add-card-activity>
24
- * </aup-card-stack>
25
- *
26
- * // adds an add card component using the specified template. The template
27
- * // will fill it's container in the grid.
28
- * <aup-card-stack>
29
- * <my-card *ngFor="..."></my-card>
30
- * <ng-template #addCardTemplate>
31
- * <div>This is a new card template, it will the the size of the other cards.</div>
32
- * </ng-template>
33
- * </aup-card-stack>
34
- *
35
- * // sing the default new card styles for your template
36
- * @import "../../../../assets/styles";
37
- * .my-new-card {
38
- * @include aup-card-stack-new-card-style();
39
- * // OR
40
- * @include aup-card-stack-new-card-style(
41
- * $color: rgba(0,0,0,0.54),
42
- * $background-color: rgba(255,255,255,0.8),
43
- * $hover-color: $color,
44
- * $background-hover-color: white
45
- * )
46
- * }
47
- * <aup-card-stack>
48
- * <my-card *ngFor="..."></my-card>
49
- * <ng-template #addCardTemplate>
50
- * <div class="my-new-card" >This is a new card template, it will the the size of the other cards.</div>
51
- * </ng-template>
52
- * </aup-card-stack>
53
- *
54
- * // CSS Vars
55
- * aup-card-stack {
56
- * --card-gap: var(--card-gap, 16px);
57
- * --card-height: var(--card-height, auto);
58
- * --card-min-height: var(--card-min-height, auto);
59
- * --card-background: var(--card-background, #fcfcfb);
60
- * }
61
- */
62
- export declare class CardStackComponent extends AbstractCardContainerComponent {
63
- }
@@ -1,7 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { DisposableComponent } from '../disposable-component';
3
- export declare class LabelledValueComponent extends DisposableComponent implements OnInit {
4
- label: string;
5
- constructor();
6
- ngOnInit(): void;
7
- }
@@ -1,38 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { ListModelChain } from '@coolon/pectin';
3
- import { Enum } from 'typescript-string-enums';
4
- import { CommandFace } from '../../../components/commands/command-face';
5
- import { InteractionContext } from '../../interaction-context';
6
- import { InteractionService } from '../../services/interaction.service';
7
- import { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';
8
- /**
9
- *
10
- */
11
- export declare class AddCardActivityComponent extends AbstractActivityTriggerComponent implements OnInit {
12
- private modalInteractionContext;
13
- inlineInteractionContext: InteractionContext;
14
- interactionStyle: AddCardActivityComponent.InteractionType;
15
- renderAs: AddCardActivityComponent.RenderAs;
16
- readonly faceList: ListModelChain<CommandFace>;
17
- get renderAsClass(): string;
18
- get activityTypeClass(): string;
19
- isRenderAsCard(): boolean;
20
- isRenderAsButton(): boolean;
21
- constructor(interactionService: InteractionService);
22
- ngOnInit(): void;
23
- get interactionContext(): InteractionContext;
24
- isModal(): boolean;
25
- isInline(): boolean;
26
- }
27
- export declare namespace AddCardActivityComponent {
28
- const InteractionType: {
29
- MODAL: "modal";
30
- INLINE: "inline";
31
- };
32
- type InteractionType = Enum<typeof InteractionType>;
33
- const RenderAs: {
34
- CARD: "card";
35
- BUTTON: "button";
36
- };
37
- type RenderAs = Enum<typeof RenderAs>;
38
- }
@@ -1,3 +0,0 @@
1
- export interface EditContext<T> {
2
- injectError(error: string): any;
3
- }
@@ -1,18 +0,0 @@
1
- import { ListModel, MutableValueModel, Validator, ValueModel } from '@coolon/pectin';
2
- import { EditContext } from '../edit-context';
3
- export declare class InlineEditorModel<T> {
4
- readonly valueModel: ValueModel<T>;
5
- readonly saveCallback: InlineEditorModel.SaveCallback<T>;
6
- readonly editing: MutableValueModel<boolean>;
7
- private readonly _validators;
8
- constructor(valueModel: ValueModel<T>, saveCallback: InlineEditorModel.SaveCallback<T>);
9
- get validators(): ListModel<Validator<T>>;
10
- validateUsing(validator: Validator<T>): this;
11
- isEditing(): boolean;
12
- }
13
- export declare namespace InlineEditorModel {
14
- type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;
15
- function create<T>(valueModel: ValueModel<T>, options: {
16
- save: SaveCallback<T>;
17
- }): InlineEditorModel<T>;
18
- }