@coolon/angular-ui-powerups 2.0.0-alpha.29 → 2.0.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.
- package/CHANGELOG.md +0 -177
- package/assets/form.scss +4 -5
- package/assets/styles.scss +0 -2
- package/bundles/coolon-angular-ui-powerups.umd.js +339 -1152
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +2 -2
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/coolon-angular-ui-powerups.d.ts +54 -64
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/coolon-angular-ui-powerups.js +52 -62
- package/esm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/esm2015/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +1 -1
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -1
- package/esm2015/lib/components/components.module.js +14 -58
- 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/forms/abstract-input.component.js +4 -12
- package/esm2015/lib/components/forms/abstract-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/abstract-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/abstract-list-input.component.js +6 -51
- package/esm2015/lib/components/forms/abstract-list-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/abstract-list-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/abstract-value-input.component.js +3 -47
- package/esm2015/lib/components/forms/abstract-value-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/abstract-value-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/checkbox-input/checkbox-input.component.js +6 -3
- package/esm2015/lib/components/forms/checkbox-input/checkbox-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/checkbox-input/checkbox-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/multiple-select-input/multiple-select-input.component.js +13 -8
- package/esm2015/lib/components/forms/multiple-select-input/multiple-select-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/multiple-select-input/multiple-select-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/number-input/number-input.component.js +6 -3
- package/esm2015/lib/components/forms/number-input/number-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/number-input/number-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/password-input/password-input.component.js +7 -4
- package/esm2015/lib/components/forms/password-input/password-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/password-input/password-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/select-input/select-input.component.js +5 -2
- package/esm2015/lib/components/forms/select-input/select-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/select-input/select-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/string-input/string-input.component.js +7 -3
- package/esm2015/lib/components/forms/string-input/string-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/string-input/string-input.component.metadata.json +1 -1
- package/esm2015/lib/components/forms/text-input/text-input.component.js +6 -3
- package/esm2015/lib/components/forms/text-input/text-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/text-input/text-input.component.metadata.json +1 -1
- package/esm2015/lib/components/icon/icon.component.js +4 -17
- package/esm2015/lib/components/icon/icon.component.js.map +1 -1
- package/esm2015/lib/components/icon/icon.component.metadata.json +1 -1
- package/esm2015/lib/components/index.js +1 -12
- package/esm2015/lib/components/index.js.map +1 -1
- package/esm2015/lib/components/index.metadata.json +1 -1
- package/esm2015/lib/components/table/cell-editors.js.map +1 -1
- package/esm2015/lib/components/table/{cell-portal-ref.js → cell-protal-ref.js} +3 -7
- package/esm2015/lib/components/table/cell-protal-ref.js.map +1 -0
- package/esm2015/lib/components/table/{cell-portal-ref.metadata.json → cell-protal-ref.metadata.json} +1 -1
- package/esm2015/lib/components/table/column-model.js +11 -66
- package/esm2015/lib/components/table/column-model.js.map +1 -1
- package/esm2015/lib/components/table/column-model.metadata.json +1 -1
- package/esm2015/lib/components/table/table-cell-renderer/table-cell-renderer.component.js +1 -1
- package/esm2015/lib/components/table/table-cell-renderer/table-cell-renderer.component.js.map +1 -1
- package/esm2015/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.js +1 -1
- package/esm2015/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.js.map +1 -1
- package/esm2015/lib/components/table/table-model.js +10 -11
- package/esm2015/lib/components/table/table-model.js.map +1 -1
- package/esm2015/lib/components/table/table-model.metadata.json +1 -1
- package/esm2015/lib/components/table/table.component.js +1 -1
- package/esm2015/lib/components/table/table.component.js.map +1 -1
- package/esm2015/lib/components/table/table.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-container/activity-container.component.js +7 -2
- 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/interaction.module.ngfactory.js.map +1 -1
- package/esm2015/lib/place/place-component.js +1 -1
- package/esm2015/lib/place/place-component.js.map +1 -1
- package/esm2015/lib/place/place-router.js +8 -2
- 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/route/parameter-decorators.js +3 -2
- package/esm2015/lib/place/route/parameter-decorators.js.map +1 -1
- package/esm2015/lib/place/route/parameter-decorators.metadata.json +1 -1
- package/esm5/coolon-angular-ui-powerups.js +52 -62
- package/esm5/coolon-angular-ui-powerups.js.map +1 -1
- package/esm5/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm5/lib/components/card-container/card-container.component.js +1 -1
- package/esm5/lib/components/components.module.js +14 -58
- package/esm5/lib/components/components.module.js.map +1 -1
- package/esm5/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm5/lib/components/forms/abstract-input.component.js +4 -12
- package/esm5/lib/components/forms/abstract-input.component.js.map +1 -1
- package/esm5/lib/components/forms/abstract-list-input.component.js +6 -56
- package/esm5/lib/components/forms/abstract-list-input.component.js.map +1 -1
- package/esm5/lib/components/forms/abstract-value-input.component.js +3 -52
- package/esm5/lib/components/forms/abstract-value-input.component.js.map +1 -1
- package/esm5/lib/components/forms/checkbox-input/checkbox-input.component.js +6 -3
- package/esm5/lib/components/forms/checkbox-input/checkbox-input.component.js.map +1 -1
- package/esm5/lib/components/forms/multiple-select-input/multiple-select-input.component.js +13 -8
- package/esm5/lib/components/forms/multiple-select-input/multiple-select-input.component.js.map +1 -1
- package/esm5/lib/components/forms/number-input/number-input.component.js +6 -3
- package/esm5/lib/components/forms/number-input/number-input.component.js.map +1 -1
- package/esm5/lib/components/forms/password-input/password-input.component.js +7 -4
- package/esm5/lib/components/forms/password-input/password-input.component.js.map +1 -1
- package/esm5/lib/components/forms/select-input/select-input.component.js +5 -2
- package/esm5/lib/components/forms/select-input/select-input.component.js.map +1 -1
- package/esm5/lib/components/forms/string-input/string-input.component.js +7 -3
- package/esm5/lib/components/forms/string-input/string-input.component.js.map +1 -1
- package/esm5/lib/components/forms/text-input/text-input.component.js +6 -3
- package/esm5/lib/components/forms/text-input/text-input.component.js.map +1 -1
- package/esm5/lib/components/icon/icon.component.js +3 -15
- package/esm5/lib/components/icon/icon.component.js.map +1 -1
- package/esm5/lib/components/index.js +1 -12
- package/esm5/lib/components/index.js.map +1 -1
- package/esm5/lib/components/table/cell-editors.js.map +1 -1
- package/esm5/lib/components/table/{cell-portal-ref.js → cell-protal-ref.js} +3 -7
- package/esm5/lib/components/table/cell-protal-ref.js.map +1 -0
- package/esm5/lib/components/table/column-model.js +11 -67
- package/esm5/lib/components/table/column-model.js.map +1 -1
- package/esm5/lib/components/table/table-cell-renderer/table-cell-renderer.component.js +1 -1
- package/esm5/lib/components/table/table-cell-renderer/table-cell-renderer.component.js.map +1 -1
- package/esm5/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.js +1 -1
- package/esm5/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.js.map +1 -1
- package/esm5/lib/components/table/table-model.js +11 -11
- package/esm5/lib/components/table/table-model.js.map +1 -1
- package/esm5/lib/components/table/table.component.js +1 -1
- package/esm5/lib/components/table/table.component.js.map +1 -1
- package/esm5/lib/interaction/components/activity-container/activity-container.component.js +7 -2
- package/esm5/lib/interaction/components/activity-container/activity-container.component.js.map +1 -1
- package/esm5/lib/interaction/interaction.module.ngfactory.js.map +1 -1
- package/esm5/lib/place/place-component.js +1 -1
- package/esm5/lib/place/place-component.js.map +1 -1
- package/esm5/lib/place/place-router.js +8 -2
- package/esm5/lib/place/place-router.js.map +1 -1
- package/esm5/lib/place/place.module.ngfactory.js.map +1 -1
- package/esm5/lib/place/route/parameter-decorators.js +3 -2
- package/esm5/lib/place/route/parameter-decorators.js.map +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +240 -988
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/fesm5/coolon-angular-ui-powerups.js +269 -1066
- package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/forms/abstract-input.component.d.ts +2 -8
- package/lib/components/forms/abstract-list-input.component.d.ts +3 -10
- package/lib/components/forms/abstract-value-input.component.d.ts +3 -9
- package/lib/components/forms/checkbox-input/checkbox-input.component.d.ts +2 -0
- package/lib/components/forms/multiple-select-input/multiple-select-input.component.d.ts +4 -8
- package/lib/components/forms/number-input/number-input.component.d.ts +2 -0
- package/lib/components/forms/password-input/password-input.component.d.ts +2 -0
- package/lib/components/forms/select-input/select-input.component.d.ts +2 -2
- package/lib/components/forms/string-input/string-input.component.d.ts +2 -1
- package/lib/components/forms/text-input/text-input.component.d.ts +2 -0
- package/lib/components/icon/icon.component.d.ts +0 -15
- package/lib/components/index.d.ts +1 -13
- package/lib/components/table/cell-editors.d.ts +3 -3
- package/lib/components/table/{cell-portal-ref.d.ts → cell-protal-ref.d.ts} +4 -4
- package/lib/components/table/column-model.d.ts +12 -18
- package/lib/components/table/table-cell-renderer/table-cell-renderer.component.d.ts +1 -1
- package/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.d.ts +1 -1
- package/lib/components/table/table-model.d.ts +4 -12
- package/package.json +4 -4
- package/assets/commands.scss +0 -3
- package/assets/icons.scss +0 -30
- package/esm2015/lib/components/commands/command-bar.component.js +0 -51
- package/esm2015/lib/components/commands/command-bar.component.js.map +0 -1
- package/esm2015/lib/components/commands/command-bar.component.metadata.json +0 -1
- package/esm2015/lib/components/commands/command-bar.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/commands/command-container.js +0 -20
- package/esm2015/lib/components/commands/command-container.js.map +0 -1
- package/esm2015/lib/components/commands/command-container.metadata.json +0 -1
- package/esm2015/lib/components/commands/command-face/command-face.component.js +0 -91
- package/esm2015/lib/components/commands/command-face/command-face.component.js.map +0 -1
- package/esm2015/lib/components/commands/command-face/command-face.component.metadata.json +0 -1
- package/esm2015/lib/components/commands/command-face/command-face.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/commands/command-face/command-face.component.scss.ngstyle.js.map +0 -1
- package/esm2015/lib/components/commands/command-face.js +0 -74
- package/esm2015/lib/components/commands/command-face.js.map +0 -1
- package/esm2015/lib/components/commands/command-face.metadata.json +0 -1
- package/esm2015/lib/components/commands/command.component.js +0 -38
- package/esm2015/lib/components/commands/command.component.js.map +0 -1
- package/esm2015/lib/components/commands/command.component.metadata.json +0 -1
- package/esm2015/lib/components/commands/command.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu/abstract-popup-menu.component.js +0 -57
- package/esm2015/lib/components/commands/popup-menu/abstract-popup-menu.component.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu/abstract-popup-menu.component.metadata.json +0 -1
- package/esm2015/lib/components/commands/popup-menu/abstract-popup-menu.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu/more-menu.component.js +0 -40
- package/esm2015/lib/components/commands/popup-menu/more-menu.component.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu/more-menu.component.metadata.json +0 -1
- package/esm2015/lib/components/commands/popup-menu/more-menu.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu/popup-menu.component.js +0 -49
- package/esm2015/lib/components/commands/popup-menu/popup-menu.component.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu/popup-menu.component.metadata.json +0 -1
- package/esm2015/lib/components/commands/popup-menu/popup-menu.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.js +0 -62
- package/esm2015/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.metadata.json +0 -1
- package/esm2015/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.js +0 -70
- package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.js.map +0 -1
- package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.metadata.json +0 -1
- package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.js.map +0 -1
- package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.js.map +0 -1
- package/esm2015/lib/components/table/cell-portal-ref.js.map +0 -1
- package/esm2015/lib/components/table/mutable-cell-renderer.js +0 -1
- package/esm2015/lib/components/table/mutable-cell-renderer.js.map +0 -1
- package/esm2015/lib/components/table/mutable-cell-renderer.metadata.json +0 -1
- package/esm2015/lib/components/table/table-row-menu/table-row-menu.component.js +0 -82
- package/esm2015/lib/components/table/table-row-menu/table-row-menu.component.js.map +0 -1
- package/esm2015/lib/components/table/table-row-menu/table-row-menu.component.metadata.json +0 -1
- package/esm2015/lib/components/table/table-row-menu/table-row-menu.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/commands/command-bar.component.js +0 -31
- package/esm5/lib/components/commands/command-bar.component.js.map +0 -1
- package/esm5/lib/components/commands/command-bar.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/commands/command-container.js +0 -30
- package/esm5/lib/components/commands/command-container.js.map +0 -1
- package/esm5/lib/components/commands/command-face/command-face.component.js +0 -122
- package/esm5/lib/components/commands/command-face/command-face.component.js.map +0 -1
- package/esm5/lib/components/commands/command-face/command-face.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/commands/command-face/command-face.component.scss.ngstyle.js.map +0 -1
- package/esm5/lib/components/commands/command-face.js +0 -103
- package/esm5/lib/components/commands/command-face.js.map +0 -1
- package/esm5/lib/components/commands/command.component.js +0 -41
- package/esm5/lib/components/commands/command.component.js.map +0 -1
- package/esm5/lib/components/commands/command.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu/abstract-popup-menu.component.js +0 -64
- package/esm5/lib/components/commands/popup-menu/abstract-popup-menu.component.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu/abstract-popup-menu.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu/more-menu.component.js +0 -35
- package/esm5/lib/components/commands/popup-menu/more-menu.component.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu/more-menu.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu/popup-menu.component.js +0 -45
- package/esm5/lib/components/commands/popup-menu/popup-menu.component.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu/popup-menu.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.js +0 -66
- package/esm5/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.scss.shim.ngstyle.js.map +0 -1
- package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.js +0 -73
- package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.js.map +0 -1
- package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.js.map +0 -1
- package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.js.map +0 -1
- package/esm5/lib/components/table/cell-portal-ref.js.map +0 -1
- package/esm5/lib/components/table/mutable-cell-renderer.js +0 -1
- package/esm5/lib/components/table/mutable-cell-renderer.js.map +0 -1
- package/esm5/lib/components/table/table-row-menu/table-row-menu.component.js +0 -66
- package/esm5/lib/components/table/table-row-menu/table-row-menu.component.js.map +0 -1
- package/esm5/lib/components/table/table-row-menu/table-row-menu.component.ngfactory.js.map +0 -1
- package/lib/components/commands/command-bar.component.d.ts +0 -10
- package/lib/components/commands/command-container.d.ts +0 -15
- package/lib/components/commands/command-face/command-face.component.d.ts +0 -29
- package/lib/components/commands/command-face.d.ts +0 -24
- package/lib/components/commands/command.component.d.ts +0 -15
- package/lib/components/commands/popup-menu/abstract-popup-menu.component.d.ts +0 -18
- package/lib/components/commands/popup-menu/more-menu.component.d.ts +0 -9
- package/lib/components/commands/popup-menu/popup-menu.component.d.ts +0 -14
- package/lib/components/commands/popup-menu-renderer/popup-menu-renderer.component.d.ts +0 -21
- package/lib/components/forms/autocomplete-input/autocomplete-input.component.d.ts +0 -25
- package/lib/components/table/mutable-cell-renderer.d.ts +0 -6
- package/lib/components/table/table-row-menu/table-row-menu.component.d.ts +0 -25
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
|
|
3
|
-
import { Dsl, ListModel, MutableValueModel, StoreInListModel, TrackExternal } from '@coolon/pectin';
|
|
4
|
-
import _ from 'lodash';
|
|
5
|
-
import { AbstractValueInputComponent } from '../abstract-value-input.component';
|
|
6
|
-
/**
|
|
7
|
-
* Using templates (not only supported for nil values:
|
|
8
|
-
* <aup-autocomplete-input [valueModel]="myModel" [options]="myOptions">
|
|
9
|
-
* <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
|
|
10
|
-
* </aup-autocomplete-input>
|
|
11
|
-
*/
|
|
12
|
-
let AutocompleteInputComponent = class AutocompleteInputComponent extends AbstractValueInputComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
super();
|
|
15
|
-
this.filterValue = new MutableValueModel();
|
|
16
|
-
this.optionLabelFormat = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;
|
|
17
|
-
const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
|
|
18
|
-
const lowerCaseFilterValue = chain(this.filterValue)
|
|
19
|
-
.map(v => _.isString(v) ? v.toLowerCase() : '');
|
|
20
|
-
this.filteredOptions = chain(this.optionsModel)
|
|
21
|
-
.select(option => {
|
|
22
|
-
return _.isEmpty(this.filterValue.value) || this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);
|
|
23
|
-
}, { dependsOn: lowerCaseFilterValue });
|
|
24
|
-
}
|
|
25
|
-
ngOnInit() {
|
|
26
|
-
}
|
|
27
|
-
formatOption(option) {
|
|
28
|
-
return this.optionLabelFormat(option);
|
|
29
|
-
}
|
|
30
|
-
updateFilter($event) {
|
|
31
|
-
this.filterValue.value = $event;
|
|
32
|
-
}
|
|
33
|
-
onSelect($event) {
|
|
34
|
-
this.valueModel.value = $event.option.value;
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
__decorate([
|
|
38
|
-
Input(), TrackExternal(),
|
|
39
|
-
__metadata("design:type", ListModel)
|
|
40
|
-
], AutocompleteInputComponent.prototype, "optionsModel", void 0);
|
|
41
|
-
__decorate([
|
|
42
|
-
Input(), StoreInListModel('optionsModel'),
|
|
43
|
-
__metadata("design:type", Array)
|
|
44
|
-
], AutocompleteInputComponent.prototype, "options", void 0);
|
|
45
|
-
__decorate([
|
|
46
|
-
Input(),
|
|
47
|
-
__metadata("design:type", Object)
|
|
48
|
-
], AutocompleteInputComponent.prototype, "optionLabel", void 0);
|
|
49
|
-
__decorate([
|
|
50
|
-
Input(),
|
|
51
|
-
__metadata("design:type", Boolean)
|
|
52
|
-
], AutocompleteInputComponent.prototype, "allowNil", void 0);
|
|
53
|
-
__decorate([
|
|
54
|
-
ContentChild('nilOptionTemplate'),
|
|
55
|
-
__metadata("design:type", TemplateRef)
|
|
56
|
-
], AutocompleteInputComponent.prototype, "nilOptionTemplateRef", void 0);
|
|
57
|
-
__decorate([
|
|
58
|
-
Input(),
|
|
59
|
-
__metadata("design:type", Function)
|
|
60
|
-
], AutocompleteInputComponent.prototype, "optionLabelFormat", void 0);
|
|
61
|
-
AutocompleteInputComponent = __decorate([
|
|
62
|
-
Component({
|
|
63
|
-
selector: 'aup-autocomplete-input',
|
|
64
|
-
template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\n <input type=\"string\"\n matInput\n [matAutocomplete]=\"autocomplete\"\n placeholder=\"{{placeholder}}\"\n [ngModel]=\"componentValueModel.value\"\n (ngModelChange)=\"updateFilter($event)\"\n [disabled]=\"!enabled.value\"\n (keydown.enter)=\"notifyEnterKey()\"\n (keydown.escape)=\"notifyEscapeKey()\"\n [pectinFocusBinding]=\"focusContext\"\n [errorStateMatcher]=\"errorStateMatcher\"\n >\n <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n [value]=\"option\"\n >{{formatOption(option)}}</mat-option>\n <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n </mat-autocomplete>\n\n <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
|
|
65
|
-
styles: [":host{display:inline-block}mat-form-field{width:100%}"]
|
|
66
|
-
}),
|
|
67
|
-
__metadata("design:paramtypes", [])
|
|
68
|
-
], AutocompleteInputComponent);
|
|
69
|
-
export { AutocompleteInputComponent };
|
|
70
|
-
//# sourceMappingURL=autocomplete-input.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,EACL,GAAG,EACH,SAAS,EAET,iBAAiB,EACjB,gBAAgB,EAEhB,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAEhF;;;;;GAKG;AAMH,IAAa,0BAA0B,GAAvC,MAAa,0BAAoC,SAAQ,2BAA8B;IAuBrF;QACE,KAAK,EAAE,CAAC;QAPF,gBAAW,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAItD,sBAAiB,GAAuB,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAInH,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,MAAO,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;aAClD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAElD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC;aAC5C,MAAM,CAAC,MAAM,CAAC,EAAE;YACf,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3I,CAAC,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ;IACR,CAAC;IAED,YAAY,CAAC,MAAS;QACpB,OAAO,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;IAED,YAAY,CAAC,MAAc;QACzB,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC;IAClC,CAAC;IAED,QAAQ,CAAC,MAAoC;QAC3C,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IAC9C,CAAC;CACF,CAAA;AA9CC;IADC,KAAK,EAAE,EAAE,aAAa,EAAE;8BACX,SAAS;gEAAI;AAG3B;IADC,KAAK,EAAE,EAAE,gBAAgB,CAAC,cAAc,CAAC;;2DAC7B;AAGb;IADC,KAAK,EAAE;;+DACa;AAGrB;IADC,KAAK,EAAE;;4DACU;AAGlB;IADC,YAAY,CAAC,mBAAmB,CAAC;8BACZ,WAAW;wEAAM;AAMvC;IADC,KAAK,EAAE;;qEAC6G;AArB1G,0BAA0B;IALtC,SAAS,CAAC;QACT,QAAQ,EAAE,wBAAwB;QAClC,gnCAAkD;;KAEnD,CAAC;;GACW,0BAA0B,CAiDtC;SAjDY,0BAA0B","sourcesContent":["import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';\nimport { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\nimport {\n Dsl,\n ListModel,\n ListModelChain,\n MutableValueModel,\n StoreInListModel,\n Trace,\n TrackExternal, TransactionObserver\n} from '@coolon/pectin';\nimport _ from 'lodash';\nimport { AbstractValueInputComponent } from '../abstract-value-input.component';\n\n/**\n * Using templates (not only supported for nil values:\n * <aup-autocomplete-input [valueModel]=\"myModel\" [options]=\"myOptions\">\n * <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>\n * </aup-autocomplete-input>\n */\n@Component({\n selector: 'aup-autocomplete-input',\n templateUrl: './autocomplete-input.component.html',\n styleUrls: ['./autocomplete-input.component.scss']\n})\nexport class AutocompleteInputComponent<T = any> extends AbstractValueInputComponent<T> implements OnInit {\n\n @Input() @TrackExternal()\n optionsModel: ListModel<T>;\n\n @Input() @StoreInListModel('optionsModel')\n options: T[];\n\n @Input()\n optionLabel: keyof T;\n\n @Input()\n allowNil: boolean;\n\n @ContentChild('nilOptionTemplate')\n nilOptionTemplateRef: TemplateRef<any>;\n\n private filterValue = new MutableValueModel<string>();\n readonly filteredOptions: ListModelChain<T>;\n\n @Input()\n optionLabelFormat: (option: T) => any = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;\n\n constructor() {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n const lowerCaseFilterValue = chain(this.filterValue)\n .map(v => _.isString(v) ? v.toLowerCase() : '');\n\n this.filteredOptions = chain(this.optionsModel)\n .select(option => {\n return _.isEmpty(this.filterValue.value) || this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);\n }, { dependsOn: lowerCaseFilterValue });\n }\n\n ngOnInit() {\n }\n\n formatOption(option: T) {\n return this.optionLabelFormat(option);\n }\n\n updateFilter($event: string) {\n this.filterValue.value = $event;\n }\n\n onSelect($event: MatAutocompleteSelectedEvent) {\n this.valueModel.value = $event.option.value;\n }\n}\n"]}
|
package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.metadata.json
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"AutocompleteInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-value-input.component","name":"AbstractValueInputComponent","line":25,"character":57},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"aup-autocomplete-input","template":"<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\n <input type=\"string\"\n matInput\n [matAutocomplete]=\"autocomplete\"\n placeholder=\"{{placeholder}}\"\n [ngModel]=\"componentValueModel.value\"\n (ngModelChange)=\"updateFilter($event)\"\n [disabled]=\"!enabled.value\"\n (keydown.enter)=\"notifyEnterKey()\"\n (keydown.escape)=\"notifyEscapeKey()\"\n [pectinFocusBinding]=\"focusContext\"\n [errorStateMatcher]=\"errorStateMatcher\"\n >\n <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n [value]=\"option\"\n >{{formatOption(option)}}</mat-option>\n <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n </mat-autocomplete>\n\n <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n","styles":[":host{display:inline-block}mat-form-field{width:100%}"]}]}],"members":{"optionsModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":27,"character":12}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInListModel","line":30,"character":12},"arguments":["optionsModel"]}]}],"optionLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"allowNil":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"nilOptionTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":39,"character":3},"arguments":["nilOptionTemplate"]}]}],"optionLabelFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"formatOption":[{"__symbolic":"method"}],"updateFilter":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-input.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-input.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cell-portal-ref.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/cell-portal-ref.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport { TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Trace } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { ColumnModel, RowData } from './column-model';\nimport { EditSession } from './edit-session';\nimport { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './table-header-cell-renderer/table-header-cell-renderer.component';\n\nexport const HEADER_CELL_RENDERER_PORTAL = Symbol('aup-cell-header-renderer-component-ref');\nexport const CELL_RENDERER_PORTAL = Symbol('aup-cell-renderer-component-ref');\nexport const CELL_EDITOR_PORTAL = Symbol('aup-cell-editor-component-ref');\nexport const PORTAL_RENDERER_COMPONENT = Symbol('aup-cell-renderer-portal-component');\nexport const PORTAL_EDITOR_COMPONENT = Symbol('aup-cell-editor-portal-component');\n\n\nexport abstract class CellPortalRef<Row, Host, Portal> {\n constructor() {\n }\n\n abstract initialiseHost(host: Host, columnModel: ColumnModel<Row>)\n\n abstract onPortalAttached(host: Host, portalComponent: Portal);\n}\n\nexport class CellHeaderPortalRef<Row, C> extends CellPortalRef<Row, TableHeaderCellRendererComponent, C> {\n constructor(readonly componentType: ComponentType<C>, readonly initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void) {\n super();\n }\n\n initialiseHost(host: TableHeaderCellRendererComponent, columnModel: ColumnModel<Row>) {\n assert.isTruthy(host);\n host[HEADER_CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);\n }\n\n // @Trace()\n onPortalAttached(host: TableHeaderCellRendererComponent, portalComponent: C) {\n this.initialiseHeader(portalComponent, host.column);\n }\n\n}\n\nexport abstract class CellRendererPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellRendererComponent<Row>, Portal> {\n abstract pushState(host: TableCellRendererComponent<Row>): void;\n}\n\nexport class ComponentCellRendererPortalRef<Row, Portal> extends CellRendererPortalRef<Row, Portal> {\n\n\n constructor(readonly componentType: ComponentType<Portal>, readonly updateComponent: (component: Portal, rowData: RowData<Row>, firstTime: boolean) => void) {\n super();\n }\n\n initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n host[CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);\n }\n\n // @Trace()\n onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: Portal) {\n host[PORTAL_RENDERER_COMPONENT] = portalComponent;\n this.updateComponent(portalComponent, host.getRowData(), true);\n }\n\n // @Trace()\n pushState(host: TableCellRendererComponent<Row>): void {\n if (host[PORTAL_RENDERER_COMPONENT]) {\n this.updateComponent(host[PORTAL_RENDERER_COMPONENT], host.getRowData(), false);\n }\n }\n\n}\n\nexport class CellEditorPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellRendererComponent<Row>, Portal> {\n\n constructor(readonly componentType: ComponentType<Portal>, readonly initialiseEditorSession: (component: Portal, editSession: EditSession<Row>) => void) {\n super();\n }\n\n initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n assert.isTruthy(host);\n host[CELL_EDITOR_PORTAL] = new ComponentPortal(this.componentType);\n }\n\n // @Trace()\n onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: Portal) {\n host[PORTAL_EDITOR_COMPONENT] = portalComponent;\n this.initialiseEditorSession(portalComponent, host.editSession);\n }\n\n}\n\nexport class TemplateCellRendererPortalRef<Row> extends CellRendererPortalRef<Row, undefined> {\n\n private templateRef: TemplateRef<any>;\n private viewContainer: ViewContainerRef;\n private fillCell: boolean;\n private padChild: boolean;\n\n constructor() {\n super();\n }\n\n public registerPortal(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n this.templateRef = templateRef;\n this.viewContainer = viewContainer;\n this.fillCell = fillCell;\n this.padChild = padChild;\n }\n\n initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n assert.isTruthy(host);\n }\n\n // @Trace()\n onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: undefined) {\n // don't care\n }\n\n // @Trace()\n pushState(host: TableCellRendererComponent<Row>): void {\n host[CELL_RENDERER_PORTAL] = this.createPortal(host.getRowData());\n host.fillCell = this.fillCell;\n host.padChild = this.padChild;\n }\n\n private createPortal(data: RowData<Row>) {\n return new TemplatePortal<any>(this.templateRef, this.viewContainer, { ...(data), $implicit: data.row });\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=mutable-cell-renderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mutable-cell-renderer.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/mutable-cell-renderer.ts"],"names":[],"mappings":"","sourcesContent":["import { CellRenderer } from './cell-renderer';\nimport { Disposable } from '@coolon/pectin';\n\nexport interface MutableCellRenderer<T> extends CellRenderer<T> {\n value: T;\n\n onValueEdited(callback: (is: T, was: T) => void): Disposable;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"MutableCellRenderer":{"__symbolic":"interface"}}}]
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Component, Input, ViewChild } from '@angular/core';
|
|
3
|
-
import { MatMenuTrigger } from '@angular/material/menu';
|
|
4
|
-
import { Dsl } from '@coolon/pectin';
|
|
5
|
-
import { CommandFace } from '../../commands/command-face';
|
|
6
|
-
import { DisposableComponent } from '../../disposable-component';
|
|
7
|
-
class MenuItemData extends CommandFace.Adapter {
|
|
8
|
-
constructor(factory, face) {
|
|
9
|
-
super(face);
|
|
10
|
-
this.factory = factory;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
*
|
|
15
|
-
*/
|
|
16
|
-
let TableRowMenuComponent = class TableRowMenuComponent extends DisposableComponent {
|
|
17
|
-
constructor() {
|
|
18
|
-
super();
|
|
19
|
-
this.actions = [];
|
|
20
|
-
this.moreActions = [];
|
|
21
|
-
}
|
|
22
|
-
registerAction(commandFactory, properties) {
|
|
23
|
-
this.actions.push(new MenuItemData(commandFactory, properties));
|
|
24
|
-
}
|
|
25
|
-
registerMoreAction(commandFactory, properties) {
|
|
26
|
-
this.moreActions.push(new MenuItemData(commandFactory, properties));
|
|
27
|
-
}
|
|
28
|
-
ngOnInit() {
|
|
29
|
-
}
|
|
30
|
-
createMoreMenuCommand(item, value) {
|
|
31
|
-
const { when } = Dsl.disposeWith(this);
|
|
32
|
-
const command = item.factory.create(value);
|
|
33
|
-
when(command.busy).becomesFalsey(() => {
|
|
34
|
-
this.closeMoreMenu();
|
|
35
|
-
});
|
|
36
|
-
return command;
|
|
37
|
-
}
|
|
38
|
-
closeMoreMenu() {
|
|
39
|
-
this.menu.closeMenu();
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
__decorate([
|
|
43
|
-
Input(),
|
|
44
|
-
__metadata("design:type", Object)
|
|
45
|
-
], TableRowMenuComponent.prototype, "value", void 0);
|
|
46
|
-
__decorate([
|
|
47
|
-
ViewChild(MatMenuTrigger),
|
|
48
|
-
__metadata("design:type", MatMenuTrigger)
|
|
49
|
-
], TableRowMenuComponent.prototype, "menu", void 0);
|
|
50
|
-
TableRowMenuComponent = __decorate([
|
|
51
|
-
Component({
|
|
52
|
-
selector: 'aup-table-row-menu',
|
|
53
|
-
template: `
|
|
54
|
-
<button mat-icon-button *ngFor="let action of actions" [pectinCommand]="action.factory.create(value)">
|
|
55
|
-
<aup-icon [icon]="action.icon"></aup-icon>
|
|
56
|
-
</button>
|
|
57
|
-
<ng-container *ngIf="moreActions.length > 0">
|
|
58
|
-
<button #trigger mat-icon-button [matMenuTriggerFor]="menu">
|
|
59
|
-
<aup-icon icon="mat:more_vert"></aup-icon>
|
|
60
|
-
</button>
|
|
61
|
-
<mat-menu #menu="matMenu" xPosition="before" matTooltip="More options...">
|
|
62
|
-
<button *ngFor="let action of moreActions"
|
|
63
|
-
mat-menu-item
|
|
64
|
-
[pectinCommand]="createMoreMenuCommand(action, value)"
|
|
65
|
-
>
|
|
66
|
-
<aup-icon *ngIf="action.icon && action.iconPositionStart" [icon]="action.icon"></aup-icon>
|
|
67
|
-
{{action.text}}
|
|
68
|
-
<aup-icon *ngIf="action.icon && action.iconPositionEnd" [icon]="action.icon"></aup-icon>
|
|
69
|
-
</button>
|
|
70
|
-
</mat-menu>
|
|
71
|
-
</ng-container>
|
|
72
|
-
`,
|
|
73
|
-
styles: [`:host {
|
|
74
|
-
display: inline-flex;
|
|
75
|
-
flex-direction: row;
|
|
76
|
-
align-items: center;
|
|
77
|
-
}`]
|
|
78
|
-
}),
|
|
79
|
-
__metadata("design:paramtypes", [])
|
|
80
|
-
], TableRowMenuComponent);
|
|
81
|
-
export { TableRowMenuComponent };
|
|
82
|
-
//# sourceMappingURL=table-row-menu.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-row-menu.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-row-menu/table-row-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAW,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE,MAAM,YAAgB,SAAQ,WAAW,CAAC,OAAO;IAC/C,YAAqB,OAAiC,EAAE,IAAiB;QACvE,KAAK,CAAC,IAAI,CAAC,CAAC;QADO,YAAO,GAAP,OAAO,CAA0B;IAEtD,CAAC;CACF;AAED;;GAEG;AA6BH,IAAa,qBAAqB,GAAlC,MAAa,qBAAyB,SAAQ,mBAAmB;IAmB/D;QACE,KAAK,EAAE,CAAC;QAZD,YAAO,GAAsB,EAAE,CAAC;QAChC,gBAAW,GAAsB,EAAE,CAAC;IAY7C,CAAC;IAVD,cAAc,CAAC,cAAwC,EAAE,UAAuB;QAC9E,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,kBAAkB,CAAC,cAAwC,EAAE,UAAuB;QAClF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IACtE,CAAC;IAMD,QAAQ;IACR,CAAC;IAED,qBAAqB,CAAC,IAAqB,EAAE,KAAQ;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACxB,CAAC;CACF,CAAA;AAnCC;IADC,KAAK,EAAE;;oDACC;AAGT;IADC,SAAS,CAAC,cAAc,CAAC;8BACpB,cAAc;mDAAC;AANV,qBAAqB;IA5BjC,SAAS,CAAC;QACT,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;GAmBT;iBACQ;;;;IAIP;KACH,CAAC;;GACW,qBAAqB,CAsCjC;SAtCY,qBAAqB","sourcesContent":["import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport { Command, Dsl } from '@coolon/pectin';\nimport { CommandFace } from '../../commands/command-face';\nimport { DisposableComponent } from '../../disposable-component';\n\n\nclass MenuItemData<T> extends CommandFace.Adapter {\n constructor(readonly factory: Command.Factory<T, void>, face: CommandFace) {\n super(face);\n }\n}\n\n/**\n *\n */\n@Component({\n selector: 'aup-table-row-menu',\n template: `\n <button mat-icon-button *ngFor=\"let action of actions\" [pectinCommand]=\"action.factory.create(value)\">\n <aup-icon [icon]=\"action.icon\"></aup-icon>\n </button>\n <ng-container *ngIf=\"moreActions.length > 0\">\n <button #trigger mat-icon-button [matMenuTriggerFor]=\"menu\">\n <aup-icon icon=\"mat:more_vert\"></aup-icon>\n </button>\n <mat-menu #menu=\"matMenu\" xPosition=\"before\" matTooltip=\"More options...\">\n <button *ngFor=\"let action of moreActions\"\n mat-menu-item\n [pectinCommand]=\"createMoreMenuCommand(action, value)\"\n >\n <aup-icon *ngIf=\"action.icon && action.iconPositionStart\" [icon]=\"action.icon\"></aup-icon>\n {{action.text}}\n <aup-icon *ngIf=\"action.icon && action.iconPositionEnd\" [icon]=\"action.icon\"></aup-icon>\n </button>\n </mat-menu>\n </ng-container>\n `,\n styles: [`:host {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n }`]\n})\nexport class TableRowMenuComponent<T> extends DisposableComponent implements OnInit {\n\n @Input()\n value: T;\n\n @ViewChild(MatMenuTrigger)\n menu: MatMenuTrigger;\n\n readonly actions: MenuItemData<T>[] = [];\n readonly moreActions: MenuItemData<T>[] = [];\n\n registerAction(commandFactory: Command.Factory<T, void>, properties: CommandFace) {\n this.actions.push(new MenuItemData(commandFactory, properties));\n }\n\n registerMoreAction(commandFactory: Command.Factory<T, void>, properties: CommandFace) {\n this.moreActions.push(new MenuItemData(commandFactory, properties));\n }\n\n constructor() {\n super();\n }\n\n ngOnInit() {\n }\n\n createMoreMenuCommand(item: MenuItemData<T>, value: T): Command<void> {\n const { when } = Dsl.disposeWith(this);\n const command = item.factory.create(value);\n when(command.busy).becomesFalsey(() => {\n this.closeMoreMenu();\n });\n return command;\n }\n\n private closeMoreMenu() {\n this.menu.closeMenu();\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"TableRowMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":45,"character":46},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"aup-table-row-menu","template":"\n <button mat-icon-button *ngFor=\"let action of actions\" [pectinCommand]=\"action.factory.create(value)\">\n <aup-icon [icon]=\"action.icon\"></aup-icon>\n </button>\n <ng-container *ngIf=\"moreActions.length > 0\">\n <button #trigger mat-icon-button [matMenuTriggerFor]=\"menu\">\n <aup-icon icon=\"mat:more_vert\"></aup-icon>\n </button>\n <mat-menu #menu=\"matMenu\" xPosition=\"before\" matTooltip=\"More options...\">\n <button *ngFor=\"let action of moreActions\"\n mat-menu-item\n [pectinCommand]=\"createMoreMenuCommand(action, value)\"\n >\n <aup-icon *ngIf=\"action.icon && action.iconPositionStart\" [icon]=\"action.icon\"></aup-icon>\n {{action.text}}\n <aup-icon *ngIf=\"action.icon && action.iconPositionEnd\" [icon]=\"action.icon\"></aup-icon>\n </button>\n </mat-menu>\n </ng-container>\n ","styles":[":host {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n }"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":50,"character":13}]}]}],"registerAction":[{"__symbolic":"method"}],"registerMoreAction":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"createMoreMenuCommand":[{"__symbolic":"method"}],"closeMoreMenu":[{"__symbolic":"method"}]}}}}]
|
package/esm2015/lib/components/table/table-row-menu/table-row-menu.component.ngfactory.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-row-menu.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-row-menu/table-row-menu.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { __decorate, __extends, __metadata } from "tslib";
|
|
2
|
-
import { Component, forwardRef } from '@angular/core';
|
|
3
|
-
import { CommandContainer } from './command-container';
|
|
4
|
-
/**
|
|
5
|
-
*
|
|
6
|
-
*/
|
|
7
|
-
var CommandBarComponent = /** @class */ (function (_super) {
|
|
8
|
-
__extends(CommandBarComponent, _super);
|
|
9
|
-
function CommandBarComponent() {
|
|
10
|
-
return _super.call(this) || this;
|
|
11
|
-
}
|
|
12
|
-
CommandBarComponent_1 = CommandBarComponent;
|
|
13
|
-
CommandBarComponent.prototype.ngOnInit = function () {
|
|
14
|
-
};
|
|
15
|
-
CommandBarComponent.prototype.getButtonColor = function (registration) {
|
|
16
|
-
return registration.faceAdapter.destructive ? 'warn' : undefined;
|
|
17
|
-
};
|
|
18
|
-
var CommandBarComponent_1;
|
|
19
|
-
CommandBarComponent = CommandBarComponent_1 = __decorate([
|
|
20
|
-
Component({
|
|
21
|
-
selector: 'aup-command-bar',
|
|
22
|
-
template: "\n <ng-container *ngFor=\"let registration of commandRegistrations.value\">\n <button *ngIf=\"registration.faceAdapter.icon && !registration.faceAdapter.text\"\n mat-icon-button\n [color]=\"getButtonColor(registration)\"\n [pectinCommand]=\"registration.command\"\n [matTooltip]=\"registration.faceAdapter.tooltip\"\n >\n <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n </button>\n <button *ngIf=\"registration.faceAdapter.text\"\n [color]=\"getButtonColor(registration)\"\n mat-button\n [pectinCommand]=\"registration.command\"\n [matTooltip]=\"registration.tooltip\"\n >\n <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n </button>\n </ng-container>\n ",
|
|
23
|
-
providers: [{ provide: CommandContainer, useExisting: forwardRef(function () { return CommandBarComponent_1; }) }],
|
|
24
|
-
styles: [":host {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n }"]
|
|
25
|
-
}),
|
|
26
|
-
__metadata("design:paramtypes", [])
|
|
27
|
-
], CommandBarComponent);
|
|
28
|
-
return CommandBarComponent;
|
|
29
|
-
}(CommandContainer));
|
|
30
|
-
export { CommandBarComponent };
|
|
31
|
-
//# sourceMappingURL=command-bar.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command-bar.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-bar.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAU,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD;;GAEG;AA8BH;IAAyC,uCAAgB;IAEvD;eACE,iBAAO;IACT,CAAC;4BAJU,mBAAmB;IAM9B,sCAAQ,GAAR;IACA,CAAC;IAED,4CAAc,GAAd,UAAe,YAA2C;QACxD,OAAO,YAAY,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,CAAC;;IAXU,mBAAmB;QA7B/B,SAAS,CAAC;YACT,QAAQ,EAAE,iBAAiB;YAC3B,QAAQ,EAAE,42BAmBT;YAMD,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,CAAC,cAAM,OAAA,qBAAmB,EAAnB,CAAmB,CAAC,EAAE,CAAC;qBALrF,6FAIP;SAEH,CAAC;;OACW,mBAAmB,CAa/B;IAAD,0BAAC;CAAA,AAbD,CAAyC,gBAAgB,GAaxD;SAbY,mBAAmB","sourcesContent":["import { Component, forwardRef, OnInit } from '@angular/core';\nimport { CommandContainer } from './command-container';\n\n\n/**\n *\n */\n@Component({\n selector: 'aup-command-bar',\n template: `\n <ng-container *ngFor=\"let registration of commandRegistrations.value\">\n <button *ngIf=\"registration.faceAdapter.icon && !registration.faceAdapter.text\"\n mat-icon-button\n [color]=\"getButtonColor(registration)\"\n [pectinCommand]=\"registration.command\"\n [matTooltip]=\"registration.faceAdapter.tooltip\"\n >\n <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n </button>\n <button *ngIf=\"registration.faceAdapter.text\"\n [color]=\"getButtonColor(registration)\"\n mat-button\n [pectinCommand]=\"registration.command\"\n [matTooltip]=\"registration.tooltip\"\n >\n <aup-command-face [face]=\"registration.faceAdapter.face\"></aup-command-face>\n </button>\n </ng-container>\n `,\n styles: [`:host {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n }`],\n providers: [{ provide: CommandContainer, useExisting: forwardRef(() => CommandBarComponent) }]\n})\nexport class CommandBarComponent extends CommandContainer implements OnInit {\n\n constructor() {\n super();\n }\n\n ngOnInit() {\n }\n\n getButtonColor(registration: CommandContainer.Registration) {\n return registration.faceAdapter.destructive ? 'warn' : undefined;\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command-bar.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-bar.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { __extends } from "tslib";
|
|
2
|
-
import { Disposable, GarbageCollector, MutableListModel } from '@coolon/pectin';
|
|
3
|
-
import { CommandFace } from './command-face';
|
|
4
|
-
var CommandContainer = /** @class */ (function (_super) {
|
|
5
|
-
__extends(CommandContainer, _super);
|
|
6
|
-
function CommandContainer() {
|
|
7
|
-
var _this = _super.call(this) || this;
|
|
8
|
-
_this._commandRegistrations = new MutableListModel();
|
|
9
|
-
return _this;
|
|
10
|
-
}
|
|
11
|
-
Object.defineProperty(CommandContainer.prototype, "commandRegistrations", {
|
|
12
|
-
get: function () {
|
|
13
|
-
return this._commandRegistrations.readonly;
|
|
14
|
-
},
|
|
15
|
-
enumerable: true,
|
|
16
|
-
configurable: true
|
|
17
|
-
});
|
|
18
|
-
CommandContainer.prototype.registerCommand = function (command, face) {
|
|
19
|
-
var _this = this;
|
|
20
|
-
var registration = { command: command, faceAdapter: new CommandFace.Adapter(face) };
|
|
21
|
-
this._commandRegistrations.push(registration);
|
|
22
|
-
return Disposable.disposableThatRuns(function () { return _this._commandRegistrations.remove(registration); });
|
|
23
|
-
};
|
|
24
|
-
CommandContainer.prototype.getDefaultIconPosition = function () {
|
|
25
|
-
return CommandFace.Position.START;
|
|
26
|
-
};
|
|
27
|
-
return CommandContainer;
|
|
28
|
-
}(GarbageCollector));
|
|
29
|
-
export { CommandContainer };
|
|
30
|
-
//# sourceMappingURL=command-container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command-container.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-container.ts"],"names":[],"mappings":";AAAA,OAAO,EAAW,UAAU,EAAE,gBAAgB,EAAa,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;IAAsC,oCAAgB;IAIpD;QAAA,YACE,iBAAO,SACR;QAJgB,2BAAqB,GAAG,IAAI,gBAAgB,EAAiC,CAAC;;IAI/F,CAAC;IAED,sBAAI,kDAAoB;aAAxB;YACE,OAAO,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;QAC7C,CAAC;;;OAAA;IAED,0CAAe,GAAf,UAAgB,OAAyB,EAAE,IAAiB;QAA5D,iBAIC;QAHC,IAAM,YAAY,GAAG,EAAE,OAAO,SAAA,EAAE,WAAW,EAAE,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7E,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9C,OAAO,UAAU,CAAC,kBAAkB,CAAC,cAAM,OAAA,KAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,EAA/C,CAA+C,CAAC,CAAC;IAC9F,CAAC;IAED,iDAAsB,GAAtB;QACE,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;IACpC,CAAC;IACH,uBAAC;AAAD,CAAC,AArBD,CAAsC,gBAAgB,GAqBrD","sourcesContent":["import { Command, Disposable, GarbageCollector, ListModel, MutableListModel } from '@coolon/pectin';\nimport { CommandFace } from './command-face';\n\n\nexport class CommandContainer extends GarbageCollector {\n\n private readonly _commandRegistrations = new MutableListModel<CommandContainer.Registration>();\n\n constructor() {\n super();\n }\n\n get commandRegistrations(): ListModel<CommandContainer.Registration> {\n return this._commandRegistrations.readonly;\n }\n\n registerCommand(command: Command<unknown>, face: CommandFace): Disposable {\n const registration = { command, faceAdapter: new CommandFace.Adapter(face) };\n this._commandRegistrations.push(registration);\n return Disposable.disposableThatRuns(() => this._commandRegistrations.remove(registration));\n }\n\n getDefaultIconPosition(): CommandFace.Position {\n return CommandFace.Position.START;\n }\n}\n\nexport namespace CommandContainer {\n\n export interface Registration {\n readonly command: Command<unknown>;\n readonly faceAdapter: CommandFace.Adapter;\n }\n\n}\n"]}
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
import { __decorate, __extends, __metadata, __param } from "tslib";
|
|
2
|
-
import { Component, HostBinding, Input, Optional, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
|
|
4
|
-
import { DisposableComponent } from '../../disposable-component';
|
|
5
|
-
import { CommandContainer } from '../command-container';
|
|
6
|
-
import { CommandFace } from '../command-face';
|
|
7
|
-
/**
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
var CommandFaceComponent = /** @class */ (function (_super) {
|
|
11
|
-
__extends(CommandFaceComponent, _super);
|
|
12
|
-
function CommandFaceComponent(commandContainer) {
|
|
13
|
-
var _this = _super.call(this) || this;
|
|
14
|
-
_this.commandContainer = commandContainer;
|
|
15
|
-
_this.faceModel = new MutableValueModel();
|
|
16
|
-
_this.ignoreIcon = false;
|
|
17
|
-
_this.ignoreText = false;
|
|
18
|
-
_this.includeMissingIconInLayout = false;
|
|
19
|
-
var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
|
|
20
|
-
// overkill /c: when all you have is a hammer...
|
|
21
|
-
var faceAdapter = chain(_this.faceModel).map(function (face) { return new CommandFace.Adapter(face); });
|
|
22
|
-
_this.iconModel = faceAdapter.pluck('icon');
|
|
23
|
-
_this.textModel = faceAdapter.pluck('text');
|
|
24
|
-
_this.positionModel = faceAdapter.pluck('iconPosition');
|
|
25
|
-
_this.destructiveModel = faceAdapter.pluck('destructive');
|
|
26
|
-
return _this;
|
|
27
|
-
}
|
|
28
|
-
Object.defineProperty(CommandFaceComponent.prototype, "requiresMissingIconInLayout", {
|
|
29
|
-
get: function () {
|
|
30
|
-
return this.includeMissingIconInLayout && !this.iconModel.value;
|
|
31
|
-
},
|
|
32
|
-
enumerable: true,
|
|
33
|
-
configurable: true
|
|
34
|
-
});
|
|
35
|
-
CommandFaceComponent.prototype.ngOnInit = function () {
|
|
36
|
-
};
|
|
37
|
-
Object.defineProperty(CommandFaceComponent.prototype, "iconPosition", {
|
|
38
|
-
get: function () {
|
|
39
|
-
var _a, _b, _c;
|
|
40
|
-
return (_c = (_a = this.positionModel.value) !== null && _a !== void 0 ? _a : (_b = this.commandContainer) === null || _b === void 0 ? void 0 : _b.getDefaultIconPosition()) !== null && _c !== void 0 ? _c : CommandFace.Position.START;
|
|
41
|
-
},
|
|
42
|
-
enumerable: true,
|
|
43
|
-
configurable: true
|
|
44
|
-
});
|
|
45
|
-
Object.defineProperty(CommandFaceComponent.prototype, "shouldIncludeIcon", {
|
|
46
|
-
get: function () {
|
|
47
|
-
return (!this.ignoreIcon && this.iconModel.value) || this.includeMissingIconInLayout;
|
|
48
|
-
},
|
|
49
|
-
enumerable: true,
|
|
50
|
-
configurable: true
|
|
51
|
-
});
|
|
52
|
-
Object.defineProperty(CommandFaceComponent.prototype, "iconStart", {
|
|
53
|
-
get: function () {
|
|
54
|
-
return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.START;
|
|
55
|
-
},
|
|
56
|
-
enumerable: true,
|
|
57
|
-
configurable: true
|
|
58
|
-
});
|
|
59
|
-
Object.defineProperty(CommandFaceComponent.prototype, "iconEnd", {
|
|
60
|
-
get: function () {
|
|
61
|
-
return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.END;
|
|
62
|
-
},
|
|
63
|
-
enumerable: true,
|
|
64
|
-
configurable: true
|
|
65
|
-
});
|
|
66
|
-
Object.defineProperty(CommandFaceComponent.prototype, "text", {
|
|
67
|
-
get: function () {
|
|
68
|
-
return this.ignoreText ? undefined : this.textModel.value;
|
|
69
|
-
},
|
|
70
|
-
enumerable: true,
|
|
71
|
-
configurable: true
|
|
72
|
-
});
|
|
73
|
-
Object.defineProperty(CommandFaceComponent.prototype, "destructive", {
|
|
74
|
-
get: function () {
|
|
75
|
-
return this.destructiveModel.value;
|
|
76
|
-
},
|
|
77
|
-
enumerable: true,
|
|
78
|
-
configurable: true
|
|
79
|
-
});
|
|
80
|
-
CommandFaceComponent.ctorParameters = function () { return [
|
|
81
|
-
{ type: CommandContainer, decorators: [{ type: Optional }] }
|
|
82
|
-
]; };
|
|
83
|
-
__decorate([
|
|
84
|
-
Input('face'), StoreInValueModel('faceModel'),
|
|
85
|
-
__metadata("design:type", Object)
|
|
86
|
-
], CommandFaceComponent.prototype, "_rawFace", void 0);
|
|
87
|
-
__decorate([
|
|
88
|
-
Input(),
|
|
89
|
-
__metadata("design:type", Object)
|
|
90
|
-
], CommandFaceComponent.prototype, "ignoreIcon", void 0);
|
|
91
|
-
__decorate([
|
|
92
|
-
Input(),
|
|
93
|
-
__metadata("design:type", Object)
|
|
94
|
-
], CommandFaceComponent.prototype, "ignoreText", void 0);
|
|
95
|
-
__decorate([
|
|
96
|
-
Input(),
|
|
97
|
-
__metadata("design:type", Object)
|
|
98
|
-
], CommandFaceComponent.prototype, "includeMissingIconInLayout", void 0);
|
|
99
|
-
__decorate([
|
|
100
|
-
HostBinding('class.hide-icon'),
|
|
101
|
-
__metadata("design:type", Object),
|
|
102
|
-
__metadata("design:paramtypes", [])
|
|
103
|
-
], CommandFaceComponent.prototype, "requiresMissingIconInLayout", null);
|
|
104
|
-
__decorate([
|
|
105
|
-
HostBinding('class.destructive'),
|
|
106
|
-
__metadata("design:type", Boolean),
|
|
107
|
-
__metadata("design:paramtypes", [])
|
|
108
|
-
], CommandFaceComponent.prototype, "destructive", null);
|
|
109
|
-
CommandFaceComponent = __decorate([
|
|
110
|
-
Component({
|
|
111
|
-
selector: 'aup-command-face',
|
|
112
|
-
template: "<aup-icon *ngIf=\"iconStart\" [icon]=\"iconModel.value\"></aup-icon>\n<span *ngIf=\"this.text\">{{this.text}}</span>\n<aup-icon *ngIf=\"iconEnd\" [icon]=\"iconModel.value\"></aup-icon>\n",
|
|
113
|
-
encapsulation: ViewEncapsulation.None,
|
|
114
|
-
styles: ["aup-command-face{--icon-gap:var(--command-face-icon-gap);display:inline-flex;flex-direction:row;align-items:center}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]
|
|
115
|
-
}),
|
|
116
|
-
__param(0, Optional()),
|
|
117
|
-
__metadata("design:paramtypes", [CommandContainer])
|
|
118
|
-
], CommandFaceComponent);
|
|
119
|
-
return CommandFaceComponent;
|
|
120
|
-
}(DisposableComponent));
|
|
121
|
-
export { CommandFaceComponent };
|
|
122
|
-
//# sourceMappingURL=command-face.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command-face.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face/command-face.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, HostBinding, Input, OnInit, Optional, ViewEncapsulation } from '@angular/core';\n\nimport { Dsl, MutableValueModel, StoreInValueModel, ValueModelChain } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandContainer } from '../command-container';\nimport { CommandFace } from '../command-face';\n\n/**\n *\n */\n@Component({\n selector: 'aup-command-face',\n templateUrl: './command-face.component.html',\n styleUrls: ['./command-face.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class CommandFaceComponent<T> extends DisposableComponent implements OnInit {\n\n private readonly faceModel = new MutableValueModel<CommandFace>();\n\n // tslint:disable-next-line:no-input-rename\n @Input('face') @StoreInValueModel('faceModel')\n _rawFace: CommandFace;\n\n @Input()\n ignoreIcon = false;\n\n @Input()\n ignoreText = false;\n\n @Input()\n includeMissingIconInLayout = false;\n\n @HostBinding('class.hide-icon')\n get requiresMissingIconInLayout() {\n return this.includeMissingIconInLayout && !this.iconModel.value\n }\n\n readonly iconModel: ValueModelChain<string>;\n private textModel: ValueModelChain<string>;\n readonly positionModel: ValueModelChain<string>;\n private destructiveModel: ValueModelChain<boolean>;\n\n constructor(@Optional() readonly commandContainer: CommandContainer) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n // overkill /c: when all you have is a hammer...\n const faceAdapter = chain(this.faceModel).map(face => new CommandFace.Adapter(face));\n this.iconModel = faceAdapter.pluck('icon');\n this.textModel = faceAdapter.pluck('text');\n this.positionModel = faceAdapter.pluck('iconPosition');\n this.destructiveModel = faceAdapter.pluck('destructive');\n }\n\n ngOnInit() {\n }\n\n get iconPosition(): string {\n return this.positionModel.value ?? this.commandContainer?.getDefaultIconPosition() ?? CommandFace.Position.START;\n }\n\n get shouldIncludeIcon() {\n return (!this.ignoreIcon && this.iconModel.value) || this.includeMissingIconInLayout;\n }\n\n get iconStart(): boolean {\n return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.START;\n }\n\n get iconEnd(): boolean {\n return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.END;\n }\n\n get text(): string {\n return this.ignoreText ? undefined : this.textModel.value;\n }\n\n @HostBinding('class.destructive')\n get destructive(): boolean {\n return this.destructiveModel.value;\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command-face.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face/command-face.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
package/esm5/lib/components/commands/command-face/command-face.component.scss.ngstyle.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command-face.component.scss.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face/command-face.component.scss.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
|
|
3
|
-
import _ from 'lodash';
|
|
4
|
-
export var CommandFace;
|
|
5
|
-
(function (CommandFace) {
|
|
6
|
-
var Position;
|
|
7
|
-
(function (Position) {
|
|
8
|
-
Position["START"] = "start";
|
|
9
|
-
Position["END"] = "end";
|
|
10
|
-
})(Position = CommandFace.Position || (CommandFace.Position = {}));
|
|
11
|
-
var Adapter = /** @class */ (function () {
|
|
12
|
-
function Adapter(face) {
|
|
13
|
-
this.face = face;
|
|
14
|
-
}
|
|
15
|
-
Object.defineProperty(Adapter.prototype, "text", {
|
|
16
|
-
get: function () {
|
|
17
|
-
return _.isFunction(this.face.text) ? this.face.text() : undefined;
|
|
18
|
-
},
|
|
19
|
-
enumerable: true,
|
|
20
|
-
configurable: true
|
|
21
|
-
});
|
|
22
|
-
Object.defineProperty(Adapter.prototype, "icon", {
|
|
23
|
-
get: function () {
|
|
24
|
-
return _.isFunction(this.face.icon) ? this.face.icon() : undefined;
|
|
25
|
-
},
|
|
26
|
-
enumerable: true,
|
|
27
|
-
configurable: true
|
|
28
|
-
});
|
|
29
|
-
Object.defineProperty(Adapter.prototype, "iconPosition", {
|
|
30
|
-
get: function () {
|
|
31
|
-
return _.isFunction(this.face.iconPosition) ? this.face.iconPosition() : undefined;
|
|
32
|
-
},
|
|
33
|
-
enumerable: true,
|
|
34
|
-
configurable: true
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(Adapter.prototype, "tooltip", {
|
|
37
|
-
get: function () {
|
|
38
|
-
return _.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined;
|
|
39
|
-
},
|
|
40
|
-
enumerable: true,
|
|
41
|
-
configurable: true
|
|
42
|
-
});
|
|
43
|
-
Object.defineProperty(Adapter.prototype, "iconPositionStart", {
|
|
44
|
-
get: function () {
|
|
45
|
-
return this.iconPosition === CommandFace.Position.START;
|
|
46
|
-
},
|
|
47
|
-
enumerable: true,
|
|
48
|
-
configurable: true
|
|
49
|
-
});
|
|
50
|
-
Object.defineProperty(Adapter.prototype, "iconPositionEnd", {
|
|
51
|
-
get: function () {
|
|
52
|
-
return this.iconPosition === CommandFace.Position.END;
|
|
53
|
-
},
|
|
54
|
-
enumerable: true,
|
|
55
|
-
configurable: true
|
|
56
|
-
});
|
|
57
|
-
Object.defineProperty(Adapter.prototype, "destructive", {
|
|
58
|
-
get: function () {
|
|
59
|
-
return _.isFunction(this.face.destructive) ? this.face.destructive() : false;
|
|
60
|
-
},
|
|
61
|
-
enumerable: true,
|
|
62
|
-
configurable: true
|
|
63
|
-
});
|
|
64
|
-
__decorate([
|
|
65
|
-
Memoize(),
|
|
66
|
-
__metadata("design:type", Object),
|
|
67
|
-
__metadata("design:paramtypes", [])
|
|
68
|
-
], Adapter.prototype, "text", null);
|
|
69
|
-
__decorate([
|
|
70
|
-
Memoize(),
|
|
71
|
-
__metadata("design:type", Object),
|
|
72
|
-
__metadata("design:paramtypes", [])
|
|
73
|
-
], Adapter.prototype, "icon", null);
|
|
74
|
-
__decorate([
|
|
75
|
-
Memoize(),
|
|
76
|
-
__metadata("design:type", Object),
|
|
77
|
-
__metadata("design:paramtypes", [])
|
|
78
|
-
], Adapter.prototype, "iconPosition", null);
|
|
79
|
-
__decorate([
|
|
80
|
-
Memoize(),
|
|
81
|
-
__metadata("design:type", Object),
|
|
82
|
-
__metadata("design:paramtypes", [])
|
|
83
|
-
], Adapter.prototype, "tooltip", null);
|
|
84
|
-
__decorate([
|
|
85
|
-
Memoize(),
|
|
86
|
-
__metadata("design:type", Boolean),
|
|
87
|
-
__metadata("design:paramtypes", [])
|
|
88
|
-
], Adapter.prototype, "iconPositionStart", null);
|
|
89
|
-
__decorate([
|
|
90
|
-
Memoize(),
|
|
91
|
-
__metadata("design:type", Boolean),
|
|
92
|
-
__metadata("design:paramtypes", [])
|
|
93
|
-
], Adapter.prototype, "iconPositionEnd", null);
|
|
94
|
-
__decorate([
|
|
95
|
-
Memoize(),
|
|
96
|
-
__metadata("design:type", Boolean),
|
|
97
|
-
__metadata("design:paramtypes", [])
|
|
98
|
-
], Adapter.prototype, "destructive", null);
|
|
99
|
-
return Adapter;
|
|
100
|
-
}());
|
|
101
|
-
CommandFace.Adapter = Adapter;
|
|
102
|
-
})(CommandFace || (CommandFace = {}));
|
|
103
|
-
//# sourceMappingURL=command-face.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command-face.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kDAAkD,CAAC;AAC3E,OAAO,CAAC,MAAM,QAAQ,CAAC;AAcvB,MAAM,KAAW,WAAW,CA8C3B;AA9CD,WAAiB,WAAW;IAC1B,IAAY,QAGX;IAHD,WAAY,QAAQ;QAClB,2BAAe,CAAA;QACf,uBAAW,CAAA;IACb,CAAC,EAHW,QAAQ,GAAR,oBAAQ,KAAR,oBAAQ,QAGnB;IAED;QACE,iBAAqB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QACtC,CAAC;QAGD,sBAAI,yBAAI;iBAAR;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrE,CAAC;;;WAAA;QAGD,sBAAI,yBAAI;iBAAR;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrE,CAAC;;;WAAA;QAGD,sBAAI,iCAAY;iBAAhB;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrF,CAAC;;;WAAA;QAGD,sBAAI,4BAAO;iBAAX;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YAC3E,CAAC;;;WAAA;QAGD,sBAAI,sCAAiB;iBAArB;gBACE,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC1D,CAAC;;;WAAA;QAGD,sBAAI,oCAAe;iBAAnB;gBACE,OAAO,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;YACxD,CAAC;;;WAAA;QAGD,sBAAI,gCAAW;iBAAf;gBACE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAC/E,CAAC;;;WAAA;QAhCD;YADC,OAAO,EAAE;;;2CAGT;QAGD;YADC,OAAO,EAAE;;;2CAGT;QAGD;YADC,OAAO,EAAE;;;mDAGT;QAGD;YADC,OAAO,EAAE;;;8CAGT;QAGD;YADC,OAAO,EAAE;;;wDAGT;QAGD;YADC,OAAO,EAAE;;;sDAGT;QAGD;YADC,OAAO,EAAE;;;kDAGT;QAEH,cAAC;KAAA,AAvCD,IAuCC;IAvCY,mBAAO,UAuCnB,CAAA;AACH,CAAC,EA9CgB,WAAW,KAAX,WAAW,QA8C3B","sourcesContent":["import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport _ from 'lodash';\n\nexport interface CommandFace {\n text?(): string;\n\n icon?(): string;\n\n iconPosition?(): string;\n\n tooltip?(): string;\n\n destructive?(): boolean;\n}\n\nexport namespace CommandFace {\n export enum Position {\n START = 'start',\n END = 'end'\n }\n\n export class Adapter {\n constructor(readonly face: CommandFace) {\n }\n\n @Memoize()\n get text() {\n return _.isFunction(this.face.text) ? this.face.text() : undefined;\n }\n\n @Memoize()\n get icon() {\n return _.isFunction(this.face.icon) ? this.face.icon() : undefined;\n }\n\n @Memoize()\n get iconPosition() {\n return _.isFunction(this.face.iconPosition) ? this.face.iconPosition() : undefined;\n }\n\n @Memoize()\n get tooltip() {\n return _.isFunction(this.face.tooltip) ? this.face.tooltip() : undefined;\n }\n\n @Memoize()\n get iconPositionStart(): boolean {\n return this.iconPosition === CommandFace.Position.START;\n }\n\n @Memoize()\n get iconPositionEnd(): boolean {\n return this.iconPosition === CommandFace.Position.END;\n }\n\n @Memoize()\n get destructive(): boolean {\n return _.isFunction(this.face.destructive) ? this.face.destructive() : false;\n }\n\n }\n}\n"]}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { __decorate, __extends, __metadata } from "tslib";
|
|
2
|
-
import { Component, Input } from '@angular/core';
|
|
3
|
-
import { Command, TrackExternal } from '@coolon/pectin';
|
|
4
|
-
import { CommandContainer } from './command-container';
|
|
5
|
-
import { CommandFace } from './command-face';
|
|
6
|
-
import { DisposableComponent } from '../disposable-component';
|
|
7
|
-
/**
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
var CommandComponent = /** @class */ (function (_super) {
|
|
11
|
-
__extends(CommandComponent, _super);
|
|
12
|
-
function CommandComponent(commandContainer) {
|
|
13
|
-
var _this = _super.call(this) || this;
|
|
14
|
-
_this.commandContainer = commandContainer;
|
|
15
|
-
return _this;
|
|
16
|
-
}
|
|
17
|
-
CommandComponent.prototype.ngOnInit = function () {
|
|
18
|
-
this.registerDisposable(this.commandContainer.registerCommand(this.command, this.face));
|
|
19
|
-
};
|
|
20
|
-
CommandComponent.ctorParameters = function () { return [
|
|
21
|
-
{ type: CommandContainer }
|
|
22
|
-
]; };
|
|
23
|
-
__decorate([
|
|
24
|
-
Input(), TrackExternal(),
|
|
25
|
-
__metadata("design:type", Command)
|
|
26
|
-
], CommandComponent.prototype, "command", void 0);
|
|
27
|
-
__decorate([
|
|
28
|
-
Input(),
|
|
29
|
-
__metadata("design:type", Object)
|
|
30
|
-
], CommandComponent.prototype, "face", void 0);
|
|
31
|
-
CommandComponent = __decorate([
|
|
32
|
-
Component({
|
|
33
|
-
selector: 'aup-command',
|
|
34
|
-
template: ""
|
|
35
|
-
}),
|
|
36
|
-
__metadata("design:paramtypes", [CommandContainer])
|
|
37
|
-
], CommandComponent);
|
|
38
|
-
return CommandComponent;
|
|
39
|
-
}(DisposableComponent));
|
|
40
|
-
export { CommandComponent };
|
|
41
|
-
//# sourceMappingURL=command.component.js.map
|