@coolon/angular-ui-powerups 12.4.0-alpha.48 → 12.4.0-alpha.5
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.
- package/assets/{activities/activities.scss → activities.scss} +11 -15
- package/assets/form.scss +2 -5
- package/assets/interaction.scss +7 -10
- package/assets/mixins.scss +7 -5
- package/assets/styles.scss +15 -8
- package/bundles/coolon-angular-ui-powerups-cypress.umd.js +320 -735
- package/bundles/coolon-angular-ui-powerups-cypress.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.js +144 -854
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/cypress/components/aup-command-face.d.ts +8 -2
- package/cypress/components/aup-command.d.ts +1 -2
- package/cypress/components/aup-input.d.ts +5 -11
- package/cypress/components/aup-more-menu.d.ts +4 -0
- package/cypress/components/aup-popup-menu.d.ts +7 -0
- package/cypress/components/aup-table.d.ts +18 -5
- package/cypress/components/button-mixin.d.ts +19 -0
- package/cypress/components/button.d.ts +7 -11
- package/cypress/coolon-angular-ui-powerups-cypress.metadata.json +1 -1
- package/cypress/exports.d.ts +4 -25
- package/cypress/package.json +1 -1
- package/cypress/page-element.d.ts +12 -12
- package/cypress/page.d.ts +33 -8
- package/cypress/section.d.ts +52 -0
- package/esm2015/cypress/components/aup-command-face.js +22 -11
- package/esm2015/cypress/components/aup-command-face.js.map +1 -1
- package/esm2015/cypress/components/aup-command-face.metadata.json +1 -1
- package/esm2015/cypress/components/aup-command.js +6 -12
- package/esm2015/cypress/components/aup-command.js.map +1 -1
- package/esm2015/cypress/components/aup-command.metadata.json +1 -1
- package/esm2015/cypress/components/aup-input.js +5 -17
- package/esm2015/cypress/components/aup-input.js.map +1 -1
- package/esm2015/cypress/components/aup-input.metadata.json +1 -1
- package/esm2015/cypress/components/aup-more-menu.js +7 -0
- package/esm2015/cypress/components/aup-more-menu.js.map +1 -0
- package/esm2015/cypress/components/aup-more-menu.metadata.json +1 -0
- package/esm2015/cypress/components/aup-navigation.js +1 -1
- package/esm2015/cypress/components/aup-navigation.js.map +1 -1
- package/esm2015/cypress/components/aup-popup-menu.js +19 -0
- package/esm2015/cypress/components/aup-popup-menu.js.map +1 -0
- package/esm2015/cypress/components/aup-popup-menu.metadata.json +1 -0
- package/esm2015/cypress/components/aup-table.js +33 -5
- package/esm2015/cypress/components/aup-table.js.map +1 -1
- package/esm2015/cypress/components/aup-table.metadata.json +1 -1
- package/esm2015/cypress/components/button-mixin.js +15 -0
- package/esm2015/cypress/components/button-mixin.js.map +1 -0
- package/esm2015/cypress/components/button-mixin.metadata.json +1 -0
- package/esm2015/cypress/components/button.js +10 -4
- package/esm2015/cypress/components/button.js.map +1 -1
- package/esm2015/cypress/components/button.metadata.json +1 -1
- package/esm2015/cypress/exports.js +4 -25
- package/esm2015/cypress/exports.js.map +1 -1
- package/esm2015/cypress/exports.metadata.json +1 -1
- package/esm2015/cypress/page-element.js +19 -26
- package/esm2015/cypress/page-element.js.map +1 -1
- package/esm2015/cypress/page-element.metadata.json +1 -1
- package/esm2015/cypress/page.js +19 -31
- package/esm2015/cypress/page.js.map +1 -1
- package/esm2015/cypress/page.metadata.json +1 -1
- package/esm2015/cypress/path.js +1 -3
- package/esm2015/cypress/path.js.map +1 -1
- package/esm2015/cypress/section.js +72 -0
- package/esm2015/cypress/section.js.map +1 -0
- package/esm2015/cypress/section.metadata.json +1 -0
- package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +84 -0
- package/esm2015/lib/components/card-container/card-container.component.js.map +1 -0
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -0
- package/esm2015/lib/components/card-container/card-container.component.ngfactory.js.map +1 -0
- 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
- package/esm2015/lib/components/components.module.js +24 -37
- package/esm2015/lib/components/components.module.js.map +1 -1
- package/esm2015/lib/components/components.module.metadata.json +1 -1
- package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/empty-state/empty-state.component.js +1 -1
- package/esm2015/lib/components/empty-state/empty-state.component.metadata.json +1 -1
- package/esm2015/lib/components/exports.js +1 -5
- package/esm2015/lib/components/exports.js.map +1 -1
- package/esm2015/lib/components/exports.metadata.json +1 -1
- package/esm2015/lib/components/forms/abstract-input.component.js +0 -1
- package/esm2015/lib/components/forms/abstract-input.component.js.map +1 -1
- package/esm2015/lib/components/section-header/section-header.component.js +5 -12
- package/esm2015/lib/components/section-header/section-header.component.js.map +1 -1
- package/esm2015/lib/components/section-header/section-header.component.metadata.json +1 -1
- package/esm2015/lib/components/tables/tree-table/flattened-tree-list-model.js +4 -4
- package/esm2015/lib/components/tables/tree-table/flattened-tree-list-model.js.map +1 -1
- package/esm2015/lib/components/tables/tree-table/flattened-tree-list-model.metadata.json +1 -1
- package/esm2015/lib/components/tables/tree-table/tree-table-model.js +0 -1
- package/esm2015/lib/components/tables/tree-table/tree-table-model.js.map +1 -1
- package/esm2015/lib/components/tables/tree-table/tree-table-model.metadata.json +1 -1
- package/esm2015/lib/components/track-by.js +0 -12
- package/esm2015/lib/components/track-by.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js +11 -17
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-container/activity-container.component.js +1 -1
- package/esm2015/lib/interaction/components/activity-container/activity-container.component.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-container/activity-container.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.js +0 -4
- package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.js +1 -4
- package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.js +1 -4
- package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.js +1 -4
- package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.js +2 -6
- package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.js.map +1 -1
- package/esm2015/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/input-activities/abstract-input-activity.js +43 -0
- package/esm2015/lib/interaction/components/input-activities/abstract-input-activity.js.map +1 -0
- package/esm2015/lib/interaction/components/input-activities/abstract-input-activity.metadata.json +1 -0
- package/esm2015/lib/interaction/components/input-activities/abstract-input-activity.ngfactory.js.map +1 -0
- package/esm2015/lib/interaction/components/input-activities/input-activity-data.js +2 -0
- package/esm2015/lib/interaction/components/input-activities/input-activity-data.js.map +1 -0
- package/esm2015/lib/interaction/components/input-activities/input-activity-data.metadata.json +1 -0
- package/esm2015/lib/interaction/components/input-activities/select-input-activity-data.js +2 -0
- package/esm2015/lib/interaction/components/input-activities/select-input-activity-data.js.map +1 -0
- package/esm2015/lib/interaction/components/input-activities/select-input-activity-data.metadata.json +1 -0
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.js +3 -5
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.js.map +1 -1
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.metadata.json +1 -1
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.js +4 -6
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.js.map +1 -1
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.metadata.json +1 -1
- package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.js +0 -1
- package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.js.map +1 -1
- package/esm2015/lib/interaction/exports.js +3 -5
- package/esm2015/lib/interaction/exports.js.map +1 -1
- package/esm2015/lib/interaction/exports.metadata.json +1 -1
- package/esm2015/lib/interaction/interaction.module.js +5 -19
- package/esm2015/lib/interaction/interaction.module.js.map +1 -1
- package/esm2015/lib/interaction/interaction.module.metadata.json +1 -1
- package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +1 -1
- package/esm2015/lib/place/guards/consolidated-param-map.js +1 -2
- package/esm2015/lib/place/guards/consolidated-param-map.js.map +1 -1
- package/esm2015/lib/place/guards/consolidated-param-map.metadata.json +1 -1
- package/esm2015/lib/place/guards/place.guard.js +1 -2
- package/esm2015/lib/place/guards/place.guard.js.map +1 -1
- package/esm2015/lib/place/place-component.js +4 -31
- package/esm2015/lib/place/place-component.js.map +1 -1
- package/esm2015/lib/place/place-component.metadata.json +1 -1
- package/esm2015/lib/place/place-router.js +13 -10
- package/esm2015/lib/place/place-router.js.map +1 -1
- package/esm2015/lib/place/place-router.metadata.json +1 -1
- package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
- package/esm2015/lib/place/url-snapshot.js +7 -1
- package/esm2015/lib/place/url-snapshot.js.map +1 -1
- package/esm2015/lib/place/url-snapshot.metadata.json +1 -1
- package/esm2015/lib/place/visit.js +1 -5
- package/esm2015/lib/place/visit.js.map +1 -1
- package/esm2015/lib/place/visit.metadata.json +1 -1
- package/fesm2015/coolon-angular-ui-powerups-cypress.js +237 -550
- package/fesm2015/coolon-angular-ui-powerups-cypress.js.map +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +107 -715
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/{cards/card-container → card-container}/card-container.component.d.ts +9 -30
- package/lib/components/exports.d.ts +1 -5
- package/lib/components/section-header/section-header.component.d.ts +2 -5
- package/lib/components/tables/tree-table/flattened-tree-list-model.d.ts +1 -0
- package/lib/components/tables/tree-table/tree-table-model.d.ts +5 -4
- package/lib/components/track-by.d.ts +0 -9
- package/lib/interaction/components/activity-actions/activity-actions.component.d.ts +3 -14
- package/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.d.ts +1 -1
- package/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.d.ts +1 -2
- package/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.d.ts +1 -2
- package/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.d.ts +1 -2
- package/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.d.ts +0 -1
- package/lib/interaction/components/input-activities/abstract-input-activity.d.ts +12 -0
- package/lib/interaction/components/input-activities/input-activity-data.d.ts +11 -0
- package/lib/interaction/components/input-activities/select-input-activity-data.d.ts +8 -0
- package/lib/interaction/components/input-activities/select-input-activity.d.ts +3 -11
- package/lib/interaction/components/input-activities/string-input-activity.d.ts +2 -6
- package/lib/interaction/exports.d.ts +3 -5
- package/lib/place/place-component.d.ts +1 -6
- package/lib/place/place-router.d.ts +2 -2
- package/package.json +1 -1
- package/schematics/activity/templates/component/__name@dasherize__.component.html.template +1 -1
- package/schematics/activity/templates/component/__name@dasherize__.component.ts.template +3 -5
- package/schematics/place-routes/place-class-scanner.js +1 -3
- package/schematics/place-routes/place-class-scanner.js.map +1 -1
- package/assets/activities/input-activities.scss +0 -20
- package/assets/cards.scss +0 -17
- package/assets/empty-state.scss +0 -11
- package/assets/forms/mixins.scss +0 -6
- package/assets/interaction/editor/inline-string-editor.scss +0 -93
- package/cypress/component-builder.d.ts +0 -71
- package/cypress/components/aup-abstract-activity.d.ts +0 -31
- package/cypress/components/aup-abstract-table.d.ts +0 -18
- package/cypress/components/aup-activity.d.ts +0 -9
- package/cypress/components/aup-alert-dialog.d.ts +0 -27
- package/cypress/components/aup-alert.d.ts +0 -9
- package/cypress/components/aup-confirm-dialog.d.ts +0 -27
- package/cypress/components/aup-confirm.d.ts +0 -11
- package/cypress/components/aup-empty-state.d.ts +0 -4
- package/cypress/components/aup-modal-activity.d.ts +0 -24
- package/cypress/components/aup-modal-mixin.d.ts +0 -23
- package/cypress/components/aup-tree-table.d.ts +0 -16
- package/cypress/components/form-element-mixin.d.ts +0 -22
- package/cypress/components/mat-checkbox.d.ts +0 -31
- package/cypress/components/popup/aup-abstract-popup-menu.d.ts +0 -15
- package/cypress/components/popup/aup-more-menu.d.ts +0 -5
- package/cypress/components/popup/aup-popup-menu-panel.d.ts +0 -3
- package/cypress/components/popup/aup-popup-menu.d.ts +0 -7
- package/cypress/components/table/aup-table-cell.d.ts +0 -9
- package/cypress/components/table/aup-table-column.d.ts +0 -10
- package/cypress/components/table/aup-table-row.d.ts +0 -17
- package/cypress/components/table/aup-table-selection-cell.d.ts +0 -5
- package/cypress/components/table/aup-table-selection-column.d.ts +0 -5
- package/cypress/element-locator.d.ts +0 -8
- package/cypress/page-builder.d.ts +0 -9
- package/esm2015/cypress/component-builder.js +0 -92
- package/esm2015/cypress/component-builder.js.map +0 -1
- package/esm2015/cypress/component-builder.metadata.json +0 -1
- package/esm2015/cypress/components/aup-abstract-activity.js +0 -12
- package/esm2015/cypress/components/aup-abstract-activity.js.map +0 -1
- package/esm2015/cypress/components/aup-abstract-activity.metadata.json +0 -1
- package/esm2015/cypress/components/aup-abstract-table.js +0 -50
- package/esm2015/cypress/components/aup-abstract-table.js.map +0 -1
- package/esm2015/cypress/components/aup-abstract-table.metadata.json +0 -1
- package/esm2015/cypress/components/aup-activity.js +0 -13
- package/esm2015/cypress/components/aup-activity.js.map +0 -1
- package/esm2015/cypress/components/aup-activity.metadata.json +0 -1
- package/esm2015/cypress/components/aup-alert-dialog.js +0 -8
- package/esm2015/cypress/components/aup-alert-dialog.js.map +0 -1
- package/esm2015/cypress/components/aup-alert-dialog.metadata.json +0 -1
- package/esm2015/cypress/components/aup-alert.js +0 -13
- package/esm2015/cypress/components/aup-alert.js.map +0 -1
- package/esm2015/cypress/components/aup-alert.metadata.json +0 -1
- package/esm2015/cypress/components/aup-confirm-dialog.js +0 -8
- package/esm2015/cypress/components/aup-confirm-dialog.js.map +0 -1
- package/esm2015/cypress/components/aup-confirm-dialog.metadata.json +0 -1
- package/esm2015/cypress/components/aup-confirm.js +0 -19
- package/esm2015/cypress/components/aup-confirm.js.map +0 -1
- package/esm2015/cypress/components/aup-confirm.metadata.json +0 -1
- package/esm2015/cypress/components/aup-empty-state.js +0 -7
- package/esm2015/cypress/components/aup-empty-state.js.map +0 -1
- package/esm2015/cypress/components/aup-empty-state.metadata.json +0 -1
- package/esm2015/cypress/components/aup-modal-activity.js +0 -5
- package/esm2015/cypress/components/aup-modal-activity.js.map +0 -1
- package/esm2015/cypress/components/aup-modal-activity.metadata.json +0 -1
- package/esm2015/cypress/components/aup-modal-mixin.js +0 -18
- package/esm2015/cypress/components/aup-modal-mixin.js.map +0 -1
- package/esm2015/cypress/components/aup-modal-mixin.metadata.json +0 -1
- package/esm2015/cypress/components/aup-tree-table.js +0 -34
- package/esm2015/cypress/components/aup-tree-table.js.map +0 -1
- package/esm2015/cypress/components/aup-tree-table.metadata.json +0 -1
- package/esm2015/cypress/components/form-element-mixin.js +0 -11
- package/esm2015/cypress/components/form-element-mixin.js.map +0 -1
- package/esm2015/cypress/components/form-element-mixin.metadata.json +0 -1
- package/esm2015/cypress/components/mat-checkbox.js +0 -34
- package/esm2015/cypress/components/mat-checkbox.js.map +0 -1
- package/esm2015/cypress/components/mat-checkbox.metadata.json +0 -1
- package/esm2015/cypress/components/popup/aup-abstract-popup-menu.js +0 -33
- package/esm2015/cypress/components/popup/aup-abstract-popup-menu.js.map +0 -1
- package/esm2015/cypress/components/popup/aup-abstract-popup-menu.metadata.json +0 -1
- package/esm2015/cypress/components/popup/aup-more-menu.js +0 -8
- package/esm2015/cypress/components/popup/aup-more-menu.js.map +0 -1
- package/esm2015/cypress/components/popup/aup-more-menu.metadata.json +0 -1
- package/esm2015/cypress/components/popup/aup-popup-menu-panel.js +0 -4
- package/esm2015/cypress/components/popup/aup-popup-menu-panel.js.map +0 -1
- package/esm2015/cypress/components/popup/aup-popup-menu-panel.metadata.json +0 -1
- package/esm2015/cypress/components/popup/aup-popup-menu.js +0 -12
- package/esm2015/cypress/components/popup/aup-popup-menu.js.map +0 -1
- package/esm2015/cypress/components/popup/aup-popup-menu.metadata.json +0 -1
- package/esm2015/cypress/components/table/aup-table-cell.js +0 -14
- package/esm2015/cypress/components/table/aup-table-cell.js.map +0 -1
- package/esm2015/cypress/components/table/aup-table-cell.metadata.json +0 -1
- package/esm2015/cypress/components/table/aup-table-column.js +0 -19
- package/esm2015/cypress/components/table/aup-table-column.js.map +0 -1
- package/esm2015/cypress/components/table/aup-table-column.metadata.json +0 -1
- package/esm2015/cypress/components/table/aup-table-row.js +0 -28
- package/esm2015/cypress/components/table/aup-table-row.js.map +0 -1
- package/esm2015/cypress/components/table/aup-table-row.metadata.json +0 -1
- package/esm2015/cypress/components/table/aup-table-selection-cell.js +0 -6
- package/esm2015/cypress/components/table/aup-table-selection-cell.js.map +0 -1
- package/esm2015/cypress/components/table/aup-table-selection-cell.metadata.json +0 -1
- package/esm2015/cypress/components/table/aup-table-selection-column.js +0 -6
- package/esm2015/cypress/components/table/aup-table-selection-column.js.map +0 -1
- package/esm2015/cypress/components/table/aup-table-selection-column.metadata.json +0 -1
- package/esm2015/cypress/element-locator.js +0 -16
- package/esm2015/cypress/element-locator.js.map +0 -1
- package/esm2015/cypress/element-locator.metadata.json +0 -1
- package/esm2015/cypress/page-builder.js +0 -16
- package/esm2015/cypress/page-builder.js.map +0 -1
- package/esm2015/cypress/page-builder.metadata.json +0 -1
- package/esm2015/lib/components/cards/abstract-card-container.component.js +0 -29
- package/esm2015/lib/components/cards/abstract-card-container.component.js.map +0 -1
- package/esm2015/lib/components/cards/abstract-card-container.component.metadata.json +0 -1
- package/esm2015/lib/components/cards/abstract-card-container.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/cards/card-container/card-container.component.js +0 -123
- package/esm2015/lib/components/cards/card-container/card-container.component.js.map +0 -1
- package/esm2015/lib/components/cards/card-container/card-container.component.metadata.json +0 -1
- package/esm2015/lib/components/cards/card-container/card-container.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/cards/card-container/card-container.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/components/cards/card-stack/card-stack.component.js +0 -78
- package/esm2015/lib/components/cards/card-stack/card-stack.component.js.map +0 -1
- package/esm2015/lib/components/cards/card-stack/card-stack.component.metadata.json +0 -1
- package/esm2015/lib/components/cards/card-stack/card-stack.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/cards/card-stack/card-stack.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/components/labelled-value/labelled-value.component.js +0 -22
- package/esm2015/lib/components/labelled-value/labelled-value.component.js.map +0 -1
- package/esm2015/lib/components/labelled-value/labelled-value.component.metadata.json +0 -1
- package/esm2015/lib/components/labelled-value/labelled-value.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/loading-container/loading-container.component.js +0 -45
- package/esm2015/lib/components/loading-container/loading-container.component.js.map +0 -1
- package/esm2015/lib/components/loading-container/loading-container.component.metadata.json +0 -1
- package/esm2015/lib/components/loading-container/loading-container.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/loading-container/loading-container.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.js +0 -77
- package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.js.map +0 -1
- package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.metadata.json +0 -1
- package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.ngfactory.js.map +0 -1
- package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/interaction/components/editors/edit-context.js +0 -2
- package/esm2015/lib/interaction/components/editors/edit-context.js.map +0 -1
- package/esm2015/lib/interaction/components/editors/edit-context.metadata.json +0 -1
- package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js +0 -50
- package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js.map +0 -1
- package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.metadata.json +0 -1
- package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.js +0 -161
- package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.js.map +0 -1
- package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.metadata.json +0 -1
- package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.ngfactory.js.map +0 -1
- package/esm2015/lib/interaction/components/input-activities/input-activity.js +0 -95
- package/esm2015/lib/interaction/components/input-activities/input-activity.js.map +0 -1
- package/esm2015/lib/interaction/components/input-activities/input-activity.metadata.json +0 -1
- package/esm2015/lib/interaction/components/input-activities/input-activity.ngfactory.js.map +0 -1
- package/lib/components/cards/abstract-card-container.component.d.ts +0 -11
- package/lib/components/cards/card-stack/card-stack.component.d.ts +0 -65
- package/lib/components/labelled-value/labelled-value.component.d.ts +0 -7
- package/lib/components/loading-container/loading-container.component.d.ts +0 -11
- package/lib/interaction/components/add-card-activity/add-card-activity.component.d.ts +0 -39
- package/lib/interaction/components/editors/edit-context.d.ts +0 -3
- package/lib/interaction/components/editors/inline-string-editor/inline-editor-model.d.ts +0 -24
- package/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.d.ts +0 -57
- package/lib/interaction/components/input-activities/input-activity.d.ts +0 -41
|
@@ -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){transition:box-shadow .28s cubic-bezier(.4,0,.2,1);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)}:host[interactionStyle=inline][renderas=card]:not(.active):hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}:host[interactionStyle=inline][renderas=card]:not(.active):hover{border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=modal][renderas=card]{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);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)}:host[interactionStyle=modal][renderas=card]:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}:host[interactionStyle=modal][renderas=card]:hover{border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host-context(aup-card-container)[renderas=button]{align-self:start}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"]}]}],"notCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["class.not-card"]}]}],"renderAsClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class"]}]}],"activityTypeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":3},"arguments":["class"]}]}],"isRenderAsCard":[{"__symbolic":"method"}],"isRenderAsButton":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":54,"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 +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"}}}]
|
package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { DelegatingValueModel, Dsl, GarbageCollector, MutableListModel, MutableValueModel, TrackExternal, assert } from '@coolon/pectin';
|
|
2
|
-
export class InlineEditorModel extends GarbageCollector {
|
|
3
|
-
constructor(valueModel, saveCallback) {
|
|
4
|
-
super();
|
|
5
|
-
this.valueModel = valueModel;
|
|
6
|
-
this.saveCallback = saveCallback;
|
|
7
|
-
this.editing = new MutableValueModel(false);
|
|
8
|
-
this._validators = new MutableListModel();
|
|
9
|
-
this._editingEnabled = this.registerDisposable(new DelegatingValueModel().withDefault(true));
|
|
10
|
-
assert.notNil(valueModel);
|
|
11
|
-
const { when } = Dsl.disposeWith(this);
|
|
12
|
-
when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());
|
|
13
|
-
}
|
|
14
|
-
get editingEnabled() {
|
|
15
|
-
return this._editingEnabled.readonly;
|
|
16
|
-
}
|
|
17
|
-
disableWhile(condition) {
|
|
18
|
-
const { chain } = Dsl.disposeWith(this);
|
|
19
|
-
this.enableWhile(chain(condition).isFalsey());
|
|
20
|
-
return this;
|
|
21
|
-
}
|
|
22
|
-
enableWhile(condition) {
|
|
23
|
-
this._editingEnabled.setDelegate(condition);
|
|
24
|
-
return this;
|
|
25
|
-
}
|
|
26
|
-
get validators() {
|
|
27
|
-
return this._validators.readonly;
|
|
28
|
-
}
|
|
29
|
-
validateUsing(validator) {
|
|
30
|
-
this._validators.push(validator);
|
|
31
|
-
return this;
|
|
32
|
-
}
|
|
33
|
-
isEditing() {
|
|
34
|
-
return this.editing.value;
|
|
35
|
-
}
|
|
36
|
-
cancelEdit() {
|
|
37
|
-
this.editing.value = false;
|
|
38
|
-
}
|
|
39
|
-
startEditing() {
|
|
40
|
-
this.editing.value = true;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
(function (InlineEditorModel) {
|
|
44
|
-
function create(valueModel, options) {
|
|
45
|
-
return new InlineEditorModel(valueModel, options.save);
|
|
46
|
-
}
|
|
47
|
-
InlineEditorModel.create = create;
|
|
48
|
-
})(InlineEditorModel || (InlineEditorModel = {}));
|
|
49
|
-
TrackExternal.oneTimeBinding(InlineEditorModel);
|
|
50
|
-
//# sourceMappingURL=inline-editor-model.js.map
|
package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js.map
DELETED
|
@@ -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,EACL,oBAAoB,EACpB,GAAG,EACH,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EAGb,MAAM,EACP,MAAM,gBAAgB,CAAC;AAIxB,MAAM,OAAO,iBAAqB,SAAQ,gBAAgB;IAMxD,YAAqB,UAAyB,EAAW,YAA+C;QACtG,KAAK,EAAE,CAAC;QADW,eAAU,GAAV,UAAU,CAAe;QAAW,iBAAY,GAAZ,YAAY,CAAmC;QAJ/F,YAAO,GAAG,IAAI,iBAAiB,CAAU,KAAK,CAAC,CAAC;QACxC,gBAAW,GAAmC,IAAI,gBAAgB,EAAgB,CAAC;QAC5F,oBAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAIvG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC1B,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,SAA8B;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,SAA8B;QACxC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,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;IAGD,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,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 {\n DelegatingValueModel,\n Dsl,\n GarbageCollector,\n ListModel,\n MutableListModel,\n MutableValueModel,\n TrackExternal,\n Validator,\n ValueModel,\n assert\n} from '@coolon/pectin';\nimport { EditContext } from '../edit-context';\n\n\nexport class InlineEditorModel<T> extends GarbageCollector {\n\n readonly editing = new MutableValueModel<boolean>(false);\n private readonly _validators: MutableListModel<Validator<T>> = new MutableListModel<Validator<T>>();\n private _editingEnabled = this.registerDisposable(new DelegatingValueModel<boolean>().withDefault(true));\n\n constructor(readonly valueModel: ValueModel<T>, readonly saveCallback: InlineEditorModel.SaveCallback<T>) {\n super();\n assert.notNil(valueModel);\n const { when } = Dsl.disposeWith(this);\n when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());\n }\n\n get editingEnabled(): ValueModel<boolean> {\n return this._editingEnabled.readonly;\n }\n\n disableWhile(condition: ValueModel<boolean>): this {\n const { chain } = Dsl.disposeWith(this);\n this.enableWhile(chain(condition).isFalsey());\n return this;\n }\n\n enableWhile(condition: ValueModel<boolean>): this {\n this._editingEnabled.setDelegate(condition);\n return this;\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\n isEditing(): boolean {\n return this.editing.value;\n }\n\n cancelEdit() {\n this.editing.value = false;\n }\n\n startEditing() {\n this.editing.value = true;\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","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":15,"character":42},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ValueModel","line":21,"character":35,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":46,"context":{"typeName":"T"}}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"InlineEditorModel"},"member":"SaveCallback","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":104,"context":{"typeName":"T"}}]}]}],"disableWhile":[{"__symbolic":"method"}],"enableWhile":[{"__symbolic":"method"}],"validateUsing":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"startEditing":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import { __awaiter, __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Component, Input, ViewChild } from '@angular/core';
|
|
3
|
-
import { Command, DelegatingValueModel, 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: EditContext) => {
|
|
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
|
-
this.editingEnabled = this.registerDisposable(new DelegatingValueModel());
|
|
34
|
-
const { chain, when, valueOf } = Dsl.disposeWith(this);
|
|
35
|
-
const modalIC = interactionService.createModalInteractionContextDisposedWith(this);
|
|
36
|
-
const resolvedFacesModel = chain(this.facesModel).map(userFaces => {
|
|
37
|
-
return Object.assign(Object.assign({}, InlineStringEditorComponent.DEFAULT_FACES), userFaces);
|
|
38
|
-
}, { allowNil: true });
|
|
39
|
-
this.editFaceModel = resolvedFacesModel.pluck('edit');
|
|
40
|
-
this.saveFace = resolvedFacesModel.pluck('save');
|
|
41
|
-
this.cancelFace = resolvedFacesModel.pluck('cancel');
|
|
42
|
-
const self = this;
|
|
43
|
-
this.editCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
|
|
44
|
-
this.editorModel.editing.value = true;
|
|
45
|
-
try {
|
|
46
|
-
yield this.interactionContext.startActivity(StringInputActivity, this.createInputActivityData());
|
|
47
|
-
}
|
|
48
|
-
catch (e) {
|
|
49
|
-
// don't care if they cancelled, just hiding the console errors
|
|
50
|
-
}
|
|
51
|
-
finally {
|
|
52
|
-
this.editorModel.editing.value = false;
|
|
53
|
-
}
|
|
54
|
-
})).enableWhile(this.editingEnabled);
|
|
55
|
-
this.onDispose(() => this.cancelEdit());
|
|
56
|
-
}
|
|
57
|
-
ngOnInit() {
|
|
58
|
-
// our editor model is a one time binding without delegates so we can only
|
|
59
|
-
// use it once we've been initialised
|
|
60
|
-
const { chain, when, valueOf } = Dsl.disposeWith(this);
|
|
61
|
-
if (!this.editorModel) {
|
|
62
|
-
lang.illegalState('editorModel is required');
|
|
63
|
-
}
|
|
64
|
-
this.editingEnabled.setDelegate(this.editorModel.editingEnabled);
|
|
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
|
-
confirmFace: self.saveFace.value,
|
|
81
|
-
cancelFace: self.cancelFace.value,
|
|
82
|
-
placeholder: self.placeHolderModel.value,
|
|
83
|
-
label: self.label,
|
|
84
|
-
layout: InputActivity.Layout.INLINE,
|
|
85
|
-
validators: self.editorModel.validators.value,
|
|
86
|
-
save(value, inputContext) {
|
|
87
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
88
|
-
yield self.editorModel.saveCallback(value, inputContext);
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
}
|
|
93
|
-
cancelEdit() {
|
|
94
|
-
if (this.isEditing()) {
|
|
95
|
-
this.interactionContext.cancelActiveActivity();
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
startEdit() {
|
|
99
|
-
if (!this.isEditing() && this.editCommand.enabled.value) {
|
|
100
|
-
this.editCommand.execute();
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
isEditing() {
|
|
104
|
-
return this.interactionContext.isActive();
|
|
105
|
-
}
|
|
106
|
-
isEmpty() {
|
|
107
|
-
return this.empty.value;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
InlineStringEditorComponent.decorators = [
|
|
111
|
-
{ type: Component, args: [{
|
|
112
|
-
selector: 'aup-inline-string-editor',
|
|
113
|
-
template: "<div class=\"container\" *ngIf=\"!editorModel.isEditing()\">\n <mat-form-field appearance=\"standard\" floatLabel=\"always\" (click)=\"startEdit()\"\n [class.editable]=\"editingEnabled.value\" [class.empty]=\"isEmpty()\">\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\n <input matInput\n placeholder=\"{{placeHolder}}\"\n [ngModel]=\"editorModel.valueModel.value\"\n [disabled]=\"true\"\n >\n <!-- <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>-->\n <!-- <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>-->\n <!-- <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>-->\n </mat-form-field>\n <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n</div>\n<aup-in-place-interaction-context [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n"
|
|
114
|
-
},] }
|
|
115
|
-
];
|
|
116
|
-
InlineStringEditorComponent.ctorParameters = () => [
|
|
117
|
-
{ type: InteractionService }
|
|
118
|
-
];
|
|
119
|
-
InlineStringEditorComponent.propDecorators = {
|
|
120
|
-
editorModel: [{ type: Input }],
|
|
121
|
-
facesModel: [{ type: Input }],
|
|
122
|
-
faces: [{ type: Input }],
|
|
123
|
-
interactionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent,] }],
|
|
124
|
-
label: [{ type: Input }],
|
|
125
|
-
placeHolder: [{ type: Input }],
|
|
126
|
-
placeHolderModel: [{ type: Input }]
|
|
127
|
-
};
|
|
128
|
-
__decorate([
|
|
129
|
-
TrackExternal(),
|
|
130
|
-
__metadata("design:type", InlineEditorModel)
|
|
131
|
-
], InlineStringEditorComponent.prototype, "editorModel", void 0);
|
|
132
|
-
__decorate([
|
|
133
|
-
TrackExternal(),
|
|
134
|
-
__metadata("design:type", ValueModel)
|
|
135
|
-
], InlineStringEditorComponent.prototype, "facesModel", void 0);
|
|
136
|
-
__decorate([
|
|
137
|
-
StoreInValueModel('facesModel'),
|
|
138
|
-
__metadata("design:type", Object)
|
|
139
|
-
], InlineStringEditorComponent.prototype, "faces", void 0);
|
|
140
|
-
__decorate([
|
|
141
|
-
StoreInValueModel('placeHolderModel'),
|
|
142
|
-
__metadata("design:type", String)
|
|
143
|
-
], InlineStringEditorComponent.prototype, "placeHolder", void 0);
|
|
144
|
-
__decorate([
|
|
145
|
-
TrackExternal(),
|
|
146
|
-
__metadata("design:type", ValueModel)
|
|
147
|
-
], InlineStringEditorComponent.prototype, "placeHolderModel", void 0);
|
|
148
|
-
(function (InlineStringEditorComponent) {
|
|
149
|
-
InlineStringEditorComponent.DEFAULT_FACES = {
|
|
150
|
-
edit: {
|
|
151
|
-
icon: () => 'mat:edit'
|
|
152
|
-
},
|
|
153
|
-
save: {
|
|
154
|
-
icon: () => 'mat:check'
|
|
155
|
-
},
|
|
156
|
-
cancel: {
|
|
157
|
-
icon: () => 'mat:clear'
|
|
158
|
-
}
|
|
159
|
-
};
|
|
160
|
-
})(InlineStringEditorComponent || (InlineStringEditorComponent = {}));
|
|
161
|
-
//# 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;AACjF,OAAO,EAEL,OAAO,EAAE,oBAAoB,EAC7B,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;IAuClE,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QAHD,mBAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,CAAC;QAIrF,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,OAAO,CAAC,EAAE;gBACV,+DAA+D;aAChE;oBAAS;gBACR,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;aACxC;QACH,CAAC,CAAA,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAEpC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAE1C,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,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAEjE,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;IAE3D,CAAC;IAGO,uBAAuB;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,OAAO;YACL,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK;YAC/C,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK;YAChC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK;YACjC,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;;;YA5IF,SAAS,SAAC;gBACT,QAAQ,EAAE,0BAA0B;gBACpC,w7BAAoD;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;AAkHvC,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, HostBinding, Input, OnInit, ViewChild } from '@angular/core';\nimport {\n BooleanValueModelChain,\n Command, DelegatingValueModel,\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: EditContext) => {\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 readonly editingEnabled = this.registerDisposable(new DelegatingValueModel<boolean>());\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 if they cancelled, just hiding the console errors\n } finally {\n this.editorModel.editing.value = false;\n }\n }).enableWhile(this.editingEnabled);\n\n this.onDispose(() => this.cancelEdit());\n\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 this.editingEnabled.setDelegate(this.editorModel.editingEnabled);\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 confirmFace: self.saveFace.value,\n cancelFace: 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":"<div class=\"container\" *ngIf=\"!editorModel.isEditing()\">\n <mat-form-field appearance=\"standard\" floatLabel=\"always\" (click)=\"startEdit()\"\n [class.editable]=\"editingEnabled.value\" [class.empty]=\"isEmpty()\">\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\n <input matInput\n placeholder=\"{{placeHolder}}\"\n [ngModel]=\"editorModel.valueModel.value\"\n [disabled]=\"true\"\n >\n <!-- <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>-->\n <!-- <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>-->\n <!-- <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>-->\n </mat-form-field>\n <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n</div>\n<aup-in-place-interaction-context [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\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":82,"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,95 +0,0 @@
|
|
|
1
|
-
import { __awaiter } from "tslib";
|
|
2
|
-
import { Component, HostBinding, HostListener, Inject, Input } from '@angular/core';
|
|
3
|
-
import { Command, DirtyTrackingForm } from '@coolon/pectin';
|
|
4
|
-
import * as _ from 'lodash';
|
|
5
|
-
import { Enum } from 'typescript-string-enums';
|
|
6
|
-
import { Activity, ACTIVITY_DATA } from '../../activity';
|
|
7
|
-
// @see https://github.com/ng-packagr/ng-packagr/issues/641 and https://github.com/angular/angular/issues/21123
|
|
8
|
-
// we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)
|
|
9
|
-
// @dynamic
|
|
10
|
-
export class InputActivity extends Activity {
|
|
11
|
-
constructor(data) {
|
|
12
|
-
var _a, _b;
|
|
13
|
-
super();
|
|
14
|
-
this.data = data;
|
|
15
|
-
this.class = 'aup-input-activity';
|
|
16
|
-
const form = new DirtyTrackingForm();
|
|
17
|
-
this.valueModel = form.valueModel(this.data.initialValue);
|
|
18
|
-
this.valueModel.validateUsing(data.validators || []);
|
|
19
|
-
// TODO: move to global configuration
|
|
20
|
-
this.confirmFace = (_a = data.confirmFace) !== null && _a !== void 0 ? _a : {
|
|
21
|
-
icon: () => 'mat:check'
|
|
22
|
-
};
|
|
23
|
-
this.cancelFace = (_b = data.cancelFace) !== null && _b !== void 0 ? _b : {
|
|
24
|
-
icon: () => 'mat:clear'
|
|
25
|
-
};
|
|
26
|
-
this.confirmCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
|
|
27
|
-
if (this.valueModel.validate()) {
|
|
28
|
-
if (data.save) {
|
|
29
|
-
const self = this;
|
|
30
|
-
try {
|
|
31
|
-
let allGood = true;
|
|
32
|
-
const result = yield data.save(this.valueModel.value, {
|
|
33
|
-
injectError(error) {
|
|
34
|
-
allGood = false;
|
|
35
|
-
self.valueModel.injectErrors([error]);
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
if (allGood) {
|
|
39
|
-
this.done(this.valueModel.value);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
catch (e) {
|
|
43
|
-
console.error(e);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
this.done(this.valueModel.value);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}));
|
|
51
|
-
this.cancelCommand = Command.create(() => {
|
|
52
|
-
this.cancel();
|
|
53
|
-
});
|
|
54
|
-
this.busyWhile(this.confirmCommand.busy);
|
|
55
|
-
}
|
|
56
|
-
get layout() {
|
|
57
|
-
var _a, _b;
|
|
58
|
-
return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.layout) !== null && _b !== void 0 ? _b : InputActivity.Layout.BLOCK;
|
|
59
|
-
}
|
|
60
|
-
onActivityReady() {
|
|
61
|
-
this.valueModel.focusContext.requestFocus();
|
|
62
|
-
}
|
|
63
|
-
get additionalCssClassName() {
|
|
64
|
-
var _a;
|
|
65
|
-
return (_a = this.data.cssClassName) !== null && _a !== void 0 ? _a : '';
|
|
66
|
-
}
|
|
67
|
-
onEscape() {
|
|
68
|
-
if (this.shouldCancelOnEscape() && this.cancelCommand.enabled.value) {
|
|
69
|
-
this.cancelCommand.execute();
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
shouldCancelOnEscape() {
|
|
73
|
-
return _.isNil(this.data.cancelOnEscape) // we default to true..
|
|
74
|
-
|| this.data.cancelOnEscape;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
InputActivity.decorators = [
|
|
78
|
-
{ type: Component, args: [{ template: `` },] }
|
|
79
|
-
];
|
|
80
|
-
InputActivity.ctorParameters = () => [
|
|
81
|
-
{ type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
|
|
82
|
-
];
|
|
83
|
-
InputActivity.propDecorators = {
|
|
84
|
-
class: [{ type: HostBinding, args: ['class',] }],
|
|
85
|
-
layout: [{ type: Input }, { type: HostBinding, args: ['attr.layout',] }],
|
|
86
|
-
additionalCssClassName: [{ type: HostBinding, args: ["class",] }],
|
|
87
|
-
onEscape: [{ type: HostListener, args: ['keydown.escape',] }]
|
|
88
|
-
};
|
|
89
|
-
(function (InputActivity) {
|
|
90
|
-
InputActivity.Layout = Enum({
|
|
91
|
-
INLINE: 'inline',
|
|
92
|
-
BLOCK: 'block'
|
|
93
|
-
});
|
|
94
|
-
})(InputActivity || (InputActivity = {}));
|
|
95
|
-
//# 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":"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","sourcesContent":["import { Component, HostBinding, HostListener, Inject, Input } from '@angular/core';\nimport { Command, DirtyTrackingForm, Form, Validator } from '@coolon/pectin';\nimport * as _ from 'lodash';\nimport { Enum } from 'typescript-string-enums';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\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 readonly confirmFace: CommandFace;\n readonly cancelFace: CommandFace;\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 // TODO: move to global configuration\n this.confirmFace = data.confirmFace ?? {\n icon: () => 'mat:check'\n };\n this.cancelFace = data.cancelFace ?? {\n icon: () => 'mat:clear'\n };\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 console.error(e);\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 @HostBinding(\"class\")\n get additionalCssClassName():string {\n return this.data.cssClassName ?? ''\n }\n\n @HostListener('keydown.escape')\n onEscape() {\n if (this.shouldCancelOnEscape() && this.cancelCommand.enabled.value) {\n this.cancelCommand.execute();\n }\n }\n\n shouldCancelOnEscape(): boolean {\n return _.isNil(this.data.cancelOnEscape) // we default to true..\n || this.data.cancelOnEscape;\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 confirmFace?: CommandFace,\n cancelFace?: CommandFace,\n validators?: Validator<T>[],\n cancelOnEscape?: boolean,\n cssClassName?: string,\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":11,"character":95},"arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"template":""}]}],"members":{"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":3},"arguments":["class"]}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["attr.layout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":15},"arguments":[{"__symbolic":"reference","module":"../../activity","name":"ACTIVITY_DATA","line":28,"character":22}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":28,"character":52,"context":{"typeName":"D"}}]}],"onActivityReady":[{"__symbolic":"method"}],"additionalCssClassName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":3},"arguments":["class"]}]}],"onEscape":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":83,"character":3},"arguments":["keydown.escape"]}]}],"shouldCancelOnEscape":[{"__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,65 +0,0 @@
|
|
|
1
|
-
import { AbstractCardContainerComponent } from '../abstract-card-container.component';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated deprecated, use `aup-card-container [columnCount]="1"` instead.
|
|
4
|
-
* @example
|
|
5
|
-
* // basic usage
|
|
6
|
-
* <aup-card-stack>
|
|
7
|
-
* <my-card *ngFor="..."></my-card>
|
|
8
|
-
* </aup-card-stack>
|
|
9
|
-
*
|
|
10
|
-
* // adds an add button with a the '+' icon to the end of the card list.
|
|
11
|
-
* <aup-card-stack [addCardCommand]="addCard">
|
|
12
|
-
* <my-card *ngFor="..."></my-card>
|
|
13
|
-
* </aup-card-stack>
|
|
14
|
-
*
|
|
15
|
-
* // adds an add button with the specified face
|
|
16
|
-
* <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
|
|
17
|
-
* <my-card *ngFor="..."></my-card>
|
|
18
|
-
* </aup-card-stack>
|
|
19
|
-
*
|
|
20
|
-
* // use the aup-add-card-activity to display as the new card place holder and to run
|
|
21
|
-
* // the activity inside teh card
|
|
22
|
-
* <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
|
|
23
|
-
* <my-card *ngFor="..."></my-card>
|
|
24
|
-
* <aup-add-card-activity type="inline" renderAs="card" [face]="i18n.commands.addModal" [activityClass]="AddCardActivity"></aup-add-card-activity>
|
|
25
|
-
* </aup-card-stack>
|
|
26
|
-
*
|
|
27
|
-
* // adds an add card component using the specified template. The template
|
|
28
|
-
* // will fill it's container in the grid.
|
|
29
|
-
* <aup-card-stack>
|
|
30
|
-
* <my-card *ngFor="..."></my-card>
|
|
31
|
-
* <ng-template #addCardTemplate>
|
|
32
|
-
* <div>This is a new card template, it will the the size of the other cards.</div>
|
|
33
|
-
* </ng-template>
|
|
34
|
-
* </aup-card-stack>
|
|
35
|
-
*
|
|
36
|
-
* // sing the default new card styles for your template
|
|
37
|
-
* @import "../../../../assets/styles";
|
|
38
|
-
* .my-new-card {
|
|
39
|
-
* @include aup-card-stack-new-card-style();
|
|
40
|
-
* // OR
|
|
41
|
-
* @include aup-card-stack-new-card-style(
|
|
42
|
-
* $color: rgba(0,0,0,0.54),
|
|
43
|
-
* $background-color: rgba(255,255,255,0.8),
|
|
44
|
-
* $hover-color: $color,
|
|
45
|
-
* $background-hover-color: white
|
|
46
|
-
* )
|
|
47
|
-
* }
|
|
48
|
-
* <aup-card-stack>
|
|
49
|
-
* <my-card *ngFor="..."></my-card>
|
|
50
|
-
* <ng-template #addCardTemplate>
|
|
51
|
-
* <div class="my-new-card" >This is a new card template, it will the the size of the other cards.</div>
|
|
52
|
-
* </ng-template>
|
|
53
|
-
* </aup-card-stack>
|
|
54
|
-
*
|
|
55
|
-
* // CSS Vars
|
|
56
|
-
* aup-card-stack {
|
|
57
|
-
* --card-gap: var(--card-gap, 16px);
|
|
58
|
-
* --card-height: var(--card-height, auto);
|
|
59
|
-
* --card-min-height: var(--card-min-height, auto);
|
|
60
|
-
* --card-background: var(--card-background, #fcfcfb);
|
|
61
|
-
* }
|
|
62
|
-
*/
|
|
63
|
-
export declare class CardStackComponent extends AbstractCardContainerComponent {
|
|
64
|
-
constructor();
|
|
65
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import { GarbageCollector, ValueModel } from '@coolon/pectin';
|
|
3
|
-
export declare class LoadingContainerComponent extends GarbageCollector implements OnInit {
|
|
4
|
-
loadingModel: ValueModel<boolean>;
|
|
5
|
-
loading: boolean;
|
|
6
|
-
messageModel: ValueModel<string>;
|
|
7
|
-
message: string;
|
|
8
|
-
get state(): string;
|
|
9
|
-
constructor();
|
|
10
|
-
ngOnInit(): void;
|
|
11
|
-
}
|
|
@@ -1,39 +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
|
-
notCard: boolean;
|
|
17
|
-
readonly faceList: ListModelChain<CommandFace>;
|
|
18
|
-
get renderAsClass(): string;
|
|
19
|
-
get activityTypeClass(): string;
|
|
20
|
-
isRenderAsCard(): boolean;
|
|
21
|
-
isRenderAsButton(): boolean;
|
|
22
|
-
constructor(interactionService: InteractionService);
|
|
23
|
-
ngOnInit(): void;
|
|
24
|
-
get interactionContext(): InteractionContext;
|
|
25
|
-
isModal(): boolean;
|
|
26
|
-
isInline(): boolean;
|
|
27
|
-
}
|
|
28
|
-
export declare namespace AddCardActivityComponent {
|
|
29
|
-
const InteractionType: {
|
|
30
|
-
MODAL: "modal";
|
|
31
|
-
INLINE: "inline";
|
|
32
|
-
};
|
|
33
|
-
type InteractionType = Enum<typeof InteractionType>;
|
|
34
|
-
const RenderAs: {
|
|
35
|
-
CARD: "card";
|
|
36
|
-
BUTTON: "button";
|
|
37
|
-
};
|
|
38
|
-
type RenderAs = Enum<typeof RenderAs>;
|
|
39
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { GarbageCollector, ListModel, MutableValueModel, Validator, ValueModel } from '@coolon/pectin';
|
|
2
|
-
import { EditContext } from '../edit-context';
|
|
3
|
-
export declare class InlineEditorModel<T> extends GarbageCollector {
|
|
4
|
-
readonly valueModel: ValueModel<T>;
|
|
5
|
-
readonly saveCallback: InlineEditorModel.SaveCallback<T>;
|
|
6
|
-
readonly editing: MutableValueModel<boolean>;
|
|
7
|
-
private readonly _validators;
|
|
8
|
-
private _editingEnabled;
|
|
9
|
-
constructor(valueModel: ValueModel<T>, saveCallback: InlineEditorModel.SaveCallback<T>);
|
|
10
|
-
get editingEnabled(): ValueModel<boolean>;
|
|
11
|
-
disableWhile(condition: ValueModel<boolean>): this;
|
|
12
|
-
enableWhile(condition: ValueModel<boolean>): this;
|
|
13
|
-
get validators(): ListModel<Validator<T>>;
|
|
14
|
-
validateUsing(validator: Validator<T>): this;
|
|
15
|
-
isEditing(): boolean;
|
|
16
|
-
cancelEdit(): void;
|
|
17
|
-
startEditing(): void;
|
|
18
|
-
}
|
|
19
|
-
export declare namespace InlineEditorModel {
|
|
20
|
-
type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;
|
|
21
|
-
function create<T>(valueModel: ValueModel<T>, options: {
|
|
22
|
-
save: SaveCallback<T>;
|
|
23
|
-
}): InlineEditorModel<T>;
|
|
24
|
-
}
|